PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

1.9.10

npm

24k-ui-kit-k

Set of UI components for pancake projects

Published16 Apr 2021
Direct dependencies14
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 18

Native requirements
14 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
@popperjs/core
Environment
{
  "local_name": "@popperjs/core",
  "alias": false,
  "peer_metadata": null
}
^2.9.2runtime
@types/lodash
Environment
{
  "local_name": "@types/lodash",
  "alias": false,
  "peer_metadata": null
}
^4.14.168runtime
@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-popper
Environment
{
  "local_name": "react-popper",
  "alias": false,
  "peer_metadata": null
}
^2.2.5runtime
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
@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
jest-styled-components
Environment
{
  "local_name": "jest-styled-components",
  "alias": false,
  "peer_metadata": null
}
^7.0.3development
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-router-dom
Environment
{
  "local_name": "react-router-dom",
  "alias": false,
  "peer_metadata": null
}
^5.2.0development
styled-components
Environment
{
  "local_name": "styled-components",
  "alias": false,
  "peer_metadata": null
}
^5.2.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
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.3peer

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "shasum": "b617cfd6ce43984ad740350e0fe533e322446790",
  "integrity": "sha512-7VGt/lcEMdnh3J/MGepRBNQeNceKpAW2r5ojrif94foY7A6XP1tvmwV5/SXOvlYGHdIkTP0rQ5+icQow1inNag==",
  "tarball": "https://registry.npmjs.org/24k-ui-kit-k/-/24k-ui-kit-k-1.9.10.tgz",
  "fileCount": 340,
  "unpackedSize": 1235178,
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgef/WCRA9TVsSAnZWagAAgkQP/2IUTvhVLruJ+JnVM90j\nhTJcaE9lpXfiNlki2HwujsR/hyt8/yS6BmPjSskVRXwmWcOXBKNyPDBBzCE4\nP4tHOtmZJLchvxsDXySjSP7fTkgEni0H7jx3ri7qzGh6XepmyjW0DB1lCDME\nnsFNpWlYiVHetcUOC5vtDSBumFxaTwC+48DAW53SCH+w/YtNdxxdswt/upyb\nipC8aeyF5IuXzHPOfupNuREr1mETQj0uC3WP3GrPJxm+tf0lOXTgf7Vi2gs8\n1re82Wdhd5Mu2xHTkitWp9XcOWm/3XR4D6j7O3rx9/umIHatdCKNzNEYOFdW\nxFOPWJ/fWtNsAd0c/a4lZER6Vx9Y+NXmWd8Gfb7iDlS6nxlOAX2QFfZVlrYF\n4nlB9h6+Mfs8mY2tMN0RgrQu9Icb9h13+9EnS5U1m0tHApRE5dGdIf4XCifJ\n0kzT6+eyCOvBBC7vubk2YCIin+PAG9GZh3Mtd/J4JmU0HUfruZqDSdcn7sUZ\nQ0FvhUIV57QNGP3BVSvzLVVCQmwvF4+VjvZroNbQe/nzJ3y5L/cYItkTGTcM\nUxtWNy+yCCqYeTgrf3i3HG+MNu+YWcgzYix6OzdhnMe4MYNPuwEPv+HQ8O8v\nWVlEBNCu+RtE5NjbhIQm64p33VF4uzKRCMlwW1klw9ZixK+oGbSUqwMMkHZT\n+aVi\r\n=U4HQ\r\n-----END PGP SIGNATURE-----\r\n",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCIQCXocltueBtxXelQ+3JE6v2LyFRK6OrBgYHH0brPytL9gIgGmjd+R3xZ2JEBLDn82xgeLfXk/spYr0I6cRU6UI8Ik4="
    }
  ]
}

Repository

PENDING
pancakeswap/pancake-toolkit

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:6418bb3e0a1a9b1bf9bd1edd07b45c70a0928ab20df640b2dfb2b3e3a91b004a

Other collected versions

2.5.319 Apr2.4.319 Apr2.3.319 Apr2.2.319 Apr2.1.318 Apr2.1.118 AprView all collected versions →