{"_id":"@artifak/fluidsizing","_rev":"2-6603ed8a71548aca444139afcfa865d0","name":"@artifak/fluidsizing","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.1":{"name":"@artifak/fluidsizing","version":"1.0.1","description":"A utility function to compute fluid sizing based on max and min inputs for CSS styles.","keywords":[],"author":{"name":"Julian Low"},"license":"ISC","main":"dist/fluidsizing.cjs.js","module":"dist/fluidsizing.esm.js","src":"src/index.ts","directories":{"src":"src","test":"__tests__"},"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/heyjul3s/artifak.git"},"scripts":{"build":"rimraf dist && builder","test":"echo \"Error: run tests from root\" && exit 1"},"bugs":{"url":"https://github.com/heyjul3s/artifak/issues"},"homepage":"https://github.com/heyjul3s/artifak#readme","devDependencies":{"@artifak/bundler":"^1.1.3"},"_id":"@artifak/fluidsizing@1.0.1","_nodeVersion":"10.23.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-sb0WC6JaZvXlrUDrhn7NKhM01t1ir8hjEkpvY1FtwAieRxdaCKnNFgukT5JiYLkpFipwd0hFrYhmpsrl5qBVMg==","shasum":"de3f5d704231b3976ff8a5ee91e068bb9984344d","tarball":"https://registry.npmjs.org/@artifak/fluidsizing/-/fluidsizing-1.0.1.tgz","fileCount":15,"unpackedSize":5414,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/SglCRA9TVsSAnZWagAAqyMQAKCmPi91Yxixf4XWfnZ2\nX8DD1V2KRRYBgpFlaXnDzuNa70NGCUxh6IagTrMSd23CHujmF0K0DP5qpCqi\n8ZOKSWZQ6DyBN4nGmHgdpkaLNpl+tpnLDecOcKYD/ULLZrjmEfaaCTOGLpRc\nWdCarGvBeoe4rRUfUMx2XMDwJgsOzfL1Q/FFMntnJuLvJmfZi23w219OJUBt\nGqbJvjXv05KvJxeVpfAlr0E1Li+VZzBxrqSz9QE7aIVOwzUliouYW/R8GZtV\naxXt0e++TIf11tf4kIxK1FPz7Ks4bN51M/vYHO5vfjrX3i88VJEnDqDpggv9\nf2y/nFwAPM3V9g8Qdudp6O6aBKMaLe8bLlVpQUWjA7AuhEVNosi+zPrdfG7P\niDvz3X28sR8TvEdjw3OwC8c1ZfzB+GN0sT6JZ6xTO/BKhc0WgfPabOtARTMP\nL2NKVuDO288/3wQ1kqsoYVPSXdn/PK2oGr07zKbwdQ/f8Cm0QxD3gb/v7sqs\nlL8Ufj5BydEXIKyPqtxORxl06zepeW/0DplFpzAIMhGgpPq4I1xQ+1b1c1dA\njtkaN7j8ACc/1x+9Jb3H8uDOQyIaJWnt51+keHVyjqKD8C0ag89o64/V9sOZ\n4QEa6LoPBM9vg+TvLwFNwuImZLi7GmyWIq6HHsU/9Sldn9s2fGSrzbqfdUUn\n/Y8/\r\n=BmV0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDBjo+o/ZbIkMOMLD/CAKXR6IyDMgCyRiXUPlxlrw19tAIgJTfFkPFjRPeetNM4Y5Z+uJLtAaKL6CapUKx748BB2Po="}]},"_npmUser":{"name":"heyjules","email":"julian.cy.low@gmail.com"},"maintainers":[{"name":"heyjules","email":"julian.cy.low@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fluidsizing_1.0.1_1610426405382_0.977954148089583"},"_hasShrinkwrap":false},"1.0.2":{"name":"@artifak/fluidsizing","version":"1.0.2","description":"A utility function to compute fluid sizing based on max and min inputs for CSS styles.","keywords":[],"author":{"name":"Julian Low"},"license":"ISC","main":"dist/fluidsizing.cjs.js","module":"dist/fluidsizing.esm.js","src":"src/index.ts","directories":{"src":"src","test":"__tests__"},"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/heyjul3s/artifak.git"},"scripts":{"build":"rimraf dist && builder","test":"echo \"Error: run tests from root\" && exit 1"},"bugs":{"url":"https://github.com/heyjul3s/artifak/issues"},"homepage":"https://github.com/heyjul3s/artifak#readme","devDependencies":{"@artifak/bundler":"^1.1.5"},"_id":"@artifak/fluidsizing@1.0.2","_nodeVersion":"10.24.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-/7di1g9CdPmJQDWAFxecxxngHd+ibaI7xFh5vuIEjSgk6WXGxMb59lkFWCK6+aBJr2EDJDxFxGVDD/859vc36A==","shasum":"0af7fd99af8fbc72064bbb4209a2bfc975bc58b6","tarball":"https://registry.npmjs.org/@artifak/fluidsizing/-/fluidsizing-1.0.2.tgz","fileCount":11,"unpackedSize":4986,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbZeRCRA9TVsSAnZWagAALa0P/RpvX0nrZtE+UwlxdiTZ\nF1yBHN8YgNAKBjmn5DQ29AzbMteAVf2i5Z7Wb9qaCyJX/+ERchkPHzW8f1s7\nR1nxkyTiXEHKu+wqRkXCOymyGaBKgVGc8mvAx7nQvsWWJ2R3uyPGVB5VPu4g\ngzrfA5zu0fclBpLsq1rj5TX+iaKEL9yZ0JOWNgk38J8ICfpGvcR7EO1QjU+a\nUwL2DByOWBgxZrXR2ri0eBoeIGQU1ckPS11t+IhTtzCtgP5xCJ9pnuYvBmW2\ncnPpwSfVLc5j9dQlsIGAUuClgGY0tObuMkE3GSHU0TxT8feNn27Vp8WF1gYC\nCE/zagrecDcdIXs/XRIzBNXuMk0uiPSX8OFjxExBzuZXU1FS9CcOQRMaxS0A\n0C2IGyc+4/eTEUk3eUrAdw6vG1MwBPr+rdtmrOH0H/2uwvzzTlDef221r17/\niIocPJcLsBW5vDBt+yL3RF6F/CXeq1luHsPzfPeZk6cxGYpc08Wnk37TKkUw\nCBr0jag88H5WuI1+dOy8Rs5CFFzyAYVO3/tLJb+57t8Uckge7CGDQvPWcbCf\nGDZ3fx/H9A+KLBYFSuij8Nian2cwvgG5h9XdnPpD7ggILujq48lXQ6tSA3TT\njiIXDmtIuxzFM7CsS3e8B9rI9SU67iCHwEW0leKEA5wgg+C0b7lEyRNB8HGh\n5vyM\r\n=F0Wh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD4QZiIXkESg6nAZFTDBh5lEE+DnxyXICblyvyxI0FnSgIgIwoxCfK76paD3fPXnGnyLU87GTDNleaNZG7b1RaqbtM="}]},"_npmUser":{"name":"heyjules","email":"julian.cy.low@gmail.com"},"maintainers":[{"name":"heyjules","email":"julian.cy.low@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fluidsizing_1.0.2_1617794960561_0.7768910338636315"},"_hasShrinkwrap":false}},"time":{"created":"2021-01-12T04:40:04.936Z","1.0.1":"2021-01-12T04:40:05.507Z","modified":"2022-04-04T15:38:45.423Z","1.0.2":"2021-04-07T11:29:20.708Z"},"maintainers":[{"name":"heyjules","email":"julian.cy.low@gmail.com"}],"description":"A utility function to compute fluid sizing based on max and min inputs for CSS styles.","homepage":"https://github.com/heyjul3s/artifak#readme","keywords":[],"repository":{"type":"git","url":"git+https://github.com/heyjul3s/artifak.git"},"author":{"name":"Julian Low"},"bugs":{"url":"https://github.com/heyjul3s/artifak/issues"},"license":"ISC","readme":"# `@artifak/fluidsizing`\n\nA utility function that computes a fluid sizing value based on the min and max values provided, eliminating the need for specifying width based media queries. Alternatively, docs can be found at [Artifak Fluid Sizing](https://www.artifak.dev/?content=Typography).\n\n## Installation\n\n### Yarn\n\n```sh\nyarn add @artifak/fluidsizing\n```\n\n### NPM\n\n```sh\nnpm install @artifak/fluidsizing\n```\n\n## Usage\n\nBelow are the parameters and the following an example of usage.\n\n| Arguments        | Type                  |\n| ---------------- | --------------------- |\n| minElementSize   | number                |\n| maxElementSize   | number                |\n| minViewportWidth | number                |\n| maxViewportWidth | number                |\n| unit             | 'em' \\| 'px' \\| 'rem' |\n\n```ts\nimport { fluidSizing } from '@artifak/fluidsizing';\nimport styled from 'styled-components';\n\nconst Paragraph = styled.p`\n  font-size: ${fluidSizing(16, 96, 300, 1200, 'px')};\n  line-height: ${fluidSizing(1.4, 1.6, 300, 1200, 'rem')};\n  padding-bottom: ${fluidSizing(10, 15, 300, 1200, 'px')};\n`;\n```\n","readmeFilename":"README.md"}