PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

0.0.1

npm

3dsignals-design-system

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

Published23 May 2022
Direct dependencies28
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 30

Native requirements
28 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
tslib
Environment
{
  "local_name": "tslib",
  "alias": false,
  "peer_metadata": null
}
^2.3.1runtime
@babel/core
Environment
{
  "local_name": "@babel/core",
  "alias": false,
  "peer_metadata": null
}
^7.17.7development
@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.4.22development
@storybook/addon-actions
Environment
{
  "local_name": "@storybook/addon-actions",
  "alias": false,
  "peer_metadata": null
}
^6.4.22development
@storybook/addon-essentials
Environment
{
  "local_name": "@storybook/addon-essentials",
  "alias": false,
  "peer_metadata": null
}
^6.4.22development
@storybook/addon-interactions
Environment
{
  "local_name": "@storybook/addon-interactions",
  "alias": false,
  "peer_metadata": null
}
^6.4.22development
@storybook/addon-links
Environment
{
  "local_name": "@storybook/addon-links",
  "alias": false,
  "peer_metadata": null
}
^6.4.22development
@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.4.22development
@storybook/testing-library
Environment
{
  "local_name": "@storybook/testing-library",
  "alias": false,
  "peer_metadata": null
}
^0.0.9development
@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
typescript
Environment
{
  "local_name": "typescript",
  "alias": false,
  "peer_metadata": null
}
^4.6.2development
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": "df38373f6811b9f3df6fda6005b697210c0febfa",
  "integrity": "sha512-re783qSGDUHB1tIz4VpPoFSr6SKjAqLJqQgo3L4w2jPoGGBL6J709OIXxpt/Q4VhqI6HUGF3Mmo09mxifiN2yg==",
  "tarball": "https://registry.npmjs.org/3dsignals-design-system/-/3dsignals-design-system-0.0.1.tgz",
  "fileCount": 5,
  "unpackedSize": 147009,
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCIQCuAH451yI2p62bhDD5s8xP4AiEnVJ0BNonZL2RkF8oGwIgUXYUsDNJPqZJC7WF75sstFd88C8NkFD4EBO1RpF4W64="
    }
  ],
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii1X8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq8xw//YcyKiBdiFME3GMt115HTcNX/ackIw4f+aTv3HJYQKjoNtJ03\r\nSLlqBqDQfQ8UelE73eFtvbNZQpTNp56B+JatOU8wqNsCFg7hSwokiFmTyCql\r\nQJgLXBOXmcKilpYAJ+LR/jfoIz1/219bfdd3lCtDDDUPSvDmWfNNr52Dm90A\r\n9ZHkh7VSMiAgX8EA/kNBj/bPyCR+yCGJAbSxD4B9xdyem4TsSRtB7MKcWGNI\r\nec0i+QneqV9pV/S3AKKqe7Ojj4wQCilqSJM+/XlXKOIbdZIDvan2zqJGaKru\r\nWyNWix26Q3rmxJBdeOX0LJ4Sd/W3PwDJnB493J+rcY76nYbKzth1VoX1inIZ\r\nZuFl0TGpUG08eXFvtnWNQF3qJNVa0be8Qqjlodv+M7K0HsvcywR+Sds+dD9m\r\n7NA0yj/Ny6ZbBDRxL22J28uldga1BhJloVZqrsrOIZp1PGrqAeDy9XYVZIIE\r\nyOiSYRnNf40TWya8gEgGF6+mDtVU5Yro8JK2j6+Hwmij8cJQ2VYMBdaJUmiX\r\ngyb/Jf1nInW0sPIeHceFycxVUigTINHvx0v4//rDRyTJbR/38RO/BIlwm5V8\r\ni1UBFXs+A/e6FgLdzmdTRbQJvQpZKzvPAqO0KdLSvIeFJLy2hfFRZjdSUBJ7\r\nVywz1v9lxL2//VrtUSjVF7Kftdm0tvkhsuo=\r\n=IqFw\r\n-----END PGP SIGNATURE-----\r\n"
}

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 19:40 UTC

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

Record identity

package_version:cab2353aa664a73eb20c8c280136ca015f346cadea2346c2bebe04ce390f03cd

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 →