{"_id":"@corndao/wallet-selector-modal-ui","_rev":"4-af47e8fbbdd9ccb15158f5c931bc1fe0","time":{"created":"2022-08-01T08:56:14.908Z","5.0.1":"2022-08-01T08:43:27.372Z","modified":"2022-08-13T07:35:22.007Z","5.0.2":"2022-08-01T08:56:15.276Z","5.0.3":"2022-08-13T07:35:21.882Z"},"name":"@corndao/wallet-selector-modal-ui","dist-tags":{"latest":"5.0.3"},"versions":{"5.0.2":{"name":"@corndao/wallet-selector-modal-ui","version":"5.0.2","main":"./index.umd.js","module":"./index.esm.js","typings":"./index.d.ts","dependencies":{"react":"^17.0.2","@near-wallet-selector/core":"5.0.1","near-api-js":"0.44.2","rxjs":"~7.4.0","react-dom":"^17.0.2"},"peerDependencies":{},"gitHead":"edd7c3a2ee12faf188328001b624e02c68582433","description":"This is the customized Modal UI package for NEAR Wallet Selector, used by Cornerstone UI.","_id":"@corndao/wallet-selector-modal-ui@5.0.2","_nodeVersion":"16.13.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-jMK0tWLMjjR1V4nEcRLuJzHLvCFztCDnL+DXa3p+4I+/nPhP5Mu6i6ZrZ7x6Vsbn8PdAkF0cCnZIHMmAvP8I5Q==","shasum":"d366fd9b88d4c5e2b85c03c33ce3603125f73830","tarball":"https://registry.npmjs.org/@corndao/wallet-selector-modal-ui/-/wallet-selector-modal-ui-5.0.2.tgz","fileCount":19,"unpackedSize":394880,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIANZGeYWww2XctNtr8twsplwdS3NQgwsDq3fEQnfg0k3AiAmZLc3Mc5C2fbbCpH182c4y4aOhzaQ25FzqdsRfAc6Kw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi55UvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpjKQ//bOwxZoOO7LHrfKc4DDxklkkGn6XSUCYaa395IuS9zYq6nunQ\r\nxhk6USfxjYsgxv2RM8p135QFXdkaIrizUs24mbrKwgHUChuQXDpgKSah2Fev\r\nYlpusJNSFC7BlQsGEaBEj+YACFAOE/eunb1eQghAC4HQeqV5erJsPL52PKfJ\r\nZZD5Xmcn4+VPSOdo/so9mmU9o7CXKkThIYvuM9uLdsBH9lwprh/7Zc0T3sJ4\r\nSnH3CDOLVJNhgM5LGUcNKeT59u2wk2LWDgFfsRSdvwzChY7XyFplPcKtvhZJ\r\nY9eOO9vKPEz6lO0yh2E8Y9gxkRFyw2jK+zgKeJZgLJJWBPMan5vxq2EYDs5r\r\ndsFrDTF9LYYIHlPCptUn6+/kHcT9ck3hdLu2J0ZyQlraT4mr7gIVh9tAwuvL\r\nkQ/wJwQRYrUY4CeVey3XDz/HZiJ9UdHTutJEn300XjJh76cmDCQR/XEhVc0t\r\nofHS3ArCvYhcgK/qYeSNMkPa61StR7FnNv1coYs5HlFtNomoov0nMrfJ0A62\r\nDguJltOTHP1sHNgk1uhu95vhpKQyZB2VN2KyoYtSVcTZvFA8bfn7JhxPGgnz\r\nzx4Gy5O7DORTDwGL+gbg75pLbtCZ8nhulGW8RJGKksfpiltJBecjUrPU62LM\r\nZOoa0MxdSXLc+9CJMQkUZwYwc0AGDBF70QM=\r\n=DubY\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"cornerstoner","email":"cornerstoner@163.com"},"directories":{},"maintainers":[{"name":"cornerstoner","email":"cornerstoner@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/wallet-selector-modal-ui_5.0.2_1659344175029_0.7229788586006627"},"_hasShrinkwrap":false},"5.0.3":{"name":"@corndao/wallet-selector-modal-ui","version":"5.0.3","main":"./index.umd.js","module":"./index.esm.js","typings":"./index.d.ts","dependencies":{"react":"^17.0.2","@near-wallet-selector/core":"5.0.3","near-api-js":"0.44.2","rxjs":"~7.4.0","react-dom":"^17.0.2"},"peerDependencies":{},"gitHead":"9392edfe9299342d439ffdd1379b9a6a640e6201","description":"This is the customized Modal UI package for NEAR Wallet Selector, used by Cornerstone UI.","_id":"@corndao/wallet-selector-modal-ui@5.0.3","_nodeVersion":"16.13.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-8JR/FfQtqkRxmuN1WUv92s08Yx33tkaFeo8I3j00zuT5I9uqKJPtljreKu/xVRXtBLm2fMDTyZ1WLmrWcKhU7g==","shasum":"d5e9d31d290c8d846170e53d333c7e2c28868fd0","tarball":"https://registry.npmjs.org/@corndao/wallet-selector-modal-ui/-/wallet-selector-modal-ui-5.0.3.tgz","fileCount":19,"unpackedSize":394880,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICzhVHovAKdgwclb5c0hIEE/xzqFRBGTBe7lk6OYZ3FOAiEArIUA7ZgW6ffjkODLMV6DoktlLbAe3zMI/Y6WxCet+xs="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi91Q5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/Og//Qy1w2e1w5vX0uJ3mjD4L3KGMd4IO+nJRyV6NXTpLxeLart5u\r\nZjbQEAJGUvJZtEZb2mX0fusgGWgq6odOvV5f7ad1HN36c/HTSXcUyl1XJBNy\r\nEM4TWRuSuwGpGHXyh5yPvQY65oBwA897XQJk6aUBnmZtgU8KTNv/C8dleweY\r\n8a9830DrzeS8ssqHzaNpqGZZL4v8DdPMPx8L9i8U63b85UJt5cZRJR2fydmU\r\nsTqtAXiAmHQBntIzjlyry49bPgOIZXA4/9Q9pVCgSZMSU5ynjWAq0vrG+G2I\r\n1fi9m6LFYiihSFcuV7AZ+29K41M5skA60ln7GsEg7qmE+sK1COcfDQk85apU\r\nsL9Owb6STMyWb2x4uX2G14yg3aE1H39HAevoXo+uqeQmLphkQB3a1XKAFUMB\r\nM0Vzue77ej2aToO0MNIMCcwLIFeoRg7HIUbYsr39RvARPLqIs2RqEpsZL/EH\r\n77plWR1FR5LwwFg1VUpOQXvsU3tgxhg8FKYktBKxrbxb+/akzD6SanDUn+b3\r\nH+AgS5FqolJWXmcg10hyKm616TOzc0zml94sZm3VzbWprm369+Uiq8v/G/ga\r\noHPOaTFfw9RK24SDLIYQwntZWA5C6Ic7iGae+d7VuyZMzjxqSLqZ2TNMr+gv\r\nXucwbP6AEtaCzTw9H6jJRNEWLMsjgsQnzls=\r\n=ReEF\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"cornerstoner","email":"cornerstoner@163.com"},"directories":{},"maintainers":[{"name":"cornerstoner","email":"cornerstoner@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/wallet-selector-modal-ui_5.0.3_1660376121710_0.9597300728844764"},"_hasShrinkwrap":false}},"maintainers":[{"name":"cornerstoner","email":"cornerstoner@163.com"}],"description":"This is the customized Modal UI package for NEAR Wallet Selector, used by Cornerstone UI.","readme":"# @corndao/wallet-selector-modal-ui\n\nThis is the customized Modal UI package for NEAR Wallet Selector, used by Cornerstone UI.\n\n## Installation and Usage\n\nThe easiest way to use this package is to install it from the NPM registry:\n\n```bash\n# Using Yarn\nyarn add @corndao/wallet-selector-modal-ui\n\n# Using NPM.\nnpm install @corndao/wallet-selector-modal-ui\n```\n\nThen use it in your dApp:\n\n```ts\nimport { setupWalletSelector } from \"@near-wallet-selector/core\";\nimport { setupModal } from \"@corndao/wallet-selector-modal-ui\";\nimport { setupNearWallet } from \"@near-wallet-selector/near-wallet\";\n\nconst selector = await setupWalletSelector({\n  network: \"testnet\",\n  modules: [setupNearWallet()],\n});\n\nconst modal = setupModal(selector, {\n  contractId: \"test.testnet\",\n});\n\nmodal.show();\n```\n\n## Options\n\n- `contractId` (`string`): Account ID of the Smart Contract used for sign in and signing transactions.\n- `methodNames` (`Array<string>?`): Specify limited access to particular methods on the Smart Contract.\n- `theme` (`Theme?`): Specify light/dark theme for UI. Defaults to the browser configuration when omitted or set to 'auto'. This can be either `light`, `dark` or `auto`.\n- `description` (`string?`): Define a custom description in the UI.\n\n## Styles & Customizing CSS\n\nImport modal css styles:\n\n### Angular\n\n```css\n/* Add import in the main css file */\n@import \"~@corndao/wallet-selector-modal-ui/styles.css\";\n```\n\n### React & Vue\n\n```ts\n// Add import in the main component\nimport \"@corndao/wallet-selector-modal-ui/styles.css\";\n```\n\nThese are the available css variables:\n\n```css\n--wallet-selector-backdrop-bg\n--wallet-selector-heading-color\n--wallet-selector-text-color\n--wallet-selector-selected-wallet-bg\n--wallet-selector-selected-wallet-bg-hover\n--deprecated-wallet-bg\n--wallet-selector-wallet-option-border-color\n--wallet-selector-content-bg\n--wallet-selector-input-border-color-focus\n--wallet-selector-box-shadow-color\n--wallet-selector-dismiss-button-bg-hover\n--wallet-selector-dismiss-button-border-color-hover\n--wallet-selector-confirm-button-color\n--wallet-selector-confirm-button-bg\n--wallet-selector-confirm-button-bg-hover\n--wallet-selector-confirm-button-border-color\n--wallet-selector-error\n--wallet-selector-close-button-color\n--wallet-selector-spinner-color\n```\n\nCustomizing css is done simply by updating the value of a variable in the root of your css file.\n\n```css\n:root {\n  --wallet-selector-backdrop-bg: #26262630;\n}\n```\n\n## API Reference\n\nYou can find the entire API reference for Modal UI [here](./docs/api/modal.md).\n\n## License\n\nThis repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).\n","readmeFilename":"README.md"}