{"_id":"@clipdex/clip-dex-uikit","_rev":"1-d596b5aff8d0be47c79fd472df87f19d","name":"@clipdex/clip-dex-uikit","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@clipdex/clip-dex-uikit","version":"1.0.0","license":"MIT","_id":"@clipdex/clip-dex-uikit@1.0.0","maintainers":[{"name":"naitohisao_199868","email":"orion.senior.dev@gmail.com"}],"homepage":"https://github.com/clipdex-fork/clip-dex-uikit#readme","bugs":{"url":"https://github.com/clipdex-fork/clip-dex-uikit/issues"},"dist":{"shasum":"7007bf5419cfbeed7eb1f3b520dfa5f97d30d574","tarball":"https://registry.npmjs.org/@clipdex/clip-dex-uikit/-/clip-dex-uikit-1.0.0.tgz","fileCount":330,"integrity":"sha512-2AovIM3nZeJkeb2BKzuxIj7KIuKoBNHSe4Dv1DL4f0/2iqUHwh6EzC3mhvDNBeUdKDyinlLcsN4mSKFxdoMPrA==","signatures":[{"sig":"MEYCIQCCz/iDmgUtxXRzYGOokMN5NonTqCEbaegkQklgRaClZgIhAK4HcJu/wLnatfGQ+DUjYxF/uD9ZO4Hdez1XF9RKF9Uz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1372564},"jest":{"setupFilesAfterEnv":["<rootDir>/src/setupTests.js"]},"main":"dist/index.cjs.js","husky":{"hooks":{"commit-msg":"commitlint -E HUSKY_GIT_PARAMS","pre-commit":"yarn format:write"}},"types":"dist/index.d.ts","module":"dist/index.esm.js","scripts":{"lint":"eslint 'src/**/*.{js,jsx,ts,tsx}'","test":"jest","build":"rm -rf ./dist && rollup -c && tsc -d --emitDeclarationOnly --declarationDir dist","release":"yarn build && np","storybook":"start-storybook -p 6006","format:check":"prettier --check --loglevel error 'src/**/*.{js,jsx,ts,tsx}'","format:write":"prettier --write 'src/**/*.{js,jsx,ts,tsx}'","build-storybook":"build-storybook"},"_npmUser":{"name":"naitohisao_199868","email":"orion.senior.dev@gmail.com"},"repository":{"url":"git+https://github.com/clipdex-fork/clip-dex-uikit.git","type":"git"},"_npmVersion":"10.5.0","description":"Set of UI components for clip dex projects","directories":{},"_nodeVersion":"18.20.0","dependencies":{"lodash":"^4.17.20","@types/lodash":"^4.14.162","styled-system":"^5.1.5","@types/react-dom":"^18.2.22","@types/styled-system":"^5.1.10","react-transition-group":"^4.4.1"},"_hasShrinkwrap":false,"devDependencies":{"np":"^7.4.0","jest":"^26.6.3","husky":"4.3.5","react":"^17.0.1","tslib":"^2.0.3","eslint":"^7.20.0","rollup":"^2.39.0","ts-jest":"^26.5.1","prettier":"^2.1.2","react-is":"^17.0.1","react-dom":"^17.0.1","typescript":"^4.1.5","@babel/core":"^7.12.16","@types/react":"^17.0.2","babel-loader":"^8.1.0","@commitlint/cli":"^11.0.0","@storybook/react":"^6.1.18","react-router-dom":"^5.2.0","@babel/preset-env":"^7.12.16","styled-components":"^5.2.0","@rollup/plugin-url":"^6.0.0","@storybook/addon-a11y":"^6.1.18","@storybook/addon-links":"^6.1.18","@testing-library/react":"^11.2.5","jest-styled-components":"^7.0.3","@types/react-router-dom":"^5.1.6","themeprovider-storybook":"^1.6.4","@storybook/addon-actions":"^6.1.18","@types/styled-components":"^5.1.4","@rollup/plugin-typescript":"^8.2.0","@testing-library/jest-dom":"^5.11.6","@typescript-eslint/parser":"^4.15.0","@storybook/addon-essentials":"^6.1.18","@types/react-transition-group":"^4.4.0","babel-plugin-styled-components":"^1.11.1","@commitlint/config-conventional":"^11.0.0","@typescript-eslint/eslint-plugin":"^4.15.0","@pancakeswap-libs/eslint-config-pancake":"0.1.0"},"peerDependencies":{"react":"^17.0.1","react-dom":"^17.0.1","react-router-dom":"^5.2.0","styled-components":"^5.2.0"},"_npmOperationalInternal":{"tmp":"tmp/clip-dex-uikit_1.0.0_1723537486741_0.5921213829108904","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@clipdex/clip-dex-uikit","version":"1.0.1","description":"Set of UI components for clip dex projects","main":"dist/index.cjs.js","module":"dist/index.esm.js","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/clipdex-fork/clip-dex-uikit.git"},"license":"MIT","scripts":{"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","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/react-dom":"^18.2.22","@types/styled-system":"^5.1.10","lodash":"^4.17.20","react-transition-group":"^4.4.1","styled-system":"^5.1.5"},"_id":"@clipdex/clip-dex-uikit@1.0.1","bugs":{"url":"https://github.com/clipdex-fork/clip-dex-uikit/issues"},"homepage":"https://github.com/clipdex-fork/clip-dex-uikit#readme","_nodeVersion":"18.20.0","_npmVersion":"10.5.0","dist":{"integrity":"sha512-++EovketEa9YVySvRDEQNFCWOCOazTWBDezNP0SA2eKwMg6DcyrikycMsjWjaQNj37upl2R33eSleQEGlci4iQ==","shasum":"3446472fb220ca5c98dab0631ee2bb81561d589f","tarball":"https://registry.npmjs.org/@clipdex/clip-dex-uikit/-/clip-dex-uikit-1.0.1.tgz","fileCount":330,"unpackedSize":1366780,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDBNeXL2/XzsxqrrB5oXtcdJf/G68r3KClf+ZZkx8X+1gIgHmAyaOOZfAkPlc5U6EAw+8CgASXUdXBSJr1W3ngmtEc="}]},"_npmUser":{"name":"naitohisao_199868","email":"orion.senior.dev@gmail.com"},"directories":{},"maintainers":[{"name":"naitohisao_199868","email":"orion.senior.dev@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/clip-dex-uikit_1.0.1_1723547342626_0.6628888383440965"},"_hasShrinkwrap":false}},"time":{"created":"2024-08-13T08:24:46.616Z","modified":"2024-08-13T11:09:03.151Z","1.0.0":"2024-08-13T08:24:46.951Z","1.0.1":"2024-08-13T11:09:02.943Z"},"bugs":{"url":"https://github.com/clipdex-fork/clip-dex-uikit/issues"},"license":"MIT","homepage":"https://github.com/clipdex-fork/clip-dex-uikit#readme","repository":{"type":"git","url":"git+https://github.com/clipdex-fork/clip-dex-uikit.git"},"description":"Set of UI components for clip dex projects","maintainers":[{"name":"naitohisao_199868","email":"orion.senior.dev@gmail.com"}],"readme":"# 🥞 CLIP DEX UIkit\r\n\r\n[![Version](https://img.shields.io/npm/v/@clipdex/clip-dex-uikit)](https://www.npmjs.com/package/@clipdex/clip-dex-uikit) [![Size](https://img.shields.io/bundlephobia/min/@clipdex/clip-dex-uikit)](https://www.npmjs.com/package/@clipdex/clip-dex-uikit)\r\n\r\nCLIP DEX UIkit is a set of React components and hooks used to build pages on CLIP DEX's apps. It also contains a theme file for dark and light mode.\r\n\r\n## Install\r\n\r\n`yarn add @clipdex/clip-dex-uikit`\r\n\r\n## Setup\r\n\r\n### Theme\r\n\r\nBefore using CLIP DEX 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 '@clipdex/clip-dex-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 '@clipdex/clip-dex-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\r\n## How to use the UIkit\r\n\r\nIf you want to use components from the UIkit, check the [Storybook documentation](https://clip-dex.github.io/clip-dex-uikit/)\r\n","readmeFilename":"README.md"}