{"_id":"@alpsfinance/brand","_rev":"2-f843ee2337c4b05116d41df1528d47e5","name":"@alpsfinance/brand","dist-tags":{"latest":"0.4.2"},"versions":{"0.2.0":{"name":"@alpsfinance/brand","description":"Simple React UI Library for Alps Finance Brand Resources.","version":"0.2.0","dependencies":{"@testing-library/jest-dom":"^5.14.1","@testing-library/react":"^12.0.0","@testing-library/user-event":"^13.2.1","react":"^17.0.2","react-dom":"^17.0.2","web-vitals":"^2.1.0"},"scripts":{"start":"start-storybook -p 6006","build":"build-storybook"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.17.8","@storybook/addon-actions":"^6.4.22","@storybook/addon-essentials":"^6.4.22","@storybook/addon-interactions":"^6.4.22","@storybook/addon-links":"^6.4.22","@storybook/react":"^6.4.22","@storybook/testing-library":"^0.0.11","babel-loader":"^8.2.4"},"gitHead":"f0ee32334a199f74cb611e5811a6253393df40ea","_id":"@alpsfinance/brand@0.2.0","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-byBHqWfk3ae/Rq1oNCx1H7suII4yQHUdZJkDkHE/Az163ikYa7RlTeZ1snPHy+HlNezcpHTzn8MK197ItKzQKQ==","shasum":"d40861fa048e3c57db11cafb9e74809088401750","tarball":"https://registry.npmjs.org/@alpsfinance/brand/-/brand-0.2.0.tgz","fileCount":136,"unpackedSize":1062325,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCX/Uy+F6fo4bag7Lz8a/wP4f2/+a8vSfVw2Imom4zstQIgD/pqI8HcSMXb0PkUgTvRRDj30zShAW17SEHa99fklh8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJif37ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZiQ/9Gl9Ipr1IMGLx8ay9rfrs91jE71YkbC3gBuWXHXogRSFKEq8F\r\nEYKWFXSLqVYntaNOrVSR6BQyBws2zdpoEm2++z2SSHOqMMn8D+ap06Z8qCQP\r\nWIJexPiWmbi7UrEDbrACVoRHhyTxvOR5fYoZR/utum6I1tS+osrdS8BD9vab\r\nXRUIie7iIaAGdxjrjcMwR7WT8Z2UCUJ7YhNMWMdbpuOeXJzLLYNY5rUlNTcG\r\nXiz8Ok1HQGcfp53qtP18G12YNWOp0z3qC/hg/DB9hdCE7bz8AzctDvqpHi9R\r\nRq/KuMai/WZMsXS8p1NlCAn+Iw5qPmopANKNieshnl+snQksZcEWq+mHFEvS\r\n6oXqbLG5458gfTbZS4BcRp/fzNg/ha7V2FuhZRpxgcGGRA/1EmzO2aSoizhZ\r\n/FF4CKQIq0GOVfR281l6Er2uMoS0hieFMNtyClsi1r/J5kfOFC9scgnZmUBd\r\nINTW6C7oBU3EvYjcJmXB8uMZDc63U91juKiTgQLKDsFZoEoXoRoErTXIYPnC\r\n+OgaERob/udCdKXTGpdzrjZ0BM8JxznyZGjdpBCMB5aeZQDR2xAkotBqS17D\r\nSle/4fhUWEYlINxsBXL7krp8YD5T76iQ+H8CKiL7MOl8Ga4zX66XHjdCvgdU\r\nndNStIzGKMJTIbLDYFUn6uwX0lDBBZtPCC0=\r\n=7k/d\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"yosephks","email":"yosephkurniasoenggoro@gmail.com"},"directories":{},"maintainers":[{"name":"yosephks","email":"yosephkurniasoenggoro@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/brand_0.2.0_1652522713443_0.5579370813106159"},"_hasShrinkwrap":false},"0.3.0":{"name":"@alpsfinance/brand","description":"Simple React UI Library for Alps Finance Brand Resources.","version":"0.3.0","dependencies":{"@testing-library/jest-dom":"^5.14.1","@testing-library/react":"^12.0.0","@testing-library/user-event":"^13.2.1","react":"^17.0.2","react-dom":"^17.0.2","web-vitals":"^2.1.0"},"scripts":{"start":"start-storybook -p 6006","build":"build-storybook","chromatic":"npx chromatic --exit-zero-on-changes"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.17.8","@storybook/addon-actions":"^6.4.22","@storybook/addon-essentials":"^6.4.22","@storybook/addon-interactions":"^6.4.22","@storybook/addon-links":"^6.4.22","@storybook/react":"^6.4.22","@storybook/testing-library":"^0.0.11","babel-loader":"^8.2.4","chromatic":"^6.5.4"},"gitHead":"9c6c8fed28186bd7d1daf42f066bc8df7d5b5821","_id":"@alpsfinance/brand@0.3.0","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-U8yW9+tvEpd9N98tbv6B7Jk88Q8AQ7EnfDdOSv2UnASCEPKCzgiUZ2sK33Yz8WXJD3w0OSUw5xpfiNCpeHOBKA==","shasum":"75c32443e4b4f68f0fbdc36bb5ce430f9882537d","tarball":"https://registry.npmjs.org/@alpsfinance/brand/-/brand-0.3.0.tgz","fileCount":138,"unpackedSize":1066274,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCcUqkCMqA+TU2FL8wTeKvLLfBcnvsLj7lBoBZCwZIiMAIhAJRrdoYbzYrAbyNq/buraFRn5WHAn5z/lPfSAcNd5PH3"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJif8ePACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqR0w/+LczLvKhNwH7DtOyp4qtjYOeV84S73xYY+LBKQBxCQu7gwChY\r\ngmFtctxHbwS/foAglU7TLEhyoKW+B5YkmiQRNNQPl8jQPTrpjD+b2pT7KbQS\r\nImnzrXlZ0X0VwD18oppXEA/xcm1VpYSe78uy1PaeEEfBzoAFf52UZi0tWfjV\r\nyxWA8cbWyUXdERteqPfcywdFloR6LSJ/hcpp7wUbjOcGRpS1fr1xzxsC+X6V\r\nMDVX2fgGwHnlGQjMaPUOtYf8dnGMPbtiNn5t69BbwYcuwvngdq62YgC75VXh\r\nEcN2o/S9iIMIty5Db3QNcAFj/GW36/L6TE8l8sik23iZZcwoZEm2mE9W9GmL\r\nkZ601okfRmxkcTDIzjpwYoiwRUPkCzlOe4J9yZXOqklLTxjynKPdqKHzpIu3\r\ncMvlOT99JKP3729crVmyaPYIKMlervMXIe74c9n932JjqqN5oWQcN+0BcfQS\r\nfN6qYPojNvhh8NYl8a6AD6zgnMUHCDGdflf8BtiWR1GFFDG/90/6sB7mpoo6\r\nuIW2CGkO3wF1y3oTy1gL91+r77U6ahuj8aZjn6EWzXdE0fiwwgsBhgsqrQmO\r\nI106Qo04gZv1j+wRNalVgrAY8YINBCo4+djZukRQ7FmfWEqkPjbv1QTQN1xu\r\nNkYEyXjFoi591T35jpv1PsIcMjjmqvwHGI0=\r\n=taoC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"yosephks","email":"yosephkurniasoenggoro@gmail.com"},"directories":{},"maintainers":[{"name":"yosephks","email":"yosephkurniasoenggoro@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/brand_0.3.0_1652541327363_0.32434564637867025"},"_hasShrinkwrap":false},"0.4.2":{"name":"@alpsfinance/brand","description":"Simple React UI Library for Alps Finance Brand Resources.","version":"0.4.2","dependencies":{"@testing-library/jest-dom":"^5.14.1","@testing-library/react":"^12.0.0","@testing-library/user-event":"^13.2.1","react":"^17.0.2","react-dom":"^17.0.2","web-vitals":"^2.1.0"},"scripts":{"start":"start-storybook -p 6006","build":"build-storybook","chromatic":"npx chromatic --exit-zero-on-changes","lint:check":"eslint .","lint:fix":"eslint --fix","prepare":"husky install","prettier:check":"prettier --check .","prettier:fix":"prettier --write \"**/*.{ts,tsx,json,html}\" .prettierrc --config ./.prettierrc","format":"npm run lint:fix && npm run prettier:fix"},"eslintConfig":{"extends":["react-app","react-app/jest"]},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.17.8","@storybook/addon-actions":"^6.4.22","@storybook/addon-essentials":"^6.4.22","@storybook/addon-interactions":"^6.4.22","@storybook/addon-links":"^6.4.22","@storybook/react":"^6.4.22","@storybook/testing-library":"^0.0.11","babel-loader":"^8.2.4","chromatic":"^6.5.4","eslint":"^8.15.0","prettier":"^2.6.2","husky":"^8.0.0"},"gitHead":"538c94c5c832a58c725ef3cee29b44884c530a0d","_id":"@alpsfinance/brand@0.4.2","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-bRX1GGmG7vOuNPInEyLRoA5R8r2bF+6b3s1eSfMV8NRNrSvnqOOpdevYJSNKqB3qehuozcDrs1j6vDXFZHfQOw==","shasum":"fc9851ae94079585810b884e65148cc1966adaf6","tarball":"https://registry.npmjs.org/@alpsfinance/brand/-/brand-0.4.2.tgz","fileCount":146,"unpackedSize":1090752,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDlinOLxBHLehg0pD99ktcDRqbtOLgmZj1fXRPIsAtiZwIgOfPg5Du9+ff2iW1dSNyY1BO5Hdqz3z055kq8akW714o="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJif9TQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqeoA//Z3hrCsvULrMeg8yKO1muY/W1q7P87r+RWZ+c1Ns7mriugTNA\r\nwr7e4Ij1+ie0VSh8e1Hvb5aTDj0QKhCFdZfGfCqzlDZX0C+DS9e5OISfJsB8\r\nSd1RomWLamzhtyoeEC7Kn47h26veInneuW7xZXoYk6P19dfJFgQAictZzAhN\r\nX8cSXXnxOxsF0mIQ74h68FTeJHw9MPRtfUoMLGcA139PJmJcHXu11jlDoXKn\r\n/dEI9x0376eM6Ze5YwPF+G3xZAXJBZsSgYVI9alROW/l08aBYyQSL7A9ZsNR\r\nv1lSruIlX4iZtCkZPVkKo4ppQz0eG0kLdX5pkFqc/DI8vxkwfYpKy/Lq0FLY\r\n3sytpCUB4EYAQh/bIjDodlABGEYBM2LzvVaksvYcKmLhRt0IjAMnqeAeAWFI\r\n405HWd8QpeiQWCG9OOhXtyxcBAkE0EN9t7voeXkwwlLwCMgY+QGLQwuK1IWa\r\nc5kZQ8qEKAzgYDNkCwDGyTRKkf3e/0rcB9RLWqfKYqNEuSr1r6UeLzMYFOo1\r\n5V/Wi5MHEU+YSIQo5QVLnX//bJmjMewWK1IlW4V3tSwLrETmC6qDUnVm7zKf\r\n2qsOAySwX3j7dUHmc8r6sPAi3C8349pnjlfYx99rijo2u3cZrvsqK6VaolF6\r\nLcMg9BdETjd8dEVK0oBkmfb9m7AP9R3B6rg=\r\n=C7xl\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"yosephks","email":"yosephkurniasoenggoro@gmail.com"},"directories":{},"maintainers":[{"name":"yosephks","email":"yosephkurniasoenggoro@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/brand_0.4.2_1652544720708_0.108098335640604"},"_hasShrinkwrap":false}},"time":{"created":"2022-05-14T10:05:13.347Z","0.2.0":"2022-05-14T10:05:13.675Z","modified":"2022-05-14T16:12:01.020Z","0.3.0":"2022-05-14T15:15:27.561Z","0.4.2":"2022-05-14T16:12:00.947Z"},"maintainers":[{"name":"yosephks","email":"yosephkurniasoenggoro@gmail.com"}],"description":"Simple React UI Library for Alps Finance Brand Resources.","readme":"# 🎉 AlpsFinance Brand Resources\n\n[](https://github.com/AlpsFinance/alpsfinance-brand-resources/actions/workflows/publish.yml)\n[](https://github.com/AlpsFinance/alpsfinance-brand-resources/actions/workflows/deploy.yml)\n\n[](http://creativecommons.org/publicdomain/zero/1.0/)\n\nFind all our Brand Resources under the [`logo`](https://github.com/AlpsFinance/alpsfinance-brand-resources/tree/main/logo) folder.\n\nFor development use in React applications, you can install `@alpsfinance/brand`:\n\n```bash\n# NPM\nnpm i @alpsfinance/brand\n\n# Yarn\nyarn @alpsfinance/brand\n```\n\nand check out all the documentation in our [Storybook](https://main--627f805dd17b65003a388ca0.chromatic.com).\n\nBuilt with 💙 by Alps Finance.\n\n## Table of Contents\n\n- [⚙️ Components](#%EF%B8%8F-components)\n - [``](#logo-)\n - [Base Logo](#1-base-logo)\n - [Circle Logo](#2-circle-logo)\n - [Rounded Logo](#3-rounded-logo)\n - [Square Logo](#4-square-logo)\n - [``](#logowithtext-)\n- [📜 License](#-license)\n\n## ⚙️ Components\n\n### ``\n\nRender variety of Alps Logo as a React Component.\n\n**Props**:\n\n- `variant`: variants of Alps Logo, comprised of 4 enums (`BASE`, `CIRCLE`, `ROUNDED`, `SQUARE`)\n- `type`: type of the variants style for the Alps Logo, for `BASE` only 1 to 4 is available, others 1 to 12. If larger number is inputted, then it will render Logo with the largest number `type`.\n\n_Note: To see the different `type`s of Alps Logo accordingly to its `variant`, check out our [Storybook](https://main--627f805dd17b65003a388ca0.chromatic.com)_\n\n#### 1. Base Logo\n\n```js\nimport { Logo, AlpsLogoVariant } from \"@alpsfinance/brand\";\n\nconst Component = () => {\n return (\n \n );\n};\n```\n\n#### 2. Circle Logo\n\n```js\nimport { Logo, AlpsLogoVariant } from \"@alpsfinance/brand\";\n\nconst Component = () => {\n return (\n \n );\n};\n```\n\n#### 3. Rounded Logo\n\n```js\nimport { Logo, AlpsLogoVariant } from \"@alpsfinance/brand\";\n\nconst Component = () => {\n return (\n \n );\n};\n```\n\n#### 4. Square Logo\n\n```js\nimport { Logo, AlpsLogoVariant } from \"@alpsfinance/brand\";\n\nconst Component = () => {\n return (\n \n );\n};\n```\n\n### ``\n\nComing soon.\n\n## 📜 License\n\n[Creative Commons Zero v1.0 Universal](https://github.com/AlpsFinance/alpsfinance-brand-resources/blob/main/LICENSE)\n","readmeFilename":"README.md"}