{"_id":"@0x-huskydev/hakuswap-uikit","name":"@0x-huskydev/hakuswap-uikit","dist-tags":{"latest":"0.0.16"},"versions":{"0.0.16":{"name":"@0x-huskydev/hakuswap-uikit","version":"0.0.16","description":"Set of UI components for Hakuswap projects","main":"dist/index.cjs.js","module":"dist/index.esm.js","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Smart-Cookie-Group/hakuswap-uikit.git"},"license":"MIT","scripts":{"build":"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","build-storybook":"build-storybook","test":"jest","release":"yarn build && np"},"husky":{"hooks":{"pre-commit":"yarn format:write","commit-msg":"commitlint -E HUSKY_GIT_PARAMS"}},"jest":{"setupFilesAfterEnv":["<rootDir>/src/setupTests.js"]},"devDependencies":{"@babel/core":"^7.12.16","@babel/preset-env":"^7.12.16","@commitlint/cli":"^11.0.0","@commitlint/config-conventional":"^11.0.0","@pancakeswap-libs/eslint-config-pancake":"0.1.0","@rollup/plugin-typescript":"^8.2.0","@rollup/plugin-url":"^6.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-actions":"^6.1.18","@storybook/addon-essentials":"^6.1.18","@storybook/addon-links":"^6.1.18","@storybook/react":"^6.1.18","@testing-library/jest-dom":"^5.11.6","@testing-library/react":"^11.2.5","@types/react":"^17.0.2","@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.15.0","@typescript-eslint/parser":"^4.15.0","babel-loader":"^8.1.0","babel-plugin-styled-components":"^1.11.1","eslint":"^7.20.0","husky":"4.3.5","jest":"^26.6.3","jest-styled-components":"^7.0.3","np":"^7.4.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.39.0","styled-components":"^5.2.0","themeprovider-storybook":"^1.6.4","ts-jest":"^26.5.1","tslib":"^2.0.3","typescript":"^4.1.5"},"peerDependencies":{"react":"^17.0.1","react-dom":"^17.0.1","react-router-dom":"^5.2.0","styled-components":"^5.2.0"},"dependencies":{"@types/lodash":"^4.14.162","@types/styled-system":"^5.1.10","lodash":"^4.17.20","react-transition-group":"^4.4.1","styled-system":"^5.1.5"},"bugs":{"url":"https://github.com/Smart-Cookie-Group/hakuswap-uikit/issues"},"homepage":"https://github.com/Smart-Cookie-Group/hakuswap-uikit#readme","author":"","gitHead":"416b8e0f204f903249fe113758d2178291ebd63d","_id":"@0x-huskydev/hakuswap-uikit@0.0.16","_nodeVersion":"14.17.3","_npmVersion":"6.14.13","dist":{"integrity":"sha512-VcFtsEuk0Dgk6iQxI29y0bI0A/sPKf9pAr0rXagBfCda9gOXWr+9dS/aSBc86TO316PD6I8GL5cRJFaPqCkUHg==","shasum":"bd0da7a6ac03a3bc051194d480a8dd11ab9264fb","tarball":"https://registry.npmjs.org/@0x-huskydev/hakuswap-uikit/-/hakuswap-uikit-0.0.16.tgz","fileCount":265,"unpackedSize":745836,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICM2/KWiYsgLwH51w3zQNPp6vXHhMtpy/c5NcozZ1NDCAiEAveON8WGY5BrgxPPBw6VlgwT8DcgGxZKaCJ9YUfDTV4E="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTzyNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqEmg//XrngAeSlmC7agBoEgB3G8r3t4ZAAbPMS/wnNS8uz/W+DT3rU\r\n+NuPSplGqwbRwbV/d89eSuyF0I1lXpfuSKihzO2+IbXUiM3mtLQTfzaLQAQX\r\n+EqZ3WX5ebNSDQSxU6Q6K0gRq8Iy7AuHmU08e760gZ6QSKNh/aSISyJiATTF\r\nvKeBt9Lv3hxh1coVeBaibQWHpgXJj0A7Puv4FZinO9ED3EMOMwsX+wBCKF0s\r\nH+j5xFqXiTRCr49cWmgja0uQlS8LNoWFY75UcBTi8Aa1cf8Axb+/moMvgCIv\r\nlZ+ApVDRYA2wBNYlRk4Xo4mFhpjCWM44DLrJvaLOGf0vo/DnpD5vsi0Tk2Pg\r\nog0sEt1l0W/Vn1Du8Ad7b2Je/Rf87jezlqiq3l3mAvv5QIA166B8n/1BsSS9\r\nm3rQRe7Jt+xoCbwo5X6nwr4OMN/2p4CFIsSxHLQvwwRPJM9BQR69sInwqrtN\r\naxfO3GdyRpTz9BF8ew2qdoyyi4xhlNuOKuBsrovctVuFepvjWSuAwtvLOx8H\r\njXBSPV9j/aZ36EuU8RuG4pFD2uUzdNYO4tKa97DkzFLf1A5XdcgHVp9jWstO\r\n9wNrvL5H9fH855rJGfVkyVKJ82x1JZEvBdlqpRcKxdXKbPklBsmxuVtA5wuo\r\n+49bY0jZnzjmkKE3KJJdjD4Vuk3abqGQ1eE=\r\n=rOOi\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"0x-huskydev","email":"0x-huskydev@protonmail.com"},"directories":{},"maintainers":[{"name":"0x-huskydev","email":"0x-huskydev@protonmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/hakuswap-uikit_0.0.16_1649360013582_0.7422738458242795"},"_hasShrinkwrap":false}},"time":{"created":"2022-04-07T19:33:33.513Z","0.0.16":"2022-04-07T19:33:33.776Z","modified":"2022-04-07T19:33:33.926Z"},"maintainers":[{"name":"0x-huskydev","email":"0x-huskydev@protonmail.com"}],"description":"Set of UI components for Hakuswap projects","homepage":"https://github.com/Smart-Cookie-Group/hakuswap-uikit#readme","repository":{"type":"git","url":"git+https://github.com/Smart-Cookie-Group/hakuswap-uikit.git"},"bugs":{"url":"https://github.com/Smart-Cookie-Group/hakuswap-uikit/issues"},"license":"MIT","readme":"# Hakuswap UIkit\n\n<!-- [![Version](https://img.shields.io/npm/v/@hakuswap-libs/uikit)](https://www.npmjs.com/package/@hakuswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@hakuswap-libs/uikit)](https://www.npmjs.com/package/@hakuswap-libs/uikit) -->\n\nHakuswap UIkit is a set of React components and hooks used to build pages on Hakuswap's apps. It also contains a theme file for dark and light mode.\n\n## Install\n\n`npm i hakuswap-uikit`\n\n\n## Deployment Guide\n\n### 1. Edit ONG token address \nfirst go to `src/widgets/Menu/components/CakePrice.tsx`, find `PriceLink` tag and change the ONG token address to current mainnet address.\n\n```\nhttps://info.hakuswap.com/token/0x0e09fabb73bd3ade0a17ecc321fd13a19e81ce82 \n--> https://info.hakuswap.com/token/[ONG-address]\n```\nthen go to `package.json` and increase version.\n\nthen run \n```\nnpm run build\nnpm login\nnpm publish\n```\n\n\n## Setup\n\n### Theme\n\nBefore using Hakuswap UIkit, you need to provide the theme file to styled-component.\n\n```\nimport { ThemeProvider } from 'styled-components'\nimport { light, dark } from 'hakuswap-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 'hakuswap-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://hakuswap.github.io/pancake-uikit/)\n\n## How to Customize UIkit\n\nFirst clone this repo to local and then start editing the components, theme, etc.\n\nWhen is finished the Customization of the UIkit build it using:\n\n`npm run build`\n\nCommit everything to the git repo and if you are using a diferent repo just change it in package.json.\n\nIf you have a commit error due to husky you can try:\n\n`git commit -am 'commit' --no-verify`\n\nThat should solve the problem, then push to remote repo.\n\nAfter this you need to [publish the npm packege](https://zellwk.com/blog/publish-to-npm/)\n\nBe aware of the versions, If you make an update change the version in package.json so when you publish this's not gonna throw you an error.\n\nGo to the npm package you create an you are ready to use it.\n","readmeFilename":"README.md"}