Catalog npm
Back to packageRELEASE DETAILS

2.2.10

npm

24testui

Set of UI components for pancake projects

Published21 Apr 2021
Direct dependencies42
Transitive dependenciesNot calculated

README

Current package documentation

🥞 Pancake UIkit

Version Size

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

Install

yarn add @pancakeswap-libs/uikit

Setup

Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>

Reset

A reset CSS is available as a global styled component.

import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<ResetCSS />

Types

This project is built with Typescript and export all the relevant types.

How to use the UIkit

If you want to use components from the UIkit, check the Storybook documentation

Downloads & popularity

Awaiting observations

No metric observations yet

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

Declared dependencies 46

Native requirements
42 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
@types/lodash
Environment
{
  "local_name": "@types/lodash",
  "alias": false,
  "peer_metadata": null
}
^4.14.162runtime
@types/styled-system
Environment
{
  "local_name": "@types/styled-system",
  "alias": false,
  "peer_metadata": null
}
^5.1.10runtime
lodash
Environment
{
  "local_name": "lodash",
  "alias": false,
  "peer_metadata": null
}
^4.17.20runtime
react-transition-group
Environment
{
  "local_name": "react-transition-group",
  "alias": false,
  "peer_metadata": null
}
^4.4.1runtime
styled-system
Environment
{
  "local_name": "styled-system",
  "alias": false,
  "peer_metadata": null
}
^5.1.5runtime
@babel/core
Environment
{
  "local_name": "@babel/core",
  "alias": false,
  "peer_metadata": null
}
^7.12.1development
@babel/preset-env
Environment
{
  "local_name": "@babel/preset-env",
  "alias": false,
  "peer_metadata": null
}
^7.12.1development
@commitlint/cli
Environment
{
  "local_name": "@commitlint/cli",
  "alias": false,
  "peer_metadata": null
}
^11.0.0development
@commitlint/config-conventional
Environment
{
  "local_name": "@commitlint/config-conventional",
  "alias": false,
  "peer_metadata": null
}
^11.0.0development
@pancakeswap-libs/eslint-config-pancake
Environment
{
  "local_name": "@pancakeswap-libs/eslint-config-pancake",
  "alias": false,
  "peer_metadata": null
}
0.1.0development
@rollup/plugin-typescript
Environment
{
  "local_name": "@rollup/plugin-typescript",
  "alias": false,
  "peer_metadata": null
}
^8.1.1development
@storybook/addon-a11y
Environment
{
  "local_name": "@storybook/addon-a11y",
  "alias": false,
  "peer_metadata": null
}
^6.1.16development
@storybook/addon-actions
Environment
{
  "local_name": "@storybook/addon-actions",
  "alias": false,
  "peer_metadata": null
}
^6.1.16development
@storybook/addon-essentials
Environment
{
  "local_name": "@storybook/addon-essentials",
  "alias": false,
  "peer_metadata": null
}
^6.1.16development
@storybook/addon-links
Environment
{
  "local_name": "@storybook/addon-links",
  "alias": false,
  "peer_metadata": null
}
^6.1.16development
@storybook/react
Environment
{
  "local_name": "@storybook/react",
  "alias": false,
  "peer_metadata": null
}
^6.1.16development
@testing-library/jest-dom
Environment
{
  "local_name": "@testing-library/jest-dom",
  "alias": false,
  "peer_metadata": null
}
^5.11.6development
@testing-library/react
Environment
{
  "local_name": "@testing-library/react",
  "alias": false,
  "peer_metadata": null
}
^11.2.5development
@types/react
Environment
{
  "local_name": "@types/react",
  "alias": false,
  "peer_metadata": null
}
^17.0.1development
@types/react-router-dom
Environment
{
  "local_name": "@types/react-router-dom",
  "alias": false,
  "peer_metadata": null
}
^5.1.6development
@types/react-transition-group
Environment
{
  "local_name": "@types/react-transition-group",
  "alias": false,
  "peer_metadata": null
}
^4.4.0development
@types/styled-components
Environment
{
  "local_name": "@types/styled-components",
  "alias": false,
  "peer_metadata": null
}
^5.1.4development
@typescript-eslint/eslint-plugin
Environment
{
  "local_name": "@typescript-eslint/eslint-plugin",
  "alias": false,
  "peer_metadata": null
}
^4.14.2development
@typescript-eslint/parser
Environment
{
  "local_name": "@typescript-eslint/parser",
  "alias": false,
  "peer_metadata": null
}
^4.14.2development
babel-loader
Environment
{
  "local_name": "babel-loader",
  "alias": false,
  "peer_metadata": null
}
^8.1.0development
babel-plugin-styled-components
Environment
{
  "local_name": "babel-plugin-styled-components",
  "alias": false,
  "peer_metadata": null
}
^1.11.1development
eslint
Environment
{
  "local_name": "eslint",
  "alias": false,
  "peer_metadata": null
}
^7.19.0development
husky
Environment
{
  "local_name": "husky",
  "alias": false,
  "peer_metadata": null
}
^4.3.0development
jest
Environment
{
  "local_name": "jest",
  "alias": false,
  "peer_metadata": null
}
^26.6.3development
jest-styled-components
Environment
{
  "local_name": "jest-styled-components",
  "alias": false,
  "peer_metadata": null
}
^7.0.3development
np
Environment
{
  "local_name": "np",
  "alias": false,
  "peer_metadata": null
}
^7.2.0development
prettier
Environment
{
  "local_name": "prettier",
  "alias": false,
  "peer_metadata": null
}
^2.1.2development
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^17.0.1development
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
^17.0.1development
react-is
Environment
{
  "local_name": "react-is",
  "alias": false,
  "peer_metadata": null
}
^17.0.1development
react-router-dom
Environment
{
  "local_name": "react-router-dom",
  "alias": false,
  "peer_metadata": null
}
^5.2.0development
rollup
Environment
{
  "local_name": "rollup",
  "alias": false,
  "peer_metadata": null
}
^2.38.4development
styled-components
Environment
{
  "local_name": "styled-components",
  "alias": false,
  "peer_metadata": null
}
^5.2.0development
themeprovider-storybook
Environment
{
  "local_name": "themeprovider-storybook",
  "alias": false,
  "peer_metadata": null
}
^1.6.4development
ts-jest
Environment
{
  "local_name": "ts-jest",
  "alias": false,
  "peer_metadata": null
}
^26.5.0development
tslib
Environment
{
  "local_name": "tslib",
  "alias": false,
  "peer_metadata": null
}
^2.0.3development
typescript
Environment
{
  "local_name": "typescript",
  "alias": false,
  "peer_metadata": null
}
^4.0.3development
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^17.0.1peer
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
^16.14.0peer
react-router-dom
Environment
{
  "local_name": "react-router-dom",
  "alias": false,
  "peer_metadata": null
}
^5.2.0peer
styled-components
Environment
{
  "local_name": "styled-components",
  "alias": false,
  "peer_metadata": null
}
^5.2.0peer

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "shasum": "3d380f45ae72597d145e300efa54c40e533172c2",
  "integrity": "sha512-+ND5KDdpoooZoiYKFBO1E3YnC/z7BrzrQFu05FbbBwmqRIszChWMSXlUJ8PEzbPBa3kzK2tPbEJw0ftVjJqGcA==",
  "tarball": "https://registry.npmjs.org/24testui/-/24testui-2.2.10.tgz",
  "fileCount": 265,
  "unpackedSize": 846946,
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggA2oCRA9TVsSAnZWagAAn34P/13XNrPa/ofKrNW6LRz3\nXpAxk3w3FP/MJG+r7qhhpMSIGHLGi07QP9cX2FnJLjHUm+uya5u6c7cOGfkR\nERRW1P0H24TsXTW8DjQDMTrCzAgmI2sbU4KjuB8QXQcC6cVxP4IrOsSyx6K4\nCbusJEtzXzFHaozwdNbi9PUJQjfS+KiU5hLpxyPg4+weIKgzwW2vrX4bL1I0\n34FlfTtUGOxn5KFI9EOc/lE4yQxJ2xCQuTElJ5t2phynLiQw0nnBwfpp52Kn\nKZVqyrRu9XIQt6n6BlcR2HkQ9R7cmu9mf3ELJmrVr0spCPedcdwO3e37JCZI\n91GaxwMvzB3P4NjOhUL6yot35RCeVnM6x9OUUQBVwCVWb9/5c0nWjG6lL5LR\n3jZnnV5vmP/EJTEBYakcYGG5SMhuOuBb2IBUgk5fYaF3b2bvOb5l/gQn/o5h\nDgJ5xQDKSnDXad7njn1uEp6SS02N1SqQwP+UbUWFpJhFZJSVz5kPBkz2eGDz\nssWad3+p6ocCKZ4mk5oQcVS6uGnwVm6E5+fN0g2QSYCJUDX3MhI5qRlnYsuu\nX/VKNSf2WcTiTIqUKQMvQpnlPUEdzqWx/lkf+KkwmF9Sxq9eHiuU0aYO+DaX\nyVHNrgUHhLncufGJW/cIPQ2ATfINDhWIF23zCs6/fLKzMIw1+LTQtrdv5wld\npaw8\r\n=MrZe\r\n-----END PGP SIGNATURE-----\r\n",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEQCIAeTT36eJfhSLQhcTI+sfQi4s9YTPS8qoy8vT2SfslRVAiA8FpiVKtkA4fw2LQtwUrvUocSRfD5QRMYDdQ35T92psw=="
    }
  ]
}

Repository

PENDING
goosedefi/goose-uikit

Shared repository data · GitHub

License detected in repository
Not collected

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 19:04 UTC

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

Record identity

package_version:4b4fc0d7aaa54aaf7e180dd652a42e7b3a11bcfc2b7bdd67b7616307cd5c26ed

Other collected versions

3.1.716 Sept3.1.76 Sept3.1.46 Sept3.1.16 Sept5.0.026 Jul3.0.026 AprView all collected versions →