{"_id":"@ankaaswap/uikit","name":"@ankaaswap/uikit","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@ankaaswap/uikit","version":"1.0.0","description":"Set of UI components for apeswap projects","main":"dist/index.cjs.js","resolutions":{"**/ua-parser-js":"^0.7.30"},"module":"dist/index.esm.js","types":"dist/index.d.ts","repository":{"type":"git","url":"https://github.com/"},"license":"MIT","scripts":{"build":"rm -rf ./dist && rollup -c && tsc -d --emitDeclarationOnly --declarationDir dist","lint":"eslint 'src/**/*.{js,jsx,ts,tsx}'","format":"prettier --write 'src/**/*.{js,jsx,ts,tsx}'","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","test":"jest","release":"yarn build && np --no-release-draft"},"husky":{"hooks":{"pre-commit":"yarn format"}},"jest":{"setupFilesAfterEnv":["<rootDir>/src/setupTests.js"]},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org"},"devDependencies":{"@ape.swap/eslint-config-apeswap":"^1.0.1","@babel/core":"^7.12.1","@babel/preset-env":"^7.12.1","@binance-chain/bsc-use-wallet":"^0.8.1","@commitlint/cli":"^11.0.0","@commitlint/config-conventional":"^11.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-typescript":"^8.1.1","@storybook/addon-a11y":"^6.1.16","@storybook/addon-actions":"^6.1.16","@storybook/addon-essentials":"^6.1.16","@storybook/addon-links":"^6.1.16","@storybook/react":"^6.1.16","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.2.5","@types/react":"^17.0.1","@types/react-router-dom":"^5.1.6","@types/react-transition-group":"^4.4.0","@types/styled-components":"^5.1.4","@typescript-eslint/eslint-plugin":"^4.14.2","@typescript-eslint/parser":"^4.14.2","babel-loader":"^8.1.0","babel-plugin-styled-components":"^1.11.1","eslint":"^7.19.0","framer-motion":"^4.1.17","husky":"^4.3.0","jest":"^26.6.3","jest-styled-components":"^7.0.3","np":"^7.2.0","prettier":"^2.1.2","react":"^17.0.1","react-dom":"^17.0.1","react-is":"^17.0.1","react-router-dom":"^5.2.0","rollup":"^2.38.4","storybook-addon-theme-ui":"^0.1.5","styled-components":"^5.2.0","themeprovider-storybook":"^1.6.4","ts-jest":"^26.5.0","tslib":"^2.0.3","typescript":"^4.0.3"},"peerDependencies":{"framer-motion":"^4.1.17","react":"^17.0.1","react-dom":"^16.14.0","react-router-dom":"^5.2.0","styled-components":"^5.2.0"},"dependencies":{"@emotion/react":"^11.7.1","@emotion/styled":"^11.8.1","@mdx-js/react":"1.6.22","@rollup/plugin-json":"^4.1.0","@types/lodash":"^4.14.162","@types/react-mailchimp-subscribe":"^2.1.1","@types/styled-system":"^5.1.10","framer-motion":"^4.1.17","lodash":"^4.17.20","lottie-react":"^2.2.1","react-mailchimp-subscribe":"^2.1.3","react-transition-group":"^4.4.1","styled-system":"^5.1.5","theme-ui":"^0.13.1","yalc":"^1.0.0-pre.53"},"gitHead":"13b689946bb04d4930fb55c57330984a8c932dd5","_id":"@ankaaswap/uikit@1.0.0","_nodeVersion":"16.18.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-yH6cCkXXuCcZaT0xkkNgfDvYTGofDVmcgRIeLtJG3cf86VF0mJs35BvPyMhPrHNFaajUnkBAq+h/g3h212hg2A==","shasum":"c996f894c78018f0fb9bebb33953009fbc22dafd","tarball":"https://registry.npmjs.org/@ankaaswap/uikit/-/uikit-1.0.0.tgz","fileCount":2,"unpackedSize":4069,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICukb4o48bC4lXu3eI9r8v0+aQKhwzIHRzqXuhve1RCoAiBpgyNJHQAOffy4+2lnjWY9rhwUx1gsdskM7N+yHomAxQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkDe32ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoT+xAApDh0uT9OxESu4+UP3l7h4eOtkY1eBT5MGFtJfEO7cZnVSopD\r\nBnjQ8tUQPUYPNeDvWUZS4USsie3QExEouHjqCX9ZpPz6WSvKiY71uKva8TPv\r\nlNEgN/XFsSLKGSLZ53oFv9xNDYgXfyxqxgi/k2D9Cw86g1ePsL3YBltWj9CD\r\ntS29+LKuq9oZKV3cu5waNZjkuUzkHhJQtwk3pRZ+8Ob20Mq1HgU49eZg5VUd\r\nas8ail8ZUthfdp267Yhr9jd6p35jgqq3VYu8kaFrhIdszoptAyrhf8cVgKNB\r\ngQP2TVOfx/2a0/4HpUMTalxA55/d5y4FeeKj7b/jN2wNtjRshmsIm+gD05aH\r\n3PxNV8NGfEUZ7ao4TAR9WXkMBDo6kJ64blARxEshre2XLdafgIsolRn8rVtf\r\nLyz2vUGFobKtfanqyT3HD/NQa5bJIxQIfJmCmpsbu9A3tbgvUMbgeLRfJqT6\r\nV+TM+ppjS8BS8Mtr/UV0QSyETcBF2+A3Wl/V4oYV+Tp4X9ImnHcghXkcOPR+\r\nzA3CadfTUEGj0NPTwTzvE64Gl2vMGk++1k6qcdKVcbh77iXT7T2PdG+pMq6a\r\nRLW1FjnJBlhB1/bNLJBKJDAWgB+3kEEtn1A6ByUm3R4SAbeuWA/dysvuHHHr\r\n2CxFmdWLOfkYZIhUaLkD38HKt2ZVoKYgVLI=\r\n=m1Bg\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"hakaryusuf","email":"hakar.yusuf@gmail.com"},"directories":{},"maintainers":[{"name":"hakaryusuf","email":"hakar.yusuf@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/uikit_1.0.0_1678634485933_0.14672357930940105"},"_hasShrinkwrap":false}},"time":{"created":"2023-03-12T15:21:25.860Z","1.0.0":"2023-03-12T15:21:26.111Z","modified":"2023-03-12T15:21:26.324Z"},"maintainers":[{"name":"hakaryusuf","email":"hakar.yusuf@gmail.com"}],"description":"Set of UI components for apeswap projects","repository":{"type":"git","url":"https://github.com/"},"license":"MIT","readme":"# ApeSwap UIkit\r\n\r\n\r\nApeSwap UIkit is a set of React components and hooks used to build pages on ApeSwap's apps. It also contains a theme file for dark and light mode.\r\n\r\n## Install\r\n\r\n`yarn add @apeswapfinance/uikit`\r\n\r\n## Setup\r\n\r\n### Theme\r\n\r\nBefore using ApeSwap UIkit, you need to provide the theme file to styled-component.\r\n\r\n```\r\nimport { ThemeProvider } from 'styled-components'\r\nimport { light, dark } from '@apeswapfinance/uikit'\r\n...\r\n<ThemeProvider theme={isDark}>...</ThemeProvider>\r\n```\r\n\r\n### Reset\r\n\r\nA reset CSS is available as a global styled component.\r\n\r\n```\r\nimport { ResetCSS } from '@apeswapfinance/uikit'\r\n...\r\n<ResetCSS />\r\n```\r\n\r\n### Types\r\n\r\nThis project is built with Typescript and export all the relevant types.\r\n","readmeFilename":"README.md"}