PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

0.0.17

npm

3dsignals-design-system

Check out our [storybook](https://main--626e441197ce92004af1aa89.chromatic.com) for live demos and docs.

Published24 Oct 2022
Direct dependencies33
Transitive dependenciesNot calculated

README

Current package documentation

3dSignals Design System

Check out our storybook for live demos and docs.

Installation and usage

yarn add 3dsignals-design-system

Then use it in your app:

import {
    useClickOutside,
    Theme,
    Anchor,
    Button,
    Card,
    Chip,
    Icon,
    Text,
    Toggle,
    Tooltip,
    MetricCard,
    MetricCardInfo,
    MetricCardStack,
    MetricCardRow,
    ChartCardHeader,
    Checkbox,
    Radio,
    Dropdown,
    DropdownItem
} from "3dsignals-design-system";

const {
    colors,
    typography,
    breakPoints,
    spacing,
    shadows,
    focusOutline
} = Theme;

const App = (props) => {
    // use components normally in your app, and Theme for layouts, fonts, colors etc. 
    // Check out the docs for each component props and more info.
    const style = {
        background: colors.grey200,
        padding: spacing[2].desktop,
        boxShadow: shadows[1],
    };
    return (
        <div style={style}>
            <Card>
                <Text>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit...
                    <Tooltip>
                        <Icon/>
                    </Tooltip>
                </Text>
            </Card>
        </div>
    );
};

Downloads & popularity

Awaiting observations

No metric observations yet

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

Declared dependencies 35

Native requirements
33 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
@babel/core
Environment
{
  "local_name": "@babel/core",
  "alias": false,
  "peer_metadata": null
}
^7.17.7development
@radix-ui/react-checkbox
Environment
{
  "local_name": "@radix-ui/react-checkbox",
  "alias": false,
  "peer_metadata": null
}
^0.1.5development
@radix-ui/react-dropdown-menu
Environment
{
  "local_name": "@radix-ui/react-dropdown-menu",
  "alias": false,
  "peer_metadata": null
}
^0.1.6development
@radix-ui/react-radio-group
Environment
{
  "local_name": "@radix-ui/react-radio-group",
  "alias": false,
  "peer_metadata": null
}
^0.1.5development
@radix-ui/react-switch
Environment
{
  "local_name": "@radix-ui/react-switch",
  "alias": false,
  "peer_metadata": null
}
^0.1.5development
@radix-ui/react-tooltip
Environment
{
  "local_name": "@radix-ui/react-tooltip",
  "alias": false,
  "peer_metadata": null
}
^0.1.7development
@rollup/plugin-commonjs
Environment
{
  "local_name": "@rollup/plugin-commonjs",
  "alias": false,
  "peer_metadata": null
}
^21.0.2development
@rollup/plugin-node-resolve
Environment
{
  "local_name": "@rollup/plugin-node-resolve",
  "alias": false,
  "peer_metadata": null
}
^13.1.3development
@rollup/plugin-typescript
Environment
{
  "local_name": "@rollup/plugin-typescript",
  "alias": false,
  "peer_metadata": null
}
^8.3.1development
@storybook/addon-a11y
Environment
{
  "local_name": "@storybook/addon-a11y",
  "alias": false,
  "peer_metadata": null
}
^6.5.5development
@storybook/addon-actions
Environment
{
  "local_name": "@storybook/addon-actions",
  "alias": false,
  "peer_metadata": null
}
^6.5.5development
@storybook/addon-essentials
Environment
{
  "local_name": "@storybook/addon-essentials",
  "alias": false,
  "peer_metadata": null
}
^6.5.5development
@storybook/addon-interactions
Environment
{
  "local_name": "@storybook/addon-interactions",
  "alias": false,
  "peer_metadata": null
}
^6.5.5development
@storybook/addon-links
Environment
{
  "local_name": "@storybook/addon-links",
  "alias": false,
  "peer_metadata": null
}
^6.5.5development
@storybook/jest
Environment
{
  "local_name": "@storybook/jest",
  "alias": false,
  "peer_metadata": null
}
^0.0.10development
@storybook/react
Environment
{
  "local_name": "@storybook/react",
  "alias": false,
  "peer_metadata": null
}
^6.5.5development
@storybook/testing-library
Environment
{
  "local_name": "@storybook/testing-library",
  "alias": false,
  "peer_metadata": null
}
^0.0.11development
@types/react
Environment
{
  "local_name": "@types/react",
  "alias": false,
  "peer_metadata": null
}
^17.0.40development
@types/styled-components
Environment
{
  "local_name": "@types/styled-components",
  "alias": false,
  "peer_metadata": null
}
^5.1.24development
babel-loader
Environment
{
  "local_name": "babel-loader",
  "alias": false,
  "peer_metadata": null
}
^8.2.3development
chromatic
Environment
{
  "local_name": "chromatic",
  "alias": false,
  "peer_metadata": null
}
^6.5.4development
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^17.0.2development
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
^17.0.2development
react-icons
Environment
{
  "local_name": "react-icons",
  "alias": false,
  "peer_metadata": null
}
^4.3.1development
rollup
Environment
{
  "local_name": "rollup",
  "alias": false,
  "peer_metadata": null
}
^2.70.1development
rollup-plugin-dts
Environment
{
  "local_name": "rollup-plugin-dts",
  "alias": false,
  "peer_metadata": null
}
^4.2.0development
rollup-plugin-peer-deps-external
Environment
{
  "local_name": "rollup-plugin-peer-deps-external",
  "alias": false,
  "peer_metadata": null
}
^2.2.4development
rollup-plugin-terser
Environment
{
  "local_name": "rollup-plugin-terser",
  "alias": false,
  "peer_metadata": null
}
^7.0.2development
styled-components
Environment
{
  "local_name": "styled-components",
  "alias": false,
  "peer_metadata": null
}
^5.3.3development
tslib
Environment
{
  "local_name": "tslib",
  "alias": false,
  "peer_metadata": null
}
^2.3.1development
typescript
Environment
{
  "local_name": "typescript",
  "alias": false,
  "peer_metadata": null
}
^4.6.2development
moment-timezone
Environment
{
  "local_name": "moment-timezone",
  "alias": false,
  "peer_metadata": null
}
0.5.37development
react-time-picker
Environment
{
  "local_name": "react-time-picker",
  "alias": false,
  "peer_metadata": null
}
5.0.0development
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^17.0.2peer
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
^17.0.2peer

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "shasum": "853694bd9b34b46ba0fe286898039899efe113d6",
  "integrity": "sha512-bEplTrmLusdOefquFkvE2URtLN6905Qq1k0SrHkWQer0od3aBgN+F88SYjTZam7d9xryEJ2GE7Ps+4s5k5NJug==",
  "tarball": "https://registry.npmjs.org/3dsignals-design-system/-/3dsignals-design-system-0.0.17.tgz",
  "fileCount": 6,
  "unpackedSize": 197598,
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCIQD4g5ukDzwQcHuhdy/cKypBE40/XbcWCnaG9wkXBxYB3QIgJ43dKYYYcfwfVNylUSft/DYUCQYzYoUo/QVUw4nTF2E="
    }
  ],
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjVpwGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp/xg//YCeIsVBI57KIuH+2gBVwmhUfIRio7feeWlkaT9Lsbp7J3MhU\r\n5RpYMd/8wToQpnK7/GNXj1LEQGF0IZZAJ9cQK3L1b07Ja+lqy4WrPVs1ArSz\r\nRwR0okqdYH6ncF2Q2vwj9Gf5r8nT+mG2/qaKWurAYR6gTdhcEXRH6auW6onD\r\nhXC/pe7hFtKI6Kk1wi6rRjrdUrPFL+NeNevKUFr2jqeoCny+AXhigEXUC6pw\r\nSt0AKhfZBwIKuryO7kfrighNjyOAIkiseOxZzll6U7a+0KatMom5YttN8yJA\r\ndr/pOL8xogg3lCqz/C9u8S/86ndFe7aCyz/oVcscMAPslEJqLNwZ2ACLs67V\r\nnC4D4dJr459EsWtvHu0dBZAAcYacocwN3f6x5BqeKSHlG6ylG1SbxKjsVLW3\r\ntLULbOLc6ZxwhTkzPYFkzuFlLk+i9ImCc8ivb3K4schf04T3i4LAbBjmeYKI\r\nDXHpbfzIZVfgi2wwXwnhpyj/qHf8QT4Fz8nlW1dn924QPoftYzNffZ6cIGbt\r\nZO5rV3GK1hAlwfc/9LoUAMVbg/D4uHpICtQJj/p694/eXDZ26fVxpIPHet9+\r\nSF9ZktO3C8xhnHRUpeCDTZYrdYuB8gdSDPhHE+dfaur9aTm3k0u3c65DwOXR\r\nopSND0KeEl6XgfgUgKDb/3wLoejac17PEEs=\r\n=K+CG\r\n-----END PGP SIGNATURE-----\r\n"
}

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 19:41 UTC

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

Record identity

package_version:e6d2f10a3a27ff3c001b85d1923b4b8ef91cdf651da007afed03dbd0c2f0bb33

Other collected versions

0.0.2714 Mar0.0.262 Jan0.0.252 Jan0.0.242 Jan0.0.231 Jan0.0.2219 DecView all collected versions →