{"_id":"@berylfinance-libs/uikit","_rev":"1-dc184d938c67db45ef248a8a0dd72ef8","name":"@berylfinance-libs/uikit","dist-tags":{"latest":"0.25.3"},"versions":{"0.25.3":{"name":"@berylfinance-libs/uikit","version":"0.25.3","description":"Set of UI components for beryl projects","main":"dist/index.cjs.js","module":"dist/index.esm.js","types":"dist/index.d.ts","repository":{"type":"git","url":"https://github.com/berylfinance/beryl-toolkit/tree/master/packages/beryl-uikit"},"license":"MIT","scripts":{"start":"yarn storybook","build":"rm -rf ./dist && rollup -c && tsc -d --emitDeclarationOnly --declarationDir dist","lint":"eslint 'src/**/*.{js,jsx,ts,tsx}'","format:check":"prettier --check --loglevel error 'src/**/*.{js,jsx,ts,tsx}'","format:write":"prettier --write 'src/**/*.{js,jsx,ts,tsx}'","storybook":"start-storybook -p 6006","storybook:build":"build-storybook","test":"jest"},"jest":{"setupFilesAfterEnv":["<rootDir>/src/setupTests.js"]},"devDependencies":{"@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.2.5","jest-styled-components":"^7.0.3","react":"^17.0.1","react-dom":"^17.0.1","react-router-dom":"^5.2.0","styled-components":"^5.2.0"},"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","react-router-dom":"^5.2.0","styled-components":"^5.2.3"},"dependencies":{"@popperjs/core":"^2.9.2","@types/lodash":"^4.14.168","@types/styled-system":"^5.1.10","lodash":"^4.17.20","react-popper":"^2.2.5","react-transition-group":"^4.4.1","styled-system":"^5.1.5"},"_id":"@berylfinance-libs/uikit@0.25.3","_nodeVersion":"15.11.0","_npmVersion":"7.6.3","dist":{"integrity":"sha512-QFgh9ESLwwk7X1/tNNgD+MPcS5DnqeQl+BRhmXff4Rs9+9IIQFH9Cd4vQr6lzXrN9jkusrQqS43Z74Dy+Ux+1g==","shasum":"f25d34b5e6c84eaa25ee1ebb515ecfe61885b81e","tarball":"https://registry.npmjs.org/@berylfinance-libs/uikit/-/uikit-0.25.3.tgz","fileCount":2,"unpackedSize":2705,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfK9RCRA9TVsSAnZWagAAxX8P/R4LGg5OEnpBxQnbmj3H\nQQXoVm3AKap320e/VNC2zBh7EiMWzTMG3YN4SusGi6oC+sDIDOQDVuIYL9kR\nHhOlFB7cTGeWGj/qwLMNqJuP/2YyptFUlxZLGyIr4xkCGORlu0WkPPKGyxrE\nMbV9qnY6LnWHjAQ15uC42WW6TgPlCub6XIHzdIqjvLIZi7zQFwy3AFWUomLb\nkrVabwalDeLkGB4yUrH4FIm/9SkXvXp0+lmTlELL4Mb3Et6H2aKc4SzNHsHa\nFZsRcGSHBsdtDHlPxx74eFDwaZVq+oZl7ukD6UMIcYyS/C2VRCfB/8lfga7+\nnHiimGe9d5bkINmpGQbGXmaYiBr3VzinansLoGcYwSeYh8v7I8kLKN8bwFNC\npEMqXdFQnBrEwLb9x5fbW35TJPR7WoOIynouvWOdVrVRP7mcYDGualBPNjG4\nRKdWG/xp/YXAE1mICIiqrBVEweDs3yU4ercKKYEbAWGS6TMFoHPk1LVY8hj4\nD8F0saoxiZDvL+ya7D/aMa/rTZxqNKcr8qlkSI6k5U0tSpbYb+2Bn+FAq0CK\na4mE0ECjAYbuMt9tR1Aa2tgge9cfObeJSnaAMFwNdvmyDzIutEkvF5v4YtF5\npXaO1Sv4bUFRNbjcWQzchJhTLDttl7D3FrC24Q+5tdU8Cwm7PzYlzQFpNsnv\nTsDg\r\n=F+RN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC4TZASqZUshzyBlFylkSuKQCdeVzZx314fgHqNULUIEwIhALGn0HN9xAniE6BNhupY/zzbiBrgBdDi4VWEyHkaP+X8"}]},"_npmUser":{"name":"berylfinance","email":"berylfinance@protonmail.com"},"directories":{},"maintainers":[{"name":"berylfinance","email":"berylfinance@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/uikit_0.25.3_1618784081048_0.5728502669985935"},"_hasShrinkwrap":false}},"time":{"created":"2021-04-18T22:14:40.773Z","0.25.3":"2021-04-18T22:14:41.155Z","modified":"2022-04-04T18:32:56.151Z"},"maintainers":[{"name":"berylfinance","email":"berylfinance@protonmail.com"}],"description":"Set of UI components for beryl projects","repository":{"type":"git","url":"https://github.com/berylfinance/beryl-toolkit/tree/master/packages/beryl-uikit"},"license":"MIT","readme":"# 🥞 Beryl UIkit\n\n[![Version](https://img.shields.io/npm/v/@berylfinance-libs/uikit)](https://www.npmjs.com/package/@berylfinance-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@berylfinance-libs/uikit)](https://www.npmjs.com/package/@berylfinance-libs/uikit)\n\nBeryl UIkit is a set of React components and hooks used to build pages on Beryl apps. It also contains a theme file for dark and light mode.\n\n## Install\n\n`yarn add @berylfinance-libs/uikit`\n\n## Setup\n\n### Theme\n\nBefore using Beryl UIkit, you need to provide the theme file to styled-component.\n\n```\nimport { ThemeProvider } from 'styled-components'\nimport { light, dark } from '@berylfinance-libs/uikit'\n...\n<ThemeProvider theme={isDark}>...</ThemeProvider>\n```\n\n### Reset\n\nA reset CSS is available as a global styled component.\n\n```\nimport { ResetCSS } from '@berylfinance-libs/uikit'\n...\n<ResetCSS />\n```\n\n### Types\n\nThis project is built with Typescript and export all the relevant types.\n\n## How to use the UIkit\n\nIf you want to use components from the UIkit, check the [Storybook documentation](https://berylfinance.github.io/beryl-uikit/)\n","readmeFilename":"README.md"}