{"_id":"react-inline-center","_rev":"7-0a61dd3b51d605076233e25233fbd150","name":"react-inline-center","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"react-inline-center","version":"1.0.0","license":"MIT","_id":"react-inline-center@1.0.0","maintainers":[{"name":"ambarli","email":"me@ambar.li"}],"dist":{"shasum":"10cf26e742725d2369c0f62baf3eb036e3ce4679","tarball":"https://registry.npmjs.org/react-inline-center/-/react-inline-center-1.0.0.tgz","fileCount":4,"integrity":"sha512-G57euIfixsP76Ue87AMUWLEFN6hH0hJaRnc8RRWh4iBjVL3brRr1RP1pjIi9KniLzKTEcBqthQYLmSfBN8D/hA==","signatures":[{"sig":"MEMCIH39saXZt+ux7cQZBmfC6WQh7BOAF6uo3vflzTn9y9LJAh9TlpzDNBoy3mECj47IixVSasN818CSYmotGqh50qYL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3657,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgC/kuCRA9TVsSAnZWagAA/vUP/j0rDl1UpXy3XrYPZ9G0\nW85uBnsEJrIOi1Lc727Jc4LvE2WNzQSYODJ91tk4BltqiHoeKFQ3lILhtt4t\nZTzOrAujjMwiW8AP0WiuhfiOlInogbCaidGUulYdnuRSf1uesGnmRFgnsfzc\nWyzrUM1+5y9NyTpfBzwjCemS9D4lxElB5kGQRun8xnGdeQleKB19JMFLspZ9\nBhc+puJAyUOFp/QyOvN5qHI87yODf4k73thTWn2kC4duH+BV0lyd1mpuJKxn\ne3uQ0U7YtRq3+CLt+FkYzqTK4qqrBrM1DTCmQtjh98TMBWJrBJOkPvl+gROG\ndJyDotG9XeYiILeYTp7tzP4pr8rWUFIV+Oykub2iCNpwWbV+2HMq//7rflar\niVNgkzgaG5xdhKHjrr5bq778AL8qR7dnH0v2SQORwehx84eJRkdb0ThN0oj+\nldF+HMa/JTxwdExFt7Fb5LwDVwq/XNPej0onNRnVToVcIPp5qPPhpnqOx/ZQ\nzjfQ8NtCNnBY7mmT107dmZuChrQbJO8YxsTtmTkUt2mWF312OMgg5P84OjuG\nMG92+SG5VEw9T3EhJ8t2vb1R1ccLVhkDys3fyq4IJZRVRguuZJLRSB9M877K\nMOSXD8zKACXzZmqbY7nxH1UrYFtZxAXK+mk1TcsguJc5HCD5cIhBk9yV7Ejk\nQY69\r\n=r2Wo\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"es-jest"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","gitHead":"07ff60a7b48beddb5f53e6296ea59e5fe6505fd2","scripts":{"test":"jest","build":"esbuild index.jsx --outfile=dist/index.cjs.js --format=cjs && esbuild index.jsx --outfile=dist/index.esm.js --format=esm","prepare":"npm test && npm run build"},"_npmUser":{"name":"ambarli","email":"me@ambar.li"},"_npmVersion":"6.14.8","description":"Centering inline element","directories":{},"_nodeVersion":"14.15.1","_hasShrinkwrap":false,"devDependencies":{"jest":"^26.6.3","react":"^17.0.1","es-jest":"^0.0.1","esbuild":"^0.8.34","prettier":"^2.2.1","react-test-renderer":"^17.0.1"},"_npmOperationalInternal":{"tmp":"tmp/react-inline-center_1.0.0_1611397421870_0.4343108595265408","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"react-inline-center","version":"1.0.1","license":"MIT","_id":"react-inline-center@1.0.1","maintainers":[{"name":"ambarli","email":"me@ambar.li"}],"homepage":"https://github.com/ambar/react-inline-center#readme","bugs":{"url":"https://github.com/ambar/react-inline-center/issues"},"dist":{"shasum":"66703d8489b6d4a90f5d5cae91a2b7b990eef6c6","tarball":"https://registry.npmjs.org/react-inline-center/-/react-inline-center-1.0.1.tgz","fileCount":5,"integrity":"sha512-nMxG933OWuZET/CkvQTPBVEPNRI2zhfeeeiRqXKKzSdvIPHnHnDXZmh9KkRO2DDCjJFvZQ3KIe50lXaaxvnoNw==","signatures":[{"sig":"MEQCIFwIovpYQMQyTZCAxUMY3iva7mm22LG/jssClrtN6y70AiBKtt1tfiLRAlkMKSrk8xmKG7NUQSUaYicgJ8nLivKofQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4522,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh24atCRA9TVsSAnZWagAAqWIP/29o4G/Su4lI9hp39Hsi\nxdbAnubEptp0LK6RbIA+Avz9yIFZROPb2tdlngOfn40EHuoX+CeFMqJHHNn0\nIlQ8sOl6BFG3r8PHf4Qbusn1FU9OE+jWNIWes6UcErsWNKnZNrktCHEB2AZs\nVb3aadfxiksisWE23xiilkO8KrIJTFMSvN1baoIVG/l/kbSAl8/CnzedGNrL\nKpDocV4zDSV40GdnM9hvF3m1GykaV6l5coeO69x4g2wQPEMOztvqXIH/RQLk\njY8X+wYLKvCDB165NDJzsI+Kv+od98j+CCSBK2NOWEo23G5A4kxEYRVdg6yQ\nSCG89cR1/9frYuk7c8xKs7hX2PrQ6xPxs9y/Cobq9gfAI04pmnhbhIyK9bfb\nA5UyJL4Nc+u6JuMA78jjvU+LDVY0Zv5fEOBUFBStzLU/MHDcsLB7UPuF05IR\ne4gUCW5NVLzCyets1f9SXUnyqfu3nwn8qsgxlGqzow8xphdhTDV9g4wLBFZB\ne179RTDX9/m5mtfB7I2zim7zzwQb5TpRO9Huz9dcIBw6U4GCBI99uXznxmyJ\nuUBVCxBezAhzZwcsG2enANB36nT9wpqJ2bFW9yuWDi5/j6qF/siDyX0jMf+a\nLSocDQ5/NRiHOCpMjbIUj64JL+czMK/7rpWVETikR6pjtbV52H80qsZWQblB\nw/at\r\n=qJCC\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"es-jest"},"main":"dist/index.cjs.js","module":"dist/index.esm.js","gitHead":"7c44f71539d3906421d555521eaa38e6c52646ed","scripts":{"test":"jest","build":"esbuild index.tsx --outfile=dist/index.cjs.js --format=cjs && esbuild index.tsx --outfile=dist/index.esm.js --format=esm","prepare":"npm test && npm run build"},"_npmUser":{"name":"ambarli","email":"me@ambar.li"},"repository":{"url":"git+https://github.com/ambar/react-inline-center.git","type":"git"},"_npmVersion":"6.14.8","description":"Centering inline element","directories":{},"_nodeVersion":"14.15.1","_hasShrinkwrap":false,"devDependencies":{"jest":"^27.3.1","react":"^17.0.1","es-jest":"^1.4.1","esbuild":"^0.13.8","prettier":"^2.2.1","react-test-renderer":"^17.0.1"},"peerDependencies":{"react":"*"},"_npmOperationalInternal":{"tmp":"tmp/react-inline-center_1.0.1_1634782813207_0.38466754489356725","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"react-inline-center","version":"1.0.2","license":"MIT","_id":"react-inline-center@1.0.2","maintainers":[{"name":"ambarli","email":"me@ambar.li"}],"homepage":"https://github.com/ambar/react-inline-center#readme","bugs":{"url":"https://github.com/ambar/react-inline-center/issues"},"dist":{"shasum":"d148dc86c8a567c7f55cd5cbf8e48fe4c61881db","tarball":"https://registry.npmjs.org/react-inline-center/-/react-inline-center-1.0.2.tgz","fileCount":6,"integrity":"sha512-3T35CvtLevCS2mnuBNiK7U/fhsBqz/a13xVKwTUY1/AQPt+JR++J5S6ylK0+o1ZHzmm1oa23iBFK03BSr0YUsA==","signatures":[{"sig":"MEUCIQDMepkbHyngqrSTW06/ZM5uzjOrmjy80vmdrrfelWMjjgIgEm4jxfIZOSsnAIiiVUGoLTaNrowSAl9zEUgxWLfsTa4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3516},"main":"./dist/index.cjs","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{"import":"./dist/index.mjs","require":"./dist/index.cjs"},"gitHead":"7eaf8c0af40e0febd788b511e1999c8a7e9f32f9","scripts":{"test":"vitest","build":"pkgroll","prebuild":"rm -rf dist","test:coverage":"vitest run --coverage"},"_npmUser":{"name":"ambarli","email":"me@ambar.li"},"repository":{"url":"git+https://github.com/ambar/react-inline-center.git","type":"git"},"_npmVersion":"lerna/8.1.2/node@v20.10.0+x64 (darwin)","description":"Centering inline element","directories":{},"_nodeVersion":"20.10.0","_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","react-test-renderer":"^18.2.0"},"peerDependencies":{"react":"*"},"_npmOperationalInternal":{"tmp":"tmp/react-inline-center_1.0.2_1711630740709_0.8341018284954473","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"react-inline-center","version":"1.0.3","license":"MIT","_id":"react-inline-center@1.0.3","maintainers":[{"name":"ambarli","email":"me@ambar.li"}],"homepage":"https://github.com/ambar/react-inline-center#readme","bugs":{"url":"https://github.com/ambar/react-inline-center/issues"},"dist":{"shasum":"f2ea8da45da72c27062486341dd156bf3f4802fe","tarball":"https://registry.npmjs.org/react-inline-center/-/react-inline-center-1.0.3.tgz","fileCount":6,"integrity":"sha512-8qibEF/9z+9nF4misA6tTe7NF05oNX4XtEdftmdmmfYKBGHB1OEPbpnOUfgDdH6EMWaq/D3v1vs6z+sU0s7QIQ==","signatures":[{"sig":"MEQCICvYmHCTKqHOUZQZzPHX5hMATfdiPiQ/ZToOECosJwqvAiAD1sLc7tTVM7YqZulAUgTxlItxTTm9+j9dpGY0nMf55Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3783},"main":"./dist/index.cjs","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs"},"gitHead":"ec8ff6730e8e475555bff82555018f2c2ea32c2e","scripts":{"dev":"vite","build":"pkgroll","prepack":"npm run build","prebuild":"rm -rf dist"},"_npmUser":{"name":"ambarli","email":"me@ambar.li"},"repository":{"url":"git+https://github.com/ambar/react-inline-center.git","type":"git"},"_npmVersion":"lerna/8.1.2/node@v20.10.0+x64 (darwin)","description":"Centering inline elements like magic","directories":{},"_nodeVersion":"20.10.0","_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","react-test-renderer":"^18.2.0"},"peerDependencies":{"react":"*"},"_npmOperationalInternal":{"tmp":"tmp/react-inline-center_1.0.3_1714213089818_0.7445183803882129","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"react-inline-center","version":"1.0.4","description":"Centering inline elements like magic","license":"MIT","repository":{"type":"git","url":"git+https://github.com/ambar/react-inline-center.git"},"main":"./dist/index.cjs","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{"types":"./dist/index.d.ts","require":"./dist/index.cjs","import":"./dist/index.mjs"},"scripts":{"prepack":"npm run build","dev":"vite","prebuild":"rm -rf dist","build":"pkgroll"},"peerDependencies":{"react":"*"},"devDependencies":{"react":"^18.2.0","react-test-renderer":"^18.2.0"},"gitHead":"5865c9160a6a7593e1a159b47fdc0ef7b67eaf32","bugs":{"url":"https://github.com/ambar/react-inline-center/issues"},"homepage":"https://github.com/ambar/react-inline-center#readme","_id":"react-inline-center@1.0.4","_nodeVersion":"20.18.0","_npmVersion":"lerna/8.0.2/node@v20.18.0+arm64 (darwin)","dist":{"integrity":"sha512-s5dHrDlukBWyH0FFWTpO/W9DAVt6/lXCsS5mHQb9k1dg3aqCtGgzH4KxIGe0gG5jv0GFeru1o3qq+6nnn1jf1w==","shasum":"93fa044c5a90c6682ccac99cbeedaf123382b2be","tarball":"https://registry.npmjs.org/react-inline-center/-/react-inline-center-1.0.4.tgz","fileCount":6,"unpackedSize":3783,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQC/qeg5vPzfNHpm0HQEVv8nHztpQtKgtqtL3NI1CJxvbAIgY6RdyHFWeO38RL4OppnxNpE4vSm/qMD5seK58i3JTLo="}]},"_npmUser":{"name":"ambarli","email":"me@ambar.li","actor":{"name":"ambarli","email":"me@ambar.li","type":"user"}},"directories":{},"maintainers":[{"name":"ambarli","email":"me@ambar.li"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-inline-center_1.0.4_1751428048719_0.7196226768009786"},"_hasShrinkwrap":false}},"time":{"created":"2021-01-23T10:23:41.870Z","modified":"2025-07-02T03:47:29.201Z","1.0.0":"2021-01-23T10:23:41.981Z","1.0.1":"2021-10-21T02:20:13.354Z","1.0.2":"2024-03-28T12:59:00.855Z","1.0.3":"2024-04-27T10:18:09.987Z","1.0.4":"2025-07-02T03:47:28.910Z"},"bugs":{"url":"https://github.com/ambar/react-inline-center/issues"},"license":"MIT","homepage":"https://github.com/ambar/react-inline-center#readme","repository":{"type":"git","url":"git+https://github.com/ambar/react-inline-center.git"},"description":"Centering inline elements like magic","maintainers":[{"name":"ambarli","email":"me@ambar.li"}],"readme":"# react-inline-center\n\n[![npm version](https://badgen.net/npm/v/react-inline-center)](https://www.npmjs.com/package/react-inline-center)\n[![minzipped size](https://badgen.net/bundlephobia/minzip/react-inline-center)](https://bundlephobia.com/result?p=react-inline-center)\n![module](https://badgen.net/badge/module/esm,cjs?list=1)\n\nCentering inline elements like magic:\n- No need to add the wrapper element\n- The child element (image, icon etc.) can be any size\n- Only align to the first line of adjacent text\n\n## Install\n\n```\nnpm install react-inline-center\n```\n\n## Demo\n\n- https://stackblitz.com/~/github.com/ambar/react-anything\n- https://codesandbox.io/s/react-inline-center-hu81q\n\n## Usage\n\n```js\nimport InlineCenter from 'react-inline-center'\n\nrender(\n <>\n \n

\n \n \n \n text.\n

\n \n)\n```\n","readmeFilename":"README.md"}