PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

0.1.0

npm

3shape-design-system

## How to use Install packages ``` npm i 3shape-design-system @webcomponents/webcomponentsjs ``` Add polyfill import ``` import '@webcomponents/webcomponentsjs/webcomponents-bundle.js'; // or dynamical import '@webcomponents/webcomponentsjs/webcomponents-

Published5 Nov 2020
Direct dependencies19
Transitive dependenciesNot calculated

README

Current package documentation

3shape-design-system

How to use

Install packages

npm i 3shape-design-system @webcomponents/webcomponentsjs

Add polyfill import

import '@webcomponents/webcomponentsjs/webcomponents-bundle.js';
// or dynamical
import '@webcomponents/webcomponentsjs/webcomponents-loader.js';

Add components import

import '3shape-design-system';

Use tags

<g-select
    label="Label"
    name="test"
    required
></g-select>

Props

PropTypeDefaultDescription
{label}Stringnulllabel text
{required}Booleannullshows required field (label is required)
{disabled}Booleannulldisabled state
{name}Stringnullinput name
{hint}Stringnullhint text
{error}Stringnullerror message
{value}Stringnullcontrolled input value
{onChange}Functionnullcontrolled input change handler

How to develop

npm i

npm run watch

npm run serve

Go to http://localhost:8000

Downloads & popularity

Awaiting observations

No metric observations yet

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

Declared dependencies 19

Native requirements
19 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
classnames
Environment
{
  "local_name": "classnames",
  "alias": false,
  "peer_metadata": null
}
^2.2.6runtime
lit-element
Environment
{
  "local_name": "lit-element",
  "alias": false,
  "peer_metadata": null
}
2.3.1runtime
lit-html
Environment
{
  "local_name": "lit-html",
  "alias": false,
  "peer_metadata": null
}
1.2.1runtime
@babel/core
Environment
{
  "local_name": "@babel/core",
  "alias": false,
  "peer_metadata": null
}
7.12.3development
@babel/preset-env
Environment
{
  "local_name": "@babel/preset-env",
  "alias": false,
  "peer_metadata": null
}
7.12.1development
babel-loader
Environment
{
  "local_name": "babel-loader",
  "alias": false,
  "peer_metadata": null
}
8.1.0development
clean-webpack-plugin
Environment
{
  "local_name": "clean-webpack-plugin",
  "alias": false,
  "peer_metadata": null
}
3.0.0development
css-loader
Environment
{
  "local_name": "css-loader",
  "alias": false,
  "peer_metadata": null
}
5.0.0development
es-dev-server
Environment
{
  "local_name": "es-dev-server",
  "alias": false,
  "peer_metadata": null
}
1.57.8development
eslint
Environment
{
  "local_name": "eslint",
  "alias": false,
  "peer_metadata": null
}
7.12.1development
eslint-config-airbnb-base
Environment
{
  "local_name": "eslint-config-airbnb-base",
  "alias": false,
  "peer_metadata": null
}
14.2.0development
eslint-plugin-import
Environment
{
  "local_name": "eslint-plugin-import",
  "alias": false,
  "peer_metadata": null
}
2.22.1development
eslint-webpack-plugin
Environment
{
  "local_name": "eslint-webpack-plugin",
  "alias": false,
  "peer_metadata": null
}
2.1.0development
style-loader
Environment
{
  "local_name": "style-loader",
  "alias": false,
  "peer_metadata": null
}
^2.0.0development
stylus
Environment
{
  "local_name": "stylus",
  "alias": false,
  "peer_metadata": null
}
0.54.8development
stylus-loader
Environment
{
  "local_name": "stylus-loader",
  "alias": false,
  "peer_metadata": null
}
4.2.0development
webpack
Environment
{
  "local_name": "webpack",
  "alias": false,
  "peer_metadata": null
}
4.44.2development
webpack-cli
Environment
{
  "local_name": "webpack-cli",
  "alias": false,
  "peer_metadata": null
}
3.3.12development
webpack-merge
Environment
{
  "local_name": "webpack-merge",
  "alias": false,
  "peer_metadata": null
}
4.2.2development

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "integrity": "sha512-N5rtW32b1WpauKdM9poOAZXdXaTeW61jB0KJJYlg9LAY/Dr7LdzccudD5Pq5tftSKDXVNccDbWJ1gkomzkr+Tw==",
  "shasum": "a5fe10072d530d34d947dbef1899b5674f215eb7",
  "tarball": "https://registry.npmjs.org/3shape-design-system/-/3shape-design-system-0.1.0.tgz",
  "fileCount": 3,
  "unpackedSize": 41254,
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpHj9CRA9TVsSAnZWagAAo+IQAJMiUBdSSL6y03FAcWPx\n3a7t5v1+2NAqyV3q9QvnDYubYLWiRdurG/AGI1m2R3u1rEGPzcrlLdjQIlNX\nXKuOoS4qKGAox+HB12a1fFUua/vcWA3kBJNFmTWTTrvjYxHChIOq7ZrAxnZY\nG6arsCs69EUup/tQveLdrTtgrxoPZgwAwiJGwSWrSTlLr9Dhg0zqpm8E1mIN\nDFprJChCjLqBL1kyIgoGs6HPjy8g2mT1VxK5dkImD9PtYSoKW2kPG81T9tSt\ny8tcE/FXPKW+PdBhgQyNUfrnOvo5wclPkhDHMk3S6FglK8g1PRw4Jpwoberp\n2OT7ubbA/OqyD5FiyFNPd7puHrCMELmxvtOIGnx2jCcm/CSmio8APyGrj+X0\nEVNyH+SyS0EjDbCg5mLkytKB+Fqph9mu9Nycr2zW4hnY+T6PsMlVKBuThOfJ\nxiTzCZbIHDNg1hzuVNzse+1pzF6W2wlTLeoNo8mr0HZHD6nFcdFCsYXxc92v\nltNxn3aIpKTsICf1kbtCHjAZXLClzpQ5XA3TLMOn0oIRrkyA4ubAgkvzfkng\n6LLYeM/IIoFQIMAVY7l+vxI3gjun1jthJMvxtUaJOg0pSB5EN9OfS6DNJOar\naRfmzMynIYejbRG9smp9moSimgGGE4sdIBlJiLUqht2gTPhtU/lWqefAXyro\n0tq6\r\n=Hw/p\r\n-----END PGP SIGNATURE-----\r\n",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEYCIQDaKHA7IX1BDbvrbDPDBGMPiRaxG6zRHZAngpJ/O/4tlgIhAPmBT3yxGRD7sVzzoHxvsT0f/GiiKdD/xe3f2T7JBow3"
    }
  ]
}

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 19:52 UTC

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

Record identity

package_version:ed3f16d1a8fabbdea85337302cb894c854465200ddf207756511b4066cccc2ea

Other collected versions

0.1.15 NovView all collected versions →