PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

0.5.46

npm

7pmlabs-design-system

Vue UI Library: neat and clean components with form validator included.

Published1 Mar 2023
Direct dependencies37
Transitive dependenciesNot calculated

README

Current package documentation

7pmlabs-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 observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 37

Native requirements
37 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
@babel/core
Environment
{
  "local_name": "@babel/core",
  "alias": false,
  "peer_metadata": null
}
^7.20.5runtime
@vueuse/core
Environment
{
  "local_name": "@vueuse/core",
  "alias": false,
  "peer_metadata": null
}
^9.12.0runtime
air-datepicker
Environment
{
  "local_name": "air-datepicker",
  "alias": false,
  "peer_metadata": null
}
3.3.0runtime
imask
Environment
{
  "local_name": "imask",
  "alias": false,
  "peer_metadata": null
}
^6.4.3runtime
lodash
Environment
{
  "local_name": "lodash",
  "alias": false,
  "peer_metadata": null
}
^4.17.21runtime
moment-mini
Environment
{
  "local_name": "moment-mini",
  "alias": false,
  "peer_metadata": null
}
^2.29.4runtime
uuid
Environment
{
  "local_name": "uuid",
  "alias": false,
  "peer_metadata": null
}
^8.3.2runtime
vue
Environment
{
  "local_name": "vue",
  "alias": false,
  "peer_metadata": null
}
^3.2.37runtime
vue-i18n
Environment
{
  "local_name": "vue-i18n",
  "alias": false,
  "peer_metadata": null
}
^9.2.2runtime
@intlify/eslint-plugin-vue-i18n
Environment
{
  "local_name": "@intlify/eslint-plugin-vue-i18n",
  "alias": false,
  "peer_metadata": null
}
^2.0.0development
@rushstack/eslint-patch
Environment
{
  "local_name": "@rushstack/eslint-patch",
  "alias": false,
  "peer_metadata": null
}
^1.1.4development
@tailwindcss/line-clamp
Environment
{
  "local_name": "@tailwindcss/line-clamp",
  "alias": false,
  "peer_metadata": null
}
^0.4.2development
@types/jsdom
Environment
{
  "local_name": "@types/jsdom",
  "alias": false,
  "peer_metadata": null
}
^20.0.0development
@types/lodash
Environment
{
  "local_name": "@types/lodash",
  "alias": false,
  "peer_metadata": null
}
^4.14.188development
@types/node
Environment
{
  "local_name": "@types/node",
  "alias": false,
  "peer_metadata": null
}
^16.18.4development
@types/uuid
Environment
{
  "local_name": "@types/uuid",
  "alias": false,
  "peer_metadata": null
}
^8.3.4development
@typescript-eslint/eslint-plugin
Environment
{
  "local_name": "@typescript-eslint/eslint-plugin",
  "alias": false,
  "peer_metadata": null
}
^5.42.0development
@typescript-eslint/parser
Environment
{
  "local_name": "@typescript-eslint/parser",
  "alias": false,
  "peer_metadata": null
}
^5.42.0development
@vitejs/plugin-vue
Environment
{
  "local_name": "@vitejs/plugin-vue",
  "alias": false,
  "peer_metadata": null
}
^3.1.2development
@vue/eslint-config-prettier
Environment
{
  "local_name": "@vue/eslint-config-prettier",
  "alias": false,
  "peer_metadata": null
}
^7.0.0development
@vue/eslint-config-typescript
Environment
{
  "local_name": "@vue/eslint-config-typescript",
  "alias": false,
  "peer_metadata": null
}
^11.0.0development
@vue/test-utils
Environment
{
  "local_name": "@vue/test-utils",
  "alias": false,
  "peer_metadata": null
}
^2.1.0development
@vue/tsconfig
Environment
{
  "local_name": "@vue/tsconfig",
  "alias": false,
  "peer_metadata": null
}
^0.1.3development
autoprefixer
Environment
{
  "local_name": "autoprefixer",
  "alias": false,
  "peer_metadata": null
}
^10.4.13development
eslint
Environment
{
  "local_name": "eslint",
  "alias": false,
  "peer_metadata": null
}
^8.22.0development
eslint-plugin-vue
Environment
{
  "local_name": "eslint-plugin-vue",
  "alias": false,
  "peer_metadata": null
}
^9.3.0development
jsdom
Environment
{
  "local_name": "jsdom",
  "alias": false,
  "peer_metadata": null
}
^20.0.1development
npm-run-all
Environment
{
  "local_name": "npm-run-all",
  "alias": false,
  "peer_metadata": null
}
^4.1.5development
postcss
Environment
{
  "local_name": "postcss",
  "alias": false,
  "peer_metadata": null
}
^8.4.19development
prettier
Environment
{
  "local_name": "prettier",
  "alias": false,
  "peer_metadata": null
}
^2.7.1development
sass
Environment
{
  "local_name": "sass",
  "alias": false,
  "peer_metadata": null
}
^1.56.0development
tailwindcss
Environment
{
  "local_name": "tailwindcss",
  "alias": false,
  "peer_metadata": null
}
^3.2.2development
typescript
Environment
{
  "local_name": "typescript",
  "alias": false,
  "peer_metadata": null
}
~4.7.4development
vite
Environment
{
  "local_name": "vite",
  "alias": false,
  "peer_metadata": null
}
^3.1.8development
vitest
Environment
{
  "local_name": "vitest",
  "alias": false,
  "peer_metadata": null
}
^0.24.3development
vue-eslint-parser
Environment
{
  "local_name": "vue-eslint-parser",
  "alias": false,
  "peer_metadata": null
}
^9.1.0development
vue-tsc
Environment
{
  "local_name": "vue-tsc",
  "alias": false,
  "peer_metadata": null
}
^1.0.11development

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "integrity": "sha512-nm+9gGRubaOuanSzlL6ijy4QsTL4VX5VjYf3s8cmsxgM/sTPX/dOEN+9T1atwy484YjOA1A5FNMWeDGeFfLVtg==",
  "shasum": "17d128e153c5eb0863c744856562b4f81b39e59c",
  "tarball": "https://registry.npmjs.org/7pmlabs-design-system/-/7pmlabs-design-system-0.5.46.tgz",
  "fileCount": 47,
  "unpackedSize": 1029595,
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEQCIDD4oF7t4dthgLGx+Dcxn2sahD1yz2E8cGVF5dSPCXUbAiAtoumeJmWbRHMfSL4Xs2SEeDQBMjrt/g+cWxi1r8MwOw=="
    }
  ],
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/wMhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoUzg//TsWk2gL+xRKAPLKwHN2xSavyEua54W9lIbXSlShDQT+gK2mN\r\nUqDS1eCEiEpMAfZ/ERyrWHNjWQSpabwi2GU0fvqnVAZOJH5DU7A8VRYDjOud\r\nraqmOv2OltH2qPRV9gptT2r6sJu26BnSvT7J/tlVx6DeuhuKoVMa1A6Z8Cej\r\nubFMi5SVjwsqsQ1u2vsPFYHmxvifZawj1RgMFCf+KLiK079KpIcLTpudavYF\r\n/33eJHGpfauorOdgcbhwTHFtQffLjTxrwM2Ef1K9SqirBaC03Xe7aKRmRYIt\r\nV/ENAYRlsmY8ggyxyPemkfZIQVXzsU5WuPjQ6FYhIbpFEqRi/xsne8kpOjZ7\r\njFrzqdfbw7RQO3nFVBOQmG75wceK3n5bWnohFuwdRMCILMMnhAwUNF2Y2dwT\r\nHMI7fHKEjusUCeq0OzikYP3ApqqyOcxWCbN8SyFZlpbiLwxlPtIt2OnF5/QF\r\nijHg1OvnxyVHbsDo6747qXjnS6lFD6hBA0VYfxEo3WtDJ51GZFbYgTqRj3Hv\r\nAZvE3A8cohzUog/qUF0Q38D6r+57c+o1tfsZJP5nrgxNysjt8/Ctxgze4QQH\r\nl0ISIrm+2EcbQ4Wp1lb3kKayHhfT+kNWFwHkslVcZMYMo/UY2/VS2PXHrK8h\r\nl+izSYbXauw8Bbr0xkpaOImH7941f+cMt+Y=\r\n=oSXG\r\n-----END PGP SIGNATURE-----\r\n"
}

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 21:10 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:0824986fd9dd0004fa54651d27ce2dd0e7fe63cfa8856533a3f59ef94d68d920

Other collected versions

0.6.3325 May0.6.3225 May0.6.3125 May0.6.3025 May0.6.2925 May0.6.2812 MayView all collected versions →