Current collected state Current
Observed since 20 Oct, 21:10 UTC
No superseded metadata states collected. Unchanged observations do not create new revisions.
Back to packageRELEASE DETAILS
0.5.1
npm7pmlabs-design-system
This template should help get you started developing with Vue 3 in Vite.
Published6 Dec 2022
Direct dependencies43
Transitive dependenciesNot calculated
README
Current package documentation7pmlabs-design-system
Require 7pmlabs-icons package installed or using CDN: https://unpkg.com/7pmlabs-icons/dist/style.css
DON'T NEED to import @import 'tailwindcss/base'; (https://tailwindcss.com/docs/installation) if you also use Tailwind CSS in your project unless it causes broken styles.
Getting started
npm i 7pmlabs-design-system
Usage
Import CSS & plugin in main.ts:
import '7pmlabs-design-system/style.css';
const app = createApp(App);
...
app.use(ds, { i18n });
Import & use component:
import { BButton } from '7pmlabs-design-system';
<BButton>Click me!</BButton>
Color Customization
CSS Variables:
--ds-colors-primary-f: 81 112 255; // #5170ff --ds-colors-primary-t: 255 102 196; // #ff66c4
Downloads & popularity
Awaiting observationsNo metric observations yet
Download counts and popularity will appear here as the collector receives them.
Declared dependencies 43
Native requirements43 direct targetsNot calculated transitive count
| Package / target | Requirement | Relationship |
|---|---|---|
@babel/coreEnvironment{
"local_name": "@babel/core",
"alias": false,
"peer_metadata": null
} | ^7.20.5 | runtime |
@tiptap/extension-character-countEnvironment{
"local_name": "@tiptap/extension-character-count",
"alias": false,
"peer_metadata": null
} | ^2.0.0-beta.199 | runtime |
@tiptap/extension-colorEnvironment{
"local_name": "@tiptap/extension-color",
"alias": false,
"peer_metadata": null
} | ^2.0.0-beta.199 | runtime |
@tiptap/extension-highlightEnvironment{
"local_name": "@tiptap/extension-highlight",
"alias": false,
"peer_metadata": null
} | ^2.0.0-beta.35 | runtime |
@tiptap/extension-imageEnvironment{
"local_name": "@tiptap/extension-image",
"alias": false,
"peer_metadata": null
} | ^2.0.0-beta.30 | runtime |
@tiptap/extension-placeholderEnvironment{
"local_name": "@tiptap/extension-placeholder",
"alias": false,
"peer_metadata": null
} | ^2.0.0-beta.53 | runtime |
@tiptap/extension-text-styleEnvironment{
"local_name": "@tiptap/extension-text-style",
"alias": false,
"peer_metadata": null
} | ^2.0.0-beta.199 | runtime |
@tiptap/extension-youtubeEnvironment{
"local_name": "@tiptap/extension-youtube",
"alias": false,
"peer_metadata": null
} | ^2.0.0-beta.6 | runtime |
@tiptap/starter-kitEnvironment{
"local_name": "@tiptap/starter-kit",
"alias": false,
"peer_metadata": null
} | ^2.0.0-beta.191 | runtime |
@tiptap/vue-3Environment{
"local_name": "@tiptap/vue-3",
"alias": false,
"peer_metadata": null
} | ^2.0.0-beta.96 | runtime |
air-datepickerEnvironment{
"local_name": "air-datepicker",
"alias": false,
"peer_metadata": null
} | ^3.2.0 | runtime |
lodashEnvironment{
"local_name": "lodash",
"alias": false,
"peer_metadata": null
} | ^4.17.21 | runtime |
momentEnvironment{
"local_name": "moment",
"alias": false,
"peer_metadata": null
} | ^2.29.4 | runtime |
uuidEnvironment{
"local_name": "uuid",
"alias": false,
"peer_metadata": null
} | ^8.3.2 | runtime |
vueEnvironment{
"local_name": "vue",
"alias": false,
"peer_metadata": null
} | ^3.2.37 | runtime |
vue-i18nEnvironment{
"local_name": "vue-i18n",
"alias": false,
"peer_metadata": null
} | ^9.2.2 | runtime |
@rushstack/eslint-patchEnvironment{
"local_name": "@rushstack/eslint-patch",
"alias": false,
"peer_metadata": null
} | ^1.1.4 | development |
@tailwindcss/line-clampEnvironment{
"local_name": "@tailwindcss/line-clamp",
"alias": false,
"peer_metadata": null
} | ^0.4.2 | development |
@types/jsdomEnvironment{
"local_name": "@types/jsdom",
"alias": false,
"peer_metadata": null
} | ^20.0.0 | development |
@types/lodashEnvironment{
"local_name": "@types/lodash",
"alias": false,
"peer_metadata": null
} | ^4.14.188 | development |
@types/nodeEnvironment{
"local_name": "@types/node",
"alias": false,
"peer_metadata": null
} | ^16.18.4 | development |
@types/uuidEnvironment{
"local_name": "@types/uuid",
"alias": false,
"peer_metadata": null
} | ^8.3.4 | development |
@typescript-eslint/eslint-pluginEnvironment{
"local_name": "@typescript-eslint/eslint-plugin",
"alias": false,
"peer_metadata": null
} | ^5.42.0 | development |
@typescript-eslint/parserEnvironment{
"local_name": "@typescript-eslint/parser",
"alias": false,
"peer_metadata": null
} | ^5.42.0 | development |
@vitejs/plugin-vueEnvironment{
"local_name": "@vitejs/plugin-vue",
"alias": false,
"peer_metadata": null
} | ^3.1.2 | development |
@vue/eslint-config-prettierEnvironment{
"local_name": "@vue/eslint-config-prettier",
"alias": false,
"peer_metadata": null
} | ^7.0.0 | development |
@vue/eslint-config-typescriptEnvironment{
"local_name": "@vue/eslint-config-typescript",
"alias": false,
"peer_metadata": null
} | ^11.0.0 | development |
@vue/test-utilsEnvironment{
"local_name": "@vue/test-utils",
"alias": false,
"peer_metadata": null
} | ^2.1.0 | development |
@vue/tsconfigEnvironment{
"local_name": "@vue/tsconfig",
"alias": false,
"peer_metadata": null
} | ^0.1.3 | development |
autoprefixerEnvironment{
"local_name": "autoprefixer",
"alias": false,
"peer_metadata": null
} | ^10.4.13 | development |
eslintEnvironment{
"local_name": "eslint",
"alias": false,
"peer_metadata": null
} | ^8.22.0 | development |
eslint-plugin-vueEnvironment{
"local_name": "eslint-plugin-vue",
"alias": false,
"peer_metadata": null
} | ^9.3.0 | development |
jsdomEnvironment{
"local_name": "jsdom",
"alias": false,
"peer_metadata": null
} | ^20.0.1 | development |
npm-run-allEnvironment{
"local_name": "npm-run-all",
"alias": false,
"peer_metadata": null
} | ^4.1.5 | development |
postcssEnvironment{
"local_name": "postcss",
"alias": false,
"peer_metadata": null
} | ^8.4.19 | development |
prettierEnvironment{
"local_name": "prettier",
"alias": false,
"peer_metadata": null
} | ^2.7.1 | development |
sassEnvironment{
"local_name": "sass",
"alias": false,
"peer_metadata": null
} | ^1.56.0 | development |
tailwindcssEnvironment{
"local_name": "tailwindcss",
"alias": false,
"peer_metadata": null
} | ^3.2.2 | development |
typescriptEnvironment{
"local_name": "typescript",
"alias": false,
"peer_metadata": null
} | ~4.7.4 | development |
viteEnvironment{
"local_name": "vite",
"alias": false,
"peer_metadata": null
} | ^3.1.8 | development |
vitestEnvironment{
"local_name": "vitest",
"alias": false,
"peer_metadata": null
} | ^0.24.3 | development |
vue-eslint-parserEnvironment{
"local_name": "vue-eslint-parser",
"alias": false,
"peer_metadata": null
} | ^9.1.0 | development |
vue-tscEnvironment{
"local_name": "vue-tsc",
"alias": false,
"peer_metadata": null
} | ^1.0.11 | development |
Distribution files
1 collectedDistribution 1
Source fileSource distribution
Checksums from source
{
"integrity": "sha512-nVt22UI59lbXI2rrQqsdIsFSr6Z87U1vsRNI9BtjSYYazHXnxwIDs9JTyKo9+fAidOsB3bGFz5IqP1kYsqEHEw==",
"shasum": "766e22b14be839dedfc3740813b32aeec86b0a16",
"tarball": "https://registry.npmjs.org/7pmlabs-design-system/-/7pmlabs-design-system-0.5.1.tgz",
"fileCount": 44,
"unpackedSize": 705675,
"signatures": [
{
"keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
"sig": "MEUCIQDBLfhg0LbBAjYULG2oSh3KzuEGEC5GbAwRvbpzFBd99QIgECn9+mvJY3Hjzd4W9nYmMcCDH/yWVlTZRxDFxfvSKgI="
}
],
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjj09lACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqU+A/+PPiSqH+5SmunlrrLNEJFfAABziN+1cyRf1+TCUGOroGJHKEe\r\nRtScuT6Khb9Xwv1ilNa3M494cO791JLJPY5quQvjjf1mdj+EBT/qiRyF4/ii\r\nQhROsjN7cICJMpDoXRE/mn4XU0gCmINcyXvhR2Ttreb2AJwRrn+UllYa3jjW\r\n5PFNMNoXiX9zZBL7+J0ZLcUf261YbclYeDvUqF40Z6ZjUz46NWplQQ67zT0n\r\nEu4nPxIrNSKxOSCvEq4uoWpFEQsC29eEbGHC9mSRewCDAPqvNhIKYxJnYOJP\r\nmSEWckq7yvKh0RKnkAdKU7w8yZiMDoJDW5y8L8ZBbbNi5CHLfu/eYUhIZjeV\r\nlULoxhFGm75FWiNn5qlm1qzQfXyRTZNb7Dy++LZzlzgCeSGD9zzsjeq4FbvR\r\nLmWSo+AQK++f7KGocggCvG9zHJNizMfIL1WeAn1fMvf6st4rd8gCfFsAdfDR\r\nW+VHcqtCpVZTZ6+2PrpFFFmKg4sDTgHPZtKkXVn9gA/x1ipL6vufpXT4Gc3p\r\nWAn8pmy1LLFEsGTDPr09Bs0ObD5orv4JIVFaXUdDr60pyL21vd85CwhHH3cd\r\n2npN9zoNt7s2OVXYGmCnD/SMtF8AKHuPvQLD/wLuvv8sG1Z6rhgIVvSRipRQ\r\nUDAWVkQhBizw5zbwHpChlPhCBZgw4D5nltM=\r\n=5Ylf\r\n-----END PGP SIGNATURE-----\r\n"
}Metadata history
Meaningful changesRecord identity
package_version:6ac64a0021981c2804b60f450bbe0dc9ecb36226cacd7efe0e2e8f8bb48f502d