{"_id":"wap-ui","_rev":"38-b5e8761831fc136b93f7a8c6f3c06546","time":{"created":"2023-05-30T12:35:24.540Z","1.0.0":"2022-09-22T12:31:51.534Z","modified":"2023-08-28T03:29:41.175Z","1.0.1":"2022-09-22T13:48:49.475Z","1.0.2":"2022-09-22T14:28:48.617Z","1.0.3":"2022-09-22T14:30:37.547Z","1.0.4":"2022-09-23T02:05:04.161Z","1.0.5":"2022-09-23T02:13:42.314Z","1.0.6":"2022-09-23T07:30:03.029Z","1.0.7":"2022-09-23T10:17:41.293Z","1.0.8":"2022-09-25T06:58:32.768Z","1.0.9":"2022-09-25T07:51:21.347Z","1.1.0":"2022-09-25T10:33:22.261Z","1.1.1":"2022-09-25T10:34:17.911Z","1.1.2":"2022-09-25T10:51:54.773Z","1.1.3":"2022-11-02T13:59:51.206Z","1.1.4":"2022-11-02T14:04:10.180Z","1.1.5":"2022-11-02T14:54:51.542Z","1.1.6":"2022-11-03T01:42:26.451Z","1.1.7":"2022-11-04T04:55:38.503Z","1.1.8":"2022-11-04T05:02:20.501Z","1.1.9":"2022-11-20T10:09:30.569Z","1.0.0-beta.19":"2022-11-29T14:12:21.456Z","1.0.0-beta.20":"2022-11-30T03:38:16.925Z","1.0.0-beta.21":"2022-11-30T21:15:12.853Z","1.0.0-beta.22":"2022-11-30T21:46:20.046Z","1.0.0-beta.23":"2022-12-01T06:45:31.044Z","1.0.0-beta.24":"2022-12-01T07:04:34.701Z","1.0.0-beta.25":"2022-12-01T07:24:28.115Z","1.0.0-beta.26":"2022-12-01T08:00:49.735Z","1.0.0-beta.28":"2022-12-01T08:31:27.698Z","1.0.0-beta.29":"2022-12-02T03:56:35.397Z","1.2.0":"2022-12-02T05:55:20.604Z","1.2.1":"2022-12-18T18:41:30.679Z","1.2.2":"2022-12-19T17:13:54.271Z","2.0.2":"2023-05-30T12:35:24.829Z","2.0.3":"2023-08-27T09:40:15.240Z","2.0.31":"2023-08-28T03:29:40.984Z"},"name":"wap-ui","dist-tags":{"latest":"2.0.31"},"versions":{"2.0.2":{"name":"wap-ui","version":"2.0.2","description":"WAP UI / React UI Components Library","repository":{"type":"git","url":"https://github.com/pknu-wap/wap-ui.git"},"author":{"name":"neko113","email":"alstn113@gmail.com"},"license":"MIT","main":"./dist/index.js","module":"./dist/index.es.js","types":"./dist/index.d.ts","private":false,"scripts":{"build":"rollup -c","publish:wap-ui":"yarn publish --access public","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"dependencies":{"@emotion/react":"^11.10.4","@emotion/styled":"^11.10.4","framer-motion":"^7.3.6","react":"^18.2.0","react-dom":"^18.2.0"},"peerDependencies":{"@emotion/react":"^11.0.0","@emotion/styled":"^11.0.0","framer-motion":">=4.0.0","react":">=18","react-dom":">=18"},"devDependencies":{"@babel/core":"^7.19.1","@rollup/plugin-babel":"^5.3.1","@rollup/plugin-commonjs":"^22.0.2","@rollup/plugin-node-resolve":"^14.1.0","@rollup/plugin-typescript":"^8.5.0","@storybook/addon-actions":"^6.5.13","@storybook/addon-essentials":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/addon-links":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/react":"^6.5.13","@storybook/testing-library":"^0.0.13","@types/react":"^18.0.21","@types/react-dom":"^18.0.6","babel-loader":"^8.2.5","rollup":"^2.79.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2"},"keywords":["react","emotion","framer-motion","ui","components","react-component-library","react-ui-kit","wap","design-system"],"licenseText":"MIT License\n\nCopyright (c) 2022 부경대학교 프로그래밍 동아리 WAP\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"wap-ui@2.0.2","dist":{"shasum":"df815b05bdc4af570329ae30f4f6f5d6e0195008","integrity":"sha512-ObAvVZmcBRW1wLPBbVAQ1lyZbtphGl1QGHwv+V5hbsuXh4vSNuRFCm5xavFKU1hSKMLybOvdgHKiXxjVcIewDg==","tarball":"https://registry.npmjs.org/wap-ui/-/wap-ui-2.0.2.tgz","fileCount":152,"unpackedSize":2257626,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCO+DqIemb5/UUnDEtn9DGhULbt7WTYcRYy2OtYfXxdGwIhAIpRZd7M323KHypBH5g1PmgXk/+AlrkaO4GA646+CCK7"}]},"_npmUser":{"name":"alstn113","email":"alstn113@gmail.com"},"directories":{},"maintainers":[{"name":"alstn113","email":"alstn113@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/wap-ui_2.0.2_1685450124607_0.008449285430717435"},"_hasShrinkwrap":false},"2.0.3":{"name":"wap-ui","version":"2.0.3","description":"WAP UI / React UI Components Library","repository":{"type":"git","url":"https://github.com/pknu-wap/wap-ui.git"},"author":{"name":"neko113","email":"alstn113@gmail.com"},"license":"MIT","main":"./dist/index.js","module":"./dist/index.es.js","types":"./dist/index.d.ts","private":false,"scripts":{"build":"rollup -c","publish:wap-ui":"yarn publish --access public","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"dependencies":{"@emotion/react":"^11.10.4","@emotion/styled":"^11.10.4","date-fns":"^2.30.0","framer-motion":"^7.3.6","react":"^18.2.0","react-dom":"^18.2.0"},"peerDependencies":{"@emotion/react":"^11.0.0","@emotion/styled":"^11.0.0","framer-motion":">=4.0.0","react":">=18","react-dom":">=18"},"devDependencies":{"@babel/core":"^7.19.1","@rollup/plugin-babel":"^5.3.1","@rollup/plugin-commonjs":"^22.0.2","@rollup/plugin-node-resolve":"^14.1.0","@rollup/plugin-typescript":"^8.5.0","@storybook/addon-actions":"^6.5.13","@storybook/addon-essentials":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/addon-links":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/react":"^6.5.13","@storybook/testing-library":"^0.0.13","@types/react":"^18.0.21","@types/react-dom":"^18.0.6","babel-loader":"^8.2.5","rollup":"^2.79.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2"},"keywords":["react","emotion","framer-motion","ui","components","react-component-library","react-ui-kit","wap","design-system"],"licenseText":"MIT License\n\nCopyright (c) 2022 부경대학교 프로그래밍 동아리 WAP\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"wap-ui@2.0.3","dist":{"shasum":"fe96606ea3a96704ccedd5fd6826f5ca90ed9f9d","integrity":"sha512-79+VMIdEDtIbO2lrX1d09yJ+Qngsb4RUdunLZNkbAfdXu4HweGLuWvLOqpq+17Saqwi/iB2bq8WV01GM/h1Fmw==","tarball":"https://registry.npmjs.org/wap-ui/-/wap-ui-2.0.3.tgz","fileCount":185,"unpackedSize":3537794,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIClW6uXRLvmsc0EULyTOQA29jkToCcr7CVDDSuwYddkvAiEAsCWGJutOOuYyO42uXzsCNVQqoNi7T13U83BoCyiGN1A="}]},"_npmUser":{"name":"alstn113","email":"alstn113@gmail.com"},"directories":{},"maintainers":[{"name":"alstn113","email":"alstn113@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/wap-ui_2.0.3_1693129214925_0.5034533618634915"},"_hasShrinkwrap":false},"2.0.31":{"name":"wap-ui","version":"2.0.31","description":"WAP UI / React UI Components Library","repository":{"type":"git","url":"https://github.com/pknu-wap/wap-ui.git"},"author":{"name":"neko113","email":"alstn113@gmail.com"},"license":"MIT","main":"./dist/index.js","module":"./dist/index.es.js","types":"./dist/index.d.ts","private":false,"scripts":{"build":"rollup -c","publish:wap-ui":"yarn publish --access public","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"dependencies":{"@emotion/react":"^11.10.4","@emotion/styled":"^11.10.4","date-fns":"^2.30.0","framer-motion":"^7.3.6","react":"^18.2.0","react-dom":"^18.2.0"},"peerDependencies":{"@emotion/react":"^11.0.0","@emotion/styled":"^11.0.0","framer-motion":">=4.0.0","react":">=18","react-dom":">=18"},"devDependencies":{"@babel/core":"^7.19.1","@rollup/plugin-babel":"^5.3.1","@rollup/plugin-commonjs":"^22.0.2","@rollup/plugin-node-resolve":"^14.1.0","@rollup/plugin-typescript":"^8.5.0","@storybook/addon-actions":"^6.5.13","@storybook/addon-essentials":"^6.5.13","@storybook/addon-interactions":"^6.5.13","@storybook/addon-links":"^6.5.13","@storybook/builder-webpack5":"^6.5.13","@storybook/manager-webpack5":"^6.5.13","@storybook/react":"^6.5.13","@storybook/testing-library":"^0.0.13","@types/react":"^18.0.21","@types/react-dom":"^18.0.6","babel-loader":"^8.2.5","rollup":"^2.79.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2"},"keywords":["react","emotion","framer-motion","ui","components","react-component-library","react-ui-kit","wap","design-system"],"licenseText":"MIT License\n\nCopyright (c) 2022 부경대학교 프로그래밍 동아리 WAP\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"wap-ui@2.0.31","dist":{"shasum":"84e0ad9c833521495d2561e08afe28f4984bad19","integrity":"sha512-uBq1fAFCF5+VuJBVtUm+nGy7vOL7SELSsj+hi7DPTrbSVOGAQbOTKzs1daiP+a5yGrBIWCP3I6VrP24qJ2pIeg==","tarball":"https://registry.npmjs.org/wap-ui/-/wap-ui-2.0.31.tgz","fileCount":185,"unpackedSize":3537893,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEmlIY5GDqFxPiDU2fusy3uvWYm5Qe+4w7ijcb1sXE5oAiEAxPZc0OW3moiTNNxcDPSNiqrMrjOlnpV++6LVVqNspsw="}]},"_npmUser":{"name":"alstn113","email":"alstn113@gmail.com"},"directories":{},"maintainers":[{"name":"alstn113","email":"alstn113@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/wap-ui_2.0.31_1693193380686_0.5819663417817025"},"_hasShrinkwrap":false}},"maintainers":[{"name":"alstn113","email":"alstn113@gmail.com"}],"description":"WAP UI / React UI Components Library","keywords":["react","emotion","framer-motion","ui","components","react-component-library","react-ui-kit","wap","design-system"],"repository":{"type":"git","url":"https://github.com/pknu-wap/wap-ui.git"},"author":{"name":"neko113","email":"alstn113@gmail.com"},"license":"MIT","readme":"<div align=\"center\"><img src=\"https://user-images.githubusercontent.com/75781414/192261497-b3e4b288-d1c5-4d27-a062-da65a876ecfb.png\" width=\"220\" height=\"240\">\n</div>\n\n# <div align=\"center\">&lt;Awesome React UI Library /&gt;</div>\n\n<p align=\"center\">\n  <a href=\"https://github.com/pknu-wap/wap-ui/blob/main/LICENSE\">\n    <img src=\"https://badgen.net/github/license/pknu-wap/wap-ui\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/wap-ui\">\n    <img src=\"https://img.shields.io/npm/dm/wap-ui.svg?style=flat-round\" alt=\"npm downloads\">\n  </a>\n  <img alt=\"Github Stars\" src=\"https://badgen.net/github/stars/pknu-wap/wap-ui\" />\n  <img src=\"https://badgen.net/github/release/pknu-wap/wap-ui\">\n\n</p>\n<p align=\"center\">\n  <img src=\"https://badgen.net/github/issues/pknu-wap/wap-ui\">\n  <img src=\"https://badgen.net/github/prs/pknu-wap/wap-ui\">\n  <img src=\"https://badgen.net/github/contributors/pknu-wap/wap-ui\">\n</p>\n\n## `Demo`\n\n<table align=\"center\" width=\"100%\">\n  <tr align=\"center\">\n    <td colspan=\"2\">\n      <a href=\"https://wap-ui.vercel.app/?path=/story/components-button--default\">Try using it in playground</a>\n    </td>\n  </tr>\n  <tr>\n    <td width=\"50%\">\n      <img src=\"https://user-images.githubusercontent.com/75781414/209572114-dfa9b08a-052b-446e-afd5-388545d09c6b.gif\"  />\n    </td>\n    <td width=\"50%\">\n      <img src=\"https://user-images.githubusercontent.com/75781414/209572876-2720e0ef-94bb-441d-b24e-b282fefc683d.gif\" />\n    </td>\n  </tr>\n  </tr>\n</table>\n\n## `Installing WAP-UI`\n\nTo use WAP UI, Install the `wap-ui` package and its peer dependencies.\n(`@emotion/react`, `@emotion/styled`, `framer-motion`)\n\n```sh\npnpm add wap-ui @emotion/react @emotion/styled framer-motion\n# or\nyarn add wap-ui @emotion/react @emotion/styled framer-motion\n# or\nnpm i wap-ui @emotion/react @emotion/styled framer-motion\n```\n\n## `Usage`\n\nTo start using the components, follow these steps:\n\n1. For WAP UI to work correctly, Wrap `WapUIProvider` provided by `wap-ui` at root of your application.\n\n```tsx\nimport React from 'react';\n\n// 1. import `WapUIProvider` component\nimport ReactDOM from 'react-dom/client';\nimport App from './App';\nimport { WapUIProvider } from 'wap-ui';\n\n// 2. Wrap WapUIProvider at the root of your app\nReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(\n  <WapUIProvider>\n    <App />\n  </WapUIProvider>,\n);\n```\n\n2. Bring components what you want and use them.\n\n```tsx\nimport { Button } from 'wap-ui';\n\nconst Home = () => {\n  return (\n    <Button size=\"md\" color=\"success\" shadow>\n      버튼\n    </Button>\n  );\n};\n\nexport default Home;\n```\n\n3. You can refer to the components through Documents or Jsdocs like that.\n<table align=\"center\">\n  <tr>\n    <td align=\"center\">\n      Documents\n    </td>\n    <td align=\"center\">\n      Jsdocs\n    </td>\n  </tr>\n  <tr>\n    <td align=\"center\" >\n      <img src=\"https://user-images.githubusercontent.com/75781414/209562964-ae0b74b4-c604-4ac7-94d6-b5f0a3cb4a02.png\" width=\"100%\" />\n    </td>\n    <td align=\"center\">\n      <img src=\"https://user-images.githubusercontent.com/75781414/209560523-74cb3b4e-f1e9-4a5d-a5e1-ae54c2aa4150.png\" width=\"100%\" />\n    </td>\n  </tr>  \n</table>\n\n## `Contributors`\n\n<table>\n  <tr>\n    <td align=\"center\">\n      <a href=\"https://github.com/neko113\">\n        <img src=\"https://avatars.githubusercontent.com/u/75781414?v=4\" width=\"120px;\"/>\n        <br />\n        <a href=\"https://github.com/pknu-wap/wap-ui/commits/main?author=neko113\" title=\"Code\">neko113 💻</a>\n    </td>\n    <td align=\"center\">\n      <a href=\"https://github.com/sjyoung428\">\n        <img src=\"https://avatars.githubusercontent.com/u/77968955?v=4\" width=\"120px;\"/>\n        <br />\n        <a href=\"https://github.com/pknu-wap/wap-ui/commits/main?author=sjyoung428\" title=\"Code\">sjyoung428 💻</a>\n    </td>\n    <td align=\"center\">\n      <a href=\"https://github.com/mimpie\">\n        <img src=\"https://avatars.githubusercontent.com/u/108365477?v=4\" width=\"120px;\"/>\n        <br />\n        <a href=\"https://github.com/pknu-wap/wap-ui/commits/main?author=mimpie\" title=\"Code\">mimpie 💻</a>\n    </td>\n  </tr>\n  <tr>\n    <td align=\"center\">컴공19 김민수</td>\n    <td align=\"center\">컴공16 성준영</td>\n    <td align=\"center\">컴공21 이예슬</td>\n  </tr>\n</table>\n\n## `Links`\n\n- #### [Documents](https://github.com/pknu-wap/wap-ui/tree/main/docs)\n- #### [NPM](https://www.npmjs.com/package/wap-ui)\n- #### [Playground](https://wap-ui.vercel.app/)\n- #### [Presentations](https://github.com/pknu-wap/wap-ui/tree/main/ppt)\n- #### [Example](https://github.com/pknu-wap/wap-ui/tree/main/example)\n","readmeFilename":"README.md"}