{"_id":"@abdulqadeer19/ds-smartsign","_rev":"3-62c2ab70989a37cd74dfde66c4acf223","name":"@abdulqadeer19/ds-smartsign","dist-tags":{"latest":"0.1.3"},"versions":{"0.1.0":{"name":"@abdulqadeer19/ds-smartsign","version":"0.1.0","private":false,"main":"./dist/index.umd.min.js","scripts":{"lint":"vue-cli-service lint","format":"prettier --write \"**/*.{js,vue,json,md}\"","format:check":"prettier --check \"**/*.{js,vue,json,md}\"","serve":"vue-cli-service serve","build":"vue-cli-service build --target lib src/entry.js --name index","build:inline":"vue-cli-service build --target lib src/entry.js --inline-vue","build-storybook":"build-storybook","storybook":"start-storybook -p 6006 -s ./stories/assets","test":"jest --no-cache"},"dependencies":{"@fortawesome/fontawesome-svg-core":"1.2.35","@fortawesome/free-brands-svg-icons":"5.15.3","@fortawesome/free-solid-svg-icons":"5.15.3","core-js":"^3.6.5","vue":"^2.6.11"},"devDependencies":{"@babel/core":"^7.11.6","@storybook/addon-essentials":"^6.5.16","@storybook/addon-links":"^6.5.16","@storybook/preset-scss":"^1.0.3","@storybook/testing-vue":"^0.0.4","@storybook/theming":"^6.5.16","@storybook/vue":"^6.5.16","@testing-library/vue":"^5.9.0","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-unit-jest":"~4.5.0","@vue/cli-service":"~4.5.0","babel-eslint":"^10.1.0","babel-jest":"^27.0.6","babel-loader":"^8.1.0","chromatic":"^6.0.6","eslint":"^7.30.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier-vue":"^3.1.0","eslint-plugin-storybook":"^0.5.6","eslint-plugin-vue":"^7.15.1","jest":"^27.2.1","prettier":"^2.3.2","sass":"^1.43.4","sass-loader":"^10.0.2","typescript":"^4.3.5","vue-jest":"^3.0.7","vue-loader":"^15.9.7","vue-router":"^3.5.2","vue-template-compiler":"^2.6.11"},"repository":{"type":"git","url":""},"keywords":["vue","ui"],"author":{"name":"@abdulqadeer19"},"license":"ISC","homepage":"","volta":{"node":"16.18.1"},"description":"A UI library built with Storybook for Vue 2.","_id":"@abdulqadeer19/ds-smartsign@0.1.0","_nodeVersion":"16.19.1","_npmVersion":"8.19.3","dist":{"integrity":"sha512-WpuajpPFZJq4fbYZclH51kIQe5dn3tlu5Ojfxr0EFX1vFK3w1T7L0wfdKTfMzBzFyhUIa5avm/BSrEKkZPMj5Q==","shasum":"45af0cf65ecc2779d615fbe0316525c106d4765c","tarball":"https://registry.npmjs.org/@abdulqadeer19/ds-smartsign/-/ds-smartsign-0.1.0.tgz","fileCount":11,"unpackedSize":1050902,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBixxXAFQqDpAQ3pXlAI6xQxJDF2m0dtPLTnU7CkBfo0AiEAyrp/AkDVm8rf4gcHfVUmwpyQxuNiEh2BDN8l4hAZ18g="}]},"_npmUser":{"name":"abdulqadeer19","email":"qadeerkicsit@gmail.com"},"directories":{},"maintainers":[{"name":"abdulqadeer19","email":"qadeerkicsit@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ds-smartsign_0.1.0_1710785245540_0.98179583765254"},"_hasShrinkwrap":false},"0.1.1":{"name":"@abdulqadeer19/ds-smartsign","version":"0.1.1","private":false,"main":"./dist/index.umd.min.js","scripts":{"lint":"vue-cli-service lint","format":"prettier --write \"**/*.{js,vue,json,md}\"","format:check":"prettier --check \"**/*.{js,vue,json,md}\"","serve":"vue-cli-service serve","build":"vue-cli-service build --target lib src/entry.js --name index","build:inline":"vue-cli-service build --target lib src/entry.js --inline-vue","build-storybook":"build-storybook","storybook":"start-storybook -p 6006 -s ./stories/assets","test":"jest --no-cache"},"dependencies":{"@fortawesome/fontawesome-svg-core":"1.2.35","@fortawesome/free-brands-svg-icons":"5.15.3","@fortawesome/free-solid-svg-icons":"5.15.3","core-js":"^3.6.5","vue":"^2.6.11"},"devDependencies":{"@babel/core":"^7.11.6","@storybook/addon-essentials":"^6.5.16","@storybook/addon-links":"^6.5.16","@storybook/preset-scss":"^1.0.3","@storybook/testing-vue":"^0.0.4","@storybook/theming":"^6.5.16","@storybook/vue":"^6.5.16","@testing-library/vue":"^5.9.0","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-unit-jest":"~4.5.0","@vue/cli-service":"~4.5.0","babel-eslint":"^10.1.0","babel-jest":"^27.0.6","babel-loader":"^8.1.0","chromatic":"^6.0.6","eslint":"^7.30.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier-vue":"^3.1.0","eslint-plugin-storybook":"^0.5.6","eslint-plugin-vue":"^7.15.1","jest":"^27.2.1","prettier":"^2.3.2","sass":"^1.43.4","sass-loader":"^10.0.2","typescript":"^4.3.5","vue-jest":"^3.0.7","vue-loader":"^15.9.7","vue-router":"^3.5.2","vue-template-compiler":"^2.6.11"},"repository":{"type":"git","url":""},"keywords":["vue","ui"],"author":{"name":"@abdulqadeer19"},"license":"ISC","homepage":"","volta":{"node":"16.18.1"},"description":"A UI library built with Storybook for Vue 2. ```","_id":"@abdulqadeer19/ds-smartsign@0.1.1","_nodeVersion":"16.19.1","_npmVersion":"8.19.3","dist":{"integrity":"sha512-fJweX2PEFYbEr2awoq4PZ3Ak8jsHCX0rx1tY13+agjSMFUfeoI3C35hO5vkFPYmGubDk3sH2Fsvh+ocvEQCzCA==","shasum":"aa414faaaef13813c19e197368f6872a60a8e97d","tarball":"https://registry.npmjs.org/@abdulqadeer19/ds-smartsign/-/ds-smartsign-0.1.1.tgz","fileCount":11,"unpackedSize":1050083,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDWglmBvV76gHcc0n3yOfr+PVzYtRw+CEDtLSPPUGM7dgIhAItCHxJ+GImGWVzXjMt/asaoKHF5BsMwb2PLASvafzH+"}]},"_npmUser":{"name":"abdulqadeer19","email":"qadeerkicsit@gmail.com"},"directories":{},"maintainers":[{"name":"abdulqadeer19","email":"qadeerkicsit@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ds-smartsign_0.1.1_1710785436155_0.6495054468438388"},"_hasShrinkwrap":false},"0.1.2":{"name":"@abdulqadeer19/ds-smartsign","version":"0.1.2","private":false,"main":"./dist/index.umd.min.js","scripts":{"lint":"vue-cli-service lint","format":"prettier --write \"**/*.{js,vue,json,md}\"","format:check":"prettier --check \"**/*.{js,vue,json,md}\"","serve":"vue-cli-service serve","build":"vue-cli-service build --target lib src/entry.js --name index","build:inline":"vue-cli-service build --target lib src/entry.js --inline-vue","build-storybook":"build-storybook","storybook":"start-storybook -p 6006 -s ./stories/assets","test":"jest --no-cache"},"dependencies":{"@fortawesome/fontawesome-svg-core":"1.2.35","@fortawesome/free-brands-svg-icons":"5.15.3","@fortawesome/free-solid-svg-icons":"5.15.3","core-js":"^3.6.5","vue":"^2.6.11"},"devDependencies":{"@babel/core":"^7.11.6","@storybook/addon-essentials":"^6.5.16","@storybook/addon-links":"^6.5.16","@storybook/preset-scss":"^1.0.3","@storybook/testing-vue":"^0.0.4","@storybook/theming":"^6.5.16","@storybook/vue":"^6.5.16","@testing-library/vue":"^5.9.0","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-unit-jest":"~4.5.0","@vue/cli-service":"~4.5.0","babel-eslint":"^10.1.0","babel-jest":"^27.0.6","babel-loader":"^8.1.0","chromatic":"^6.0.6","eslint":"^7.30.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier-vue":"^3.1.0","eslint-plugin-storybook":"^0.5.6","eslint-plugin-vue":"^7.15.1","jest":"^27.2.1","prettier":"^2.3.2","sass":"^1.43.4","sass-loader":"^10.0.2","typescript":"^4.3.5","vue-jest":"^3.0.7","vue-loader":"^15.9.7","vue-router":"^3.5.2","vue-template-compiler":"^2.6.11"},"repository":{"type":"","url":""},"keywords":["vue","ui"],"author":{"name":"@abdulqadeer19"},"license":"ISC","homepage":"","volta":{"node":"16.18.1"},"description":"A UI library built with Storybook for Vue 2.","_id":"@abdulqadeer19/ds-smartsign@0.1.2","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-ruaUdrxRsamAdAXGA4SkZCwYfF/QSu/KV5jN5znk3UmXQXJ+GB/6BkPDIOaiowyN8ISICjp5Qfgs3KL7OKqCXA==","shasum":"eddbfc2c7436a60b3efb3125f49b101e54f94eb5","tarball":"https://registry.npmjs.org/@abdulqadeer19/ds-smartsign/-/ds-smartsign-0.1.2.tgz","fileCount":11,"unpackedSize":889474,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHPKjGr84eVDFsd0VzPoQcMcgLcdtQvHpI14woSbkmsMAiBxht4IWBmaPIBmPcRFFrU12txbm+MSDHAP34R19oevkg=="}]},"_npmUser":{"name":"abdulqadeer19","email":"qadeerkicsit@gmail.com"},"directories":{},"maintainers":[{"name":"abdulqadeer19","email":"qadeerkicsit@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ds-smartsign_0.1.2_1711020181145_0.11412716623074948"},"_hasShrinkwrap":false},"0.1.3":{"name":"@abdulqadeer19/ds-smartsign","version":"0.1.3","private":false,"main":"./dist/index.umd.min.js","scripts":{"lint":"vue-cli-service lint","format":"prettier --write \"**/*.{js,vue,json,md}\"","format:check":"prettier --check \"**/*.{js,vue,json,md}\"","serve":"vue-cli-service serve","build":"vue-cli-service build --target lib src/entry.js --name index","build:inline":"vue-cli-service build --target lib src/entry.js --inline-vue","build-storybook":"build-storybook","storybook":"start-storybook -p 6006 -s ./stories/assets","test":"jest --no-cache"},"dependencies":{"@fortawesome/fontawesome-svg-core":"1.2.35","@fortawesome/free-brands-svg-icons":"5.15.3","@fortawesome/free-solid-svg-icons":"5.15.3","core-js":"^3.6.5","vue":"^2.6.11"},"devDependencies":{"@babel/core":"^7.11.6","@storybook/addon-essentials":"^6.5.16","@storybook/addon-links":"^6.5.16","@storybook/preset-scss":"^1.0.3","@storybook/testing-vue":"^0.0.4","@storybook/theming":"^6.5.16","@storybook/vue":"^6.5.16","@testing-library/vue":"^5.9.0","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-unit-jest":"~4.5.0","@vue/cli-service":"~4.5.0","babel-eslint":"^10.1.0","babel-jest":"^27.0.6","babel-loader":"^8.1.0","chromatic":"^6.0.6","eslint":"^7.30.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier-vue":"^3.1.0","eslint-plugin-storybook":"^0.5.6","eslint-plugin-vue":"^7.15.1","jest":"^27.2.1","prettier":"^2.3.2","sass":"^1.43.4","sass-loader":"^10.0.2","typescript":"^4.3.5","vue-jest":"^3.0.7","vue-loader":"^15.9.7","vue-router":"^3.5.2","vue-template-compiler":"^2.6.11"},"repository":{"type":"","url":""},"keywords":["vue","ui"],"author":{"name":"@abdulqadeer19"},"license":"ISC","homepage":"","volta":{"node":"16.18.1"},"description":"A UI library built with Storybook for Vue 2.","_id":"@abdulqadeer19/ds-smartsign@0.1.3","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-NyUAeQ3B6XxCOMHwg09K/z6/NgrgpnpgdVp0Rv8l2n7tsVMBMhuewWrE5g+ILX22nuFmQfS5uEe/prZx93czUg==","shasum":"b072c4539435b094900abf2233e427bc674e1146","tarball":"https://registry.npmjs.org/@abdulqadeer19/ds-smartsign/-/ds-smartsign-0.1.3.tgz","fileCount":11,"unpackedSize":889490,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAySCt+nONsCt4tR1CP7+urhc996SFWPNAjeGqarwm7MAiEAvhl5tE7v71vU93bdyxxHC3Su5MTd0ntAvSTXh12a/mY="}]},"_npmUser":{"name":"abdulqadeer19","email":"qadeerkicsit@gmail.com"},"directories":{},"maintainers":[{"name":"abdulqadeer19","email":"qadeerkicsit@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ds-smartsign_0.1.3_1711021291341_0.5090904384152528"},"_hasShrinkwrap":false}},"time":{"created":"2024-03-18T18:07:25.430Z","0.1.0":"2024-03-18T18:07:25.711Z","modified":"2024-03-21T11:41:32.176Z","0.1.1":"2024-03-18T18:10:36.317Z","0.1.2":"2024-03-21T11:23:01.286Z","0.1.3":"2024-03-21T11:41:31.546Z"},"maintainers":[{"name":"abdulqadeer19","email":"qadeerkicsit@gmail.com"}],"description":"A UI library built with Storybook for Vue 2.","keywords":["vue","ui"],"repository":{"type":"","url":""},"author":{"name":"@abdulqadeer19"},"license":"ISC","readme":"# SMARTSIGN DESIGN SYSTEM\n\nA UI library built with Storybook for Vue 2.\n\n## Install library as a package\n\n```\n# with npm\nnpm install @abdulqadeer19/ds-smartsign\n\n# with yarn\nyarn install @abdulqadeer19/ds-smartsign\n```\n\nAll exported components are prefixed with a `V` eg `VButton`\n\nIn your apps main.js / main.ts\n\n```\n# import the base styles\nimport \"@abdulqadeer19/ds-smartsign/dist/index.css\";\n\n# import the components\nimport { VButton } from \"@abdulqadeer19/ds-smartsign\";\n\n# each can be registered via Vue.component()\nVue.component(\"VButton\", VButton);\n```\n\n## For Development\n\nFor development and to modify this storybook library clone this project and:\n\n```\n# run locally\nnpm run storybook\n\n# run a local demo App.vue\nnpm run serve\n```\n\nsee the [storybook docs](https://storybook.js.org/docs/vue/get-started/introduction) for more info.\n\n### Releasing a new version\n\n```\nnpm run build\nupdate version in package.json\nnpm publish\n```\n\n### Setup & Configure\n\nThe `.storybook` folder contains all the config files for setting up storybook.\n\n- Configure any addons in the `.storybook/main.js` file\n- External scripts, fonts and stylesheets are loaded in `.storybook/preview-head.html`\n- Imports the sass/scss theme and variables in `.storybook/preview.js` via ` import '../theme/main.scss'`\n\n### Assets\n\n- Static assets and resources are located in the `stories/assets` folder\n\n<!-- ### Theme\n\nAll the base styling is configured in the theme folder\n\nThere are mixins to create custom class names for spacing values according to the theme variables eg `m--1` in addition to colorScheme css variabls\n\nEach component has it's own scoped scss file that's directly imported.\n\n- sass mixins and variables\n- utility class names for spacing\n- css variables for colorScheme\n\nYou need to specify `@use \"@/theme/helpers\" as *;` at the top of the .scss file.\n\nThis will give you access to the `mixins` and `vars` via `@forward`. They are made available as a whole package on the global namespace.\n\n```\n/theme\n  main.scss\n  /base\n    _colorScheme\n    _reset\n    _theme\n    _typography\n  /helpers\n    _index\n    _vars\n    _mixins\n    _darkTheme\n    _lightTheme\n```\n\n#### Dark mode and Color Scheme\n\nDark and Light mode css variables are added to :root using mixins.\n\nThe default color scheme is light mode but will prefer the system ui settings using\n\n```\n@media (prefers-color-scheme: dark) {\n  @include darkTheme;\n}\n```\n\nThe color scheme is applied via a `light` or `dark` class added to the root html so you can overwrite the default preference\n\n```\n<html lang=\"en\" class=\"dark\"> -->\n\n```\n\n### Build Storybook as a static web application\n\n<https://storybook.js.org/docs/vue/workflows/publish-storybook>\n\nbuild storybook: `npm run build-storybook`\nserve locally: `npx http-server storybook-static`\n\n### Publish Storybook online\n\n<https://storybook.js.org/docs/vue/workflows/publish-storybook#publish-storybook-online>\n\nnetlify is configured to deploy the storybook static build directly from main branch.\n\nbuild folder: /storybook-static\nproduction url: <https://vue-storybook-library.netlify.app/>\n\n### Build as a library\n\nThis will package the Vue project as a library to be imported in another application.\n\n```\n\nnpm run build\n\n````\n\nIt will need to be published to npm, imported locally or via a git branch.\n\n### Import into project\n\nClone this git into the project root in /storybook folder\n\nThen add the theme files to the css settings in your project build config..\n\nVue - vue.config.js\nNuxt - nuxt.config.js\n\nImport each component from the folder as needed, instead of from /components, import them directly from /storybook.\n\nFor Vue - add the reference to scss files in vue.config.js.\n\n```config\ncss: [\n    // import storybook theme\n    './storybook/theme/main.scss'\n  ],\n````\n\nFor Nuxt - add the reference to scss files in nuxt.config.js.\n\n```config\ncss: [\n    // import storybook theme\n    './storybook/theme/main.scss'\n  ],\n```\n\n#### Using the components\n\nImport the components directly from the /storybook folder.\n\n```config\nimport Toast from '@/storybook/stories/molecules/Toast.vue'\n```\n","readmeFilename":"README.md"}