{"_id":"@5amcode/sunrise-components","_rev":"3-1e3e24e955c74a25d191321c587ae7c6","name":"@5amcode/sunrise-components","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@5amcode/sunrise-components","version":"1.0.0","description":"Sunrise by 5amco.de is a Vue component library written in Typescript. It's based on TailwindCSS and focused on minimal, expressive design. You can use the growing number of components as a standalone library or extend your existing application design - Su","main":"lib/index.js","module":"lib/index.esm.js","scripts":{"build":"rollup -c"},"peerDependencies":{"vue":"^2.6.11","vue-class-component":"^7.2.3","vue-property-decorator":"^8.4.2"},"devDependencies":{"vue":"^2.6.11","vue-class-component":"^7.2.3","vue-property-decorator":"^8.4.2","@rollup/plugin-commonjs":"^14.0.0","@rollup/plugin-node-resolve":"^8.4.0","@vue/compiler-sfc":"^3.0.0-rc.5","rollup":"^2.23.1","rollup-plugin-peer-deps-external":"^2.2.3","rollup-plugin-typescript2":"^0.27.2","rollup-plugin-vue":"^5.1.6","tslib":"^2.0.0","typescript":"^3.9.7","vue-template-compiler":"^2.6.11"},"keywords":["vue","tailwind","5amcode","typescript","component","library"],"author":{"name":"Diana Scharf, hello@dianaweb.dev"},"license":"MIT","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/5am-code/sunrise.git"},"bugs":{"url":"https://github.com/5am-code/sunrise/issues"},"homepage":"https://sunrise.5amco.de/","gitHead":"7b11394dcf1675263cb3bb6beba12455b44425ed","_id":"@5amcode/sunrise-components@1.0.0","_nodeVersion":"12.18.2","_npmVersion":"6.14.8","dist":{"integrity":"sha512-VPDjLf4kGpN/C+ptf0X5aZ79eQKi8XGuh1RO5EoCvtm+t8wquZripxMIMr2Yh4lKtmFWrfQeYXQyiGUu7ussRw==","shasum":"09980407abaddc7e1f031b7abf642922df713956","tarball":"https://registry.npmjs.org/@5amcode/sunrise-components/-/sunrise-components-1.0.0.tgz","fileCount":83,"unpackedSize":322860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxSIpCRA9TVsSAnZWagAArGYP/0XKWX8tJ5LRte2qD5JB\nf0hw8KrBp5Qx9zfJCpBYZDlnE5S58zjvRfd59il3jLhuOVRFRL8poTafSfrW\nH1W2i6HpR7Cc3b8fsjBHSHxWnU17rTV3qrbULSX+NOH4bErcbgzO0SVVOAQn\ndzIqCq/pGnKpK4FLjQMShS5dfjdqqxjxjVFR8CiIU4O0NNQ9AMkJ5LNo/10E\nR8GexEYrpGdByWycrGkhbKXcprmZlcE0mkklAaHu/xkzH5gt/amEcpGSDp53\nzNXwJsHsG+DIFO+GNheCDXdO9IpWNJsRSEGNaXegfx6I3KlAGQTVtlYlpFVr\nXrBkmKy3iS9E9oMQWITciIis/29yxsZkBMR+UF1WXXEhkkEK5EGxpFKI5SnV\naQTX1EtW0Hu5Kgr3R5UZSXVkdubyCEnSaRtmchZ3uRwDYw0/uK1waq28QE4d\ni++6Sn4Io9kcO9tbfxaoHPdwe6yHCUwxOT23pt2sB0yyEKFUpteAM2fKYTV8\nfRJ1IRzqly0aPUsVC+E4FwdMfBSvyVUnAWPD8D6avTDfO+CYEJsU11KnBu9X\nK9coiRdSClTdDRVpniloZMuDr3PntArzfvPeF1NSHH2ytoUFe6mqHthU4j/1\n6QZcLwKhGwc95YHMX5RjzKQI7T+y3yDDCBLtPCZU3Xfg8lOWWgyioQDcNb/L\npnh4\r\n=JmjK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICX4AA6+O5Aw9ZxG7zD8WvjS+JOrQgIH+VaCcb2oqsrlAiEA7i08xC0ojAsM6RGovvBJngFqevPLoJapQhpbnnS+2j4="}]},"_npmUser":{"name":"dscharf","email":"hello@dianaweb.dev"},"maintainers":[{"name":"dscharf","email":"hello@dianaweb.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/sunrise-components_1.0.0_1606754857063_0.46245689320467553"},"_hasShrinkwrap":false},"1.0.1":{"name":"@5amcode/sunrise-components","version":"1.0.1","description":"Sunrise by 5amco.de is a Vue component library written in Typescript. It's based on TailwindCSS and focused on minimal, expressive design. You can use the growing number of components as a standalone library or extend your existing application design - Su","main":"lib/index.js","module":"lib/index.esm.js","scripts":{"build":"rollup -c"},"peerDependencies":{"vue":"^2.6.11","vue-class-component":"^7.2.3","vue-property-decorator":"^8.4.2"},"devDependencies":{"vue":"^2.6.11","vue-class-component":"^7.2.3","vue-property-decorator":"^8.4.2","@rollup/plugin-commonjs":"^14.0.0","@rollup/plugin-node-resolve":"^8.4.0","@vue/compiler-sfc":"^3.0.0-rc.5","rollup":"^2.23.1","rollup-plugin-peer-deps-external":"^2.2.3","rollup-plugin-typescript2":"^0.27.2","rollup-plugin-vue":"^5.1.6","tslib":"^2.0.0","typescript":"^3.9.7","vue-template-compiler":"^2.6.11"},"keywords":["vue","tailwind","5amcode","typescript","component","library"],"author":{"name":"Diana Scharf, hello@dianaweb.dev"},"license":"MIT","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/5am-code/sunrise.git"},"bugs":{"url":"https://github.com/5am-code/sunrise/issues"},"homepage":"https://sunrise.5amco.de/","gitHead":"4213b2aa881dd704844fb27ca2be20b324803ee1","_id":"@5amcode/sunrise-components@1.0.1","_nodeVersion":"12.18.2","_npmVersion":"6.14.8","dist":{"integrity":"sha512-DCTKXujDbfyz+1TvPkSxYMzOAAXCDtSzwl940chrX8n+Kv6EOtCnc7w0QOjupnXfUuCCb7YFYkhAAmLWEFj00w==","shasum":"4359a6281dd058cfd896b8d0979595940ec0f2db","tarball":"https://registry.npmjs.org/@5amcode/sunrise-components/-/sunrise-components-1.0.1.tgz","fileCount":84,"unpackedSize":357880,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxSwqCRA9TVsSAnZWagAAkOMP/AuIyqEfUvDurg6A3Fko\n94U+qz+PtEF6OtMcoiT6Epn70tTNG8VAO5XFlgjmaWBKwXkLpwPSJTANoSTy\nT/faGhZHlEe9XFNj8S7cClr2LDdR7pMWpcIh7UVKbYxrVMUO6oQJowZqlxp7\naFBeF8pDwFsJZhXxXBGFjzt8woda+LSmdnqOUF9ai/+O4AMZEalSZFaU8Wwr\nNtP61QO9ImemtCbWLT6VYNFRITQQfgGUk3lZymkuLf0jeemhw3eC/3izDqb+\nDTA4QwLuHW1uYdQ3i1LP01AnDelqhENO7doLzQ26rgmjgAwhQ/uI6Oie8JSV\nS09SzGSn/yL1jB4QOuGabmanST4VOBHWWcCam27XGLjHRXvSqRdNsZAfoaew\nGpWrJ54nOPTsCIwYO+r8cQwMyef4YE58FrTvTyyUiCnQiBbNiBv0hZQ7Sj+D\n5bMONjDYBrFrWcakRY7w23tv0Jia32FDYBK6yfiPMUppOee8GnryYT53wMCy\nAUclcPjOX88l4VMPhsX0aHcuV4ERHApyghXn+GmOOua5gulF4Z/cvdHXXnm8\nW853E05sTytoyB6Z1T0/2rNNsi0rtL3v0325TpWTXXWivsbO1gYUDSp/z3jJ\nhlvQy+Q4VovepLwronNbnGU6zz2PMEoTWnqpzJhpfgTh/TFzOOswwhCwERFg\nxBUM\r\n=tFrg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD3mQgCaHaxuZIpo6z3B9zW6IzVlx+lavGNVGu0IiTVCgIhAJFnjwbe1/BaWA+c3/IGu1xNcSdQC8udo+htO3Qo7KAZ"}]},"_npmUser":{"name":"dscharf","email":"hello@dianaweb.dev"},"maintainers":[{"name":"dscharf","email":"hello@dianaweb.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/sunrise-components_1.0.1_1606757418247_0.1418322527463891"},"_hasShrinkwrap":false},"1.0.2":{"name":"@5amcode/sunrise-components","version":"1.0.2","description":"Sunrise by 5amco.de is a Vue component library written in Typescript. It's based on TailwindCSS and focused on minimal, expressive design. You can use the growing number of components as a standalone library or extend your existing application design - Su","main":"lib/index.js","module":"lib/index.esm.js","scripts":{"build":"rollup -c"},"peerDependencies":{"vue":"^2.6.11","vue-class-component":"^7.2.3","vue-property-decorator":"^8.4.2"},"devDependencies":{"vue":"^2.6.11","vue-class-component":"^7.2.3","vue-property-decorator":"^8.4.2","@rollup/plugin-commonjs":"^14.0.0","@rollup/plugin-node-resolve":"^8.4.0","@vue/compiler-sfc":"^3.0.0-rc.5","rollup":"^2.23.1","rollup-plugin-peer-deps-external":"^2.2.3","rollup-plugin-typescript2":"^0.27.2","rollup-plugin-vue":"^5.1.6","tslib":"^2.0.0","typescript":"^3.9.7","vue-template-compiler":"^2.6.11"},"keywords":["vue","tailwind","5amcode","typescript","component","library"],"author":{"name":"Diana Scharf, hello@dianaweb.dev"},"license":"MIT","directories":{"lib":"lib"},"repository":{"type":"git","url":"git+https://github.com/5am-code/sunrise.git"},"bugs":{"url":"https://github.com/5am-code/sunrise/issues"},"homepage":"https://sunrise.5amco.de/","gitHead":"0ea1657b37dd62f4e1f04150bca9a77b390e3e79","_id":"@5amcode/sunrise-components@1.0.2","_nodeVersion":"12.18.2","_npmVersion":"6.14.8","dist":{"integrity":"sha512-Nu476vdXIbvfvChKjiEabqgYIEAnEcAJcOicGXZNNK+FxcDLPh7ihHptfHJv4y5JgaDmXpWGvbKzARceziuUdA==","shasum":"270eec63f23ebb9b0faa792d14dc86b5da2f756d","tarball":"https://registry.npmjs.org/@5amcode/sunrise-components/-/sunrise-components-1.0.2.tgz","fileCount":84,"unpackedSize":358255,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyUzOCRA9TVsSAnZWagAApBkP/1p5SUKUCq3UZyScItwi\n7UMI3HaXpLTjDjT8+ZXqXp/+GTklwyL/CR2W59NNkICK44H4tqoc+fELwHfO\niZ/X25bJ8WHNVCyVX5R2Wef/fG4iqQevpvr6oGpaB+dkNW29stPfO5DUoqm3\nJvvNRSYLZ7Kpd3ayT/kaGoQ+wfiPiMo6MXcYeoOGhaKpYrc/6EUvu8xYvyes\nkWhrnTWCA65gMv3AhvVuSTnkECqmoD9XQ6X2GQN7Y/HJwMGWfqVEf0b/TJiO\nJtz6vIgXZXFsEvFmB7iAEtuYNrCzlZSpSGErSv61g3DPryKHxHS4gtuEtvYk\nQqqjg1B4ZqM17PBbsYY19wKSC27brn46a1YpCHsuX8blrb9eBFER4+g8zzkW\n57AMUsJkO4XSRCVMjjIV6zd+o/3LJGN4GA94UExmQMTuAeddopucwJnUWyke\nK4WDNA37Ti484+55f8Yq9qio775j1kcejQUATwXs+BIBKFU9om97YWZ8t8CH\n5FU9ghNaMUbiBD6X0qnL723X7kDgaFegMvExF2ZSaa6CqqA0AumyTtRnw5gO\ngYDSQI4GlqGsXWW6qOcR1qHvB4tbnRzr0ytnScqXiaUPmlJryhgfrfSiVj3s\nMIhAGR53QZRK7uxUr1jjNvsCP5DnYO5Q5EjHtgqdx+Pg1H4y1l1bPFXDXw9f\nJg/M\r\n=V1L8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCrRbEVDCzzh0KvYjMcdIFijxmvPd1A7PtiUPxP8ra1sAIgK7O1EsyTsiUhuw4gl1dt/bFMyN14Hl/JW17BCmsOFYk="}]},"_npmUser":{"name":"dscharf","email":"hello@dianaweb.dev"},"maintainers":[{"name":"dscharf","email":"hello@dianaweb.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/sunrise-components_1.0.2_1607027917386_0.33744384663036797"},"_hasShrinkwrap":false}},"time":{"created":"2020-11-30T16:47:36.795Z","1.0.0":"2020-11-30T16:47:37.190Z","modified":"2022-04-04T10:48:19.340Z","1.0.1":"2020-11-30T17:30:18.445Z","1.0.2":"2020-12-03T20:38:37.551Z"},"maintainers":[{"name":"dscharf","email":"hello@dianaweb.dev"}],"description":"Sunrise by 5amco.de is a Vue component library written in Typescript. It's based on TailwindCSS and focused on minimal, expressive design. You can use the growing number of components as a standalone library or extend your existing application design - Su","homepage":"https://sunrise.5amco.de/","keywords":["vue","tailwind","5amcode","typescript","component","library"],"repository":{"type":"git","url":"git+https://github.com/5am-code/sunrise.git"},"author":{"name":"Diana Scharf, hello@dianaweb.dev"},"bugs":{"url":"https://github.com/5am-code/sunrise/issues"},"license":"MIT","readme":"# Sunrise Components\n\nThis is another component library. You can use it with Vue.\n```\n<marketing-talk>\nIt's build with the power of the inspiring sunrises I experienced \nwhenever I woke up at 5 am. Often it was build around 5am...\nSo beautiful, so inspiring, blah blah.\nI need coffee.\n</marketing-talk>\n```\n\nHave fun!\n\n---\nSo, let's get serious.\n\nSunrise by 5amco.de is a Vue component library written in Typescript. It's based on TailwindCSS and focused on minimal, beautiful design. You can use the growing number of components as a standalone library or extend your existing application design - Sunrise Components are lightly opinionated, but very flexible. For detailed used information, see the documentation on the website.\n\n## Usage\n\n### Prerequisites\nHave your **Vue project up and running on Typescript**! For the sake of completeness: You will need the packages `vue-property-decorator` as well as\n`vue-class-component`, but these should already come with your Vue Installation.\nNext up, you should install and setup Tailwind via npm like described in\ntheir docs. After that, if you haven't done it yet, you should create a\nTailwind configuration file - this is also well documented in the\ndocumentation. Sunrise is using handcrafted, custom colors for the unique\ndesign, so please extend (or merge) your Tailwind configuration file with\nthe configuration below.\nAnd a sip of your favorite hot beverage is always a great idea. ☕️ 🍵\n\n### via npm\nThe easiest way to use Sunrise Components is to install via npm.\n\n```\nnpm i @5amcode/sunrise-components --save\n```\n\n#### Adjust `tailwind.config.js`\n\nAfter this, you should extend your own `tailwind.config.js` by the configuration given in the file `extend_tailwind.config.js`. It is located in the root of the package. This configuration contains the custom colors, additional utility classes and more. \n(You can also take a look at the file in the [Usage Section](https://sunrise.5amco.de/usage) on the package website.)\n\nIf you want to use the full Sunrise Design - and we highly recommend this! - note that you have to install or embed the Fonts [Open Sans](https://fonts.google.com/specimen/Open+Sans) (used as standard font), [Source Sans Pro](https://fonts.google.com/specimen/Source+Sans+Pro) (headlines) and [Source Serif Pro](https://fonts.google.com/specimen/Source+Serif+Pro) (oblique, fancy text stuff ✨). As of today, the usage of the fonts is free, but you should double-check with your own requirements before installing them. You can use your own fonts as well, just tweak the font-properties in your `tailwind.config.js`:\n\n```\n...\n// theme fonts\nfontFamily: {\n    'display': [\"'Source Sans Pro'\"], // headlines\n    'sans': [\"'Open Sans'\"], // standard text\n    'oblique': [\"'Source Serif Pro'\"], // oblique, fancy text\n},\n...\n```\n\nRecompile your CSS and you're done! 🚀\n\n#### Icons\nSunrise uses the SVG versions of [Heroicons](https://heroicons.com/) for a clean look and feel. If you're using Fontawesome or another icon set, replace the icons in the following components to match yours: `STypoQuote.vue`. \n\n### Copy & Paste\nThis is the best approach if you don't need all components of the package.\nYou can copy the source code of the components you want and create them as own files in your Vue project. Please note that you still have to extend your `tailwind.config.js` file for correct rendering (see section above).\n\n\n### Questions, bug reports, feature requests?\nThere you [go](https://github.com/5am-code/sunrise/issues)!\n","readmeFilename":"README.md"}