{"_id":"ink-gradient","_rev":"4098930","name":"ink-gradient","description":"Gradient color component for Ink","dist-tags":{"latest":"3.0.0"},"maintainers":[{"name":"sindresorhus","email":""}],"time":{"modified":"2026-01-11T18:33:51.000Z","created":"2018-04-02T05:24:53.043Z","3.0.0":"2023-06-10T13:53:33.189Z","2.0.0":"2020-08-10T19:35:10.591Z","1.0.0":"2019-03-07T05:32:29.297Z","0.1.1":"2018-04-07T11:18:48.973Z","0.1.0":"2018-04-02T05:24:53.043Z"},"users":{},"author":{"name":"Sindre Sorhus","email":"sindresorhus@gmail.com","url":"https://sindresorhus.com"},"repository":{"type":"git","url":"git+https://github.com/sindresorhus/ink-gradient.git"},"versions":{"3.0.0":{"name":"ink-gradient","version":"3.0.0","description":"Gradient color component for Ink","license":"MIT","repository":{"type":"git","url":"git+https://github.com/sindresorhus/ink-gradient.git"},"funding":"https://github.com/sponsors/sindresorhus","author":{"name":"Sindre Sorhus","email":"sindresorhus@gmail.com","url":"https://sindresorhus.com"},"type":"module","exports":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"engines":{"node":">=16"},"scripts":{"pretest":"npm run build","prepublish":"npm run build","test":"xo && ava","build":"tsc"},"keywords":["ink-component","ink","component","gradient","gradients","color","colors","rainbow","style","styles","react","jsx","terminal","term","console","command-line"],"dependencies":{"@types/gradient-string":"^1.1.2","gradient-string":"^2.0.2","prop-types":"^15.8.1","strip-ansi":"^7.1.0"},"peerDependencies":{"ink":">=4"},"devDependencies":{"@sindresorhus/tsconfig":"^3.0.1","@types/react":"^18.2.10","ava":"^5.3.0","eslint-config-xo-react":"^0.27.0","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","ink":"^4.2.0","ink-testing-library":"^3.0.0","react":"^18.2.0","ts-node":"^10.9.1","typescript":"^5.1.3","xo":"^0.54.2"},"ava":{"color":true,"extensions":{"ts":"module","tsx":"module"},"nodeArguments":["--loader=ts-node/esm"]},"xo":{"extends":["xo-react"]},"gitHead":"b9166c4f018965922d521e52eef2afda06fe3989","bugs":{"url":"https://github.com/sindresorhus/ink-gradient/issues"},"homepage":"https://github.com/sindresorhus/ink-gradient#readme","_id":"ink-gradient@3.0.0","_nodeVersion":"16.20.0","_npmVersion":"9.2.0","dist":{"shasum":"65419f059f0337b046e6f18e52fa5aedf8436fa9","size":2681,"noattachment":false,"key":"/ink-gradient/-/ink-gradient-3.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/ink-gradient/download/ink-gradient-3.0.0.tgz"},"_npmUser":{"name":"sindresorhus","email":"sindresorhus@gmail.com"},"directories":{},"maintainers":[{"name":"sindresorhus","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ink-gradient_3.0.0_1686405213064_0.8193827175069202"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2023-06-10T13:53:33.189Z","publish_time":1686405213189,"_source_registry_name":"default","_cnpm_publish_time":1686405213189},"2.0.0":{"name":"ink-gradient","version":"2.0.0","description":"Gradient color component for Ink","license":"MIT","repository":{"type":"git","url":"git+https://github.com/sindresorhus/ink-gradient.git"},"funding":"https://github.com/sponsors/sindresorhus","author":{"name":"Sindre Sorhus","email":"sindresorhus@gmail.com","url":"https://sindresorhus.com"},"main":"dist.js","engines":{"node":">=10"},"scripts":{"build":"babel index.js --out-file=dist.js","prepublish":"npm run build","pretest":"npm run build","test":"xo && ava"},"keywords":["ink-component","ink","component","gradient","gradients","color","colors","rainbow","style","styles","react","jsx","terminal","term","console","command-line"],"dependencies":{"gradient-string":"^1.2.0","prop-types":"^15.7.2","strip-ansi":"^6.0.0"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.3.3","@babel/preset-react":"^7.0.0","ava":"^2.4.0","clear-module":"^4.1.1","eslint-config-xo-react":"^0.23.0","eslint-plugin-react":"^7.7.0","eslint-plugin-react-hooks":"^4.0.8","ink":"^3.0.3","ink-testing-library":"^2.0.1","react":"^16.8.2","xo":"^0.33.0"},"peerDependencies":{"ink":">=3.0.0","react":">=16.8.0"},"babel":{"presets":["@ava/stage-4","@babel/preset-react"]},"ava":{"color":true},"xo":{"extends":["xo-react"],"rules":{"react/require-default-props":"off"}},"gitHead":"9feabed7b3c11b93eb1a590279db8696892a3477","bugs":{"url":"https://github.com/sindresorhus/ink-gradient/issues"},"homepage":"https://github.com/sindresorhus/ink-gradient#readme","_id":"ink-gradient@2.0.0","_nodeVersion":"14.5.0","_npmVersion":"6.14.7","_npmUser":{"name":"sindresorhus","email":"sindresorhus@gmail.com"},"dist":{"shasum":"2e2b040ab41f96f61b397d87cd56fd6ce9ef59cc","size":2533,"noattachment":false,"key":"/ink-gradient/-/ink-gradient-2.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/ink-gradient/download/ink-gradient-2.0.0.tgz"},"maintainers":[{"name":"sindresorhus","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ink-gradient_2.0.0_1597088110471_0.09970019434056954"},"_hasShrinkwrap":false,"publish_time":1597088110591,"_cnpm_publish_time":1597088110591,"_cnpmcore_publish_time":"2021-12-17T14:14:23.730Z"},"1.0.0":{"name":"ink-gradient","version":"1.0.0","description":"Gradient color component for Ink","license":"MIT","repository":{"type":"git","url":"git+https://github.com/sindresorhus/ink-gradient.git"},"author":{"name":"Sindre Sorhus","email":"sindresorhus@gmail.com","url":"sindresorhus.com"},"main":"dist.js","engines":{"node":">=8"},"scripts":{"build":"babel index.js --out-file=dist.js","prepublish":"npm run build","pretest":"npm run build","test":"xo && ava"},"keywords":["ink-component","ink","component","gradient","gradients","color","colors","rainbow","style","styles","react","jsx","terminal","term","console","command-line"],"dependencies":{"gradient-string":"^1.2.0","prop-types":"^15.7.2"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.3.3","@babel/preset-react":"^7.0.0","ava":"^1.3.1","clear-module":"^3.1.0","eslint-config-xo-react":"^0.19.0","eslint-plugin-react":"^7.7.0","eslint-plugin-react-hooks":"^1.4.0","ink":"^2.0.3","ink-testing-library":"^1.0.0","react":"^16.8.2","strip-ansi":"^5.0.0","xo":"^0.24.0"},"peerDependencies":{"ink":">=2.0.0","react":">=16.8.0"},"babel":{"presets":["@ava/stage-4","@babel/preset-react"]},"ava":{"color":true},"xo":{"extends":["xo-react"],"rules":{"react/require-default-props":"off"}},"gitHead":"f1a525d6e48cddcc841af021f66872e2b418ad5d","bugs":{"url":"https://github.com/sindresorhus/ink-gradient/issues"},"homepage":"https://github.com/sindresorhus/ink-gradient#readme","_id":"ink-gradient@1.0.0","_nodeVersion":"8.15.0","_npmVersion":"6.8.0","_npmUser":{"name":"sindresorhus","email":"sindresorhus@gmail.com"},"dist":{"shasum":"b3d3bc95dce44f7ef0e230ad053af9bc161da2a5","size":2453,"noattachment":false,"key":"/ink-gradient/-/ink-gradient-1.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/ink-gradient/download/ink-gradient-1.0.0.tgz"},"maintainers":[{"name":"sindresorhus","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ink-gradient_1.0.0_1551936749182_0.10209403040680987"},"_hasShrinkwrap":false,"publish_time":1551936749297,"_cnpm_publish_time":1551936749297,"_cnpmcore_publish_time":"2021-12-17T14:24:51.687Z"},"0.1.1":{"name":"ink-gradient","version":"0.1.1","description":"Gradient color component for Ink","license":"MIT","repository":{"type":"git","url":"git+https://github.com/sindresorhus/ink-gradient.git"},"author":{"name":"Sindre Sorhus","email":"sindresorhus@gmail.com","url":"sindresorhus.com"},"main":"dist.js","engines":{"node":">=6"},"scripts":{"build":"babel index.js --out-file=dist.js","prepublish":"npm run build","pretest":"npm run build","test":"xo && ava"},"files":["dist.js"],"keywords":["ink-component","ink","component","gradient","gradients","color","colors","rainbow","style","styles","react","jsx","terminal","term","console","command-line"],"dependencies":{"gradient-string":"^1.1.0","prop-types":"^15.6.1"},"devDependencies":{"ava":"*","babel-cli":"^6.26.0","babel-plugin-transform-react-jsx":"^6.24.1","clear-module":"^2.1.0","eslint-config-xo-react":"^0.16.0","eslint-plugin-react":"^7.7.0","ink":"^0.4.1","strip-ansi":"^4.0.0","xo":"*"},"babel":{"presets":["@ava/stage-4"],"plugins":[["transform-react-jsx",{"pragma":"h","useBuiltIns":true}]]},"ava":{"babel":"inherit"},"xo":{"extends":["xo-react"],"ignores":["dist.js"],"settings":{"react":{"pragma":"h"}},"rules":{"react/require-default-props":"off"}},"gitHead":"8735e1a053402d543ddc0514fbb01f45ce7a281a","bugs":{"url":"https://github.com/sindresorhus/ink-gradient/issues"},"homepage":"https://github.com/sindresorhus/ink-gradient#readme","_id":"ink-gradient@0.1.1","_npmVersion":"5.6.0","_nodeVersion":"8.10.0","_npmUser":{"name":"sindresorhus","email":"sindresorhus@gmail.com"},"dist":{"shasum":"671b349d80e64a759fe3c485491cb8a0428c0c81","size":2477,"noattachment":false,"key":"/ink-gradient/-/ink-gradient-0.1.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/ink-gradient/download/ink-gradient-0.1.1.tgz"},"maintainers":[{"name":"sindresorhus","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ink-gradient_0.1.1_1523099928855_0.8341704974487054"},"_hasShrinkwrap":false,"publish_time":1523099928973,"_cnpm_publish_time":1523099928973,"_cnpmcore_publish_time":"2021-12-17T14:14:54.517Z"},"0.1.0":{"name":"ink-gradient","version":"0.1.0","description":"Gradient color component for Ink","license":"MIT","repository":{"type":"git","url":"git+https://github.com/sindresorhus/ink-gradient.git"},"author":{"name":"Sindre Sorhus","email":"sindresorhus@gmail.com","url":"sindresorhus.com"},"main":"dist.js","engines":{"node":">=6"},"scripts":{"build":"babel index.js --out-file=dist.js","prepublish":"npm run build","pretest":"npm run build","test":"xo && ava"},"files":["dist.js"],"keywords":["ink-component","ink","component","gradient","gradients","color","colors","rainbow","style","styles","react","jsx","terminal","term","console","command-line"],"dependencies":{"gradient-string":"^1.1.0","prop-types":"^15.6.1"},"devDependencies":{"ava":"*","babel-cli":"^6.26.0","babel-plugin-transform-react-jsx":"^6.24.1","clear-module":"^2.1.0","eslint-config-xo-react":"^0.16.0","eslint-plugin-react":"^7.7.0","ink":"^0.4.1","strip-ansi":"^4.0.0","xo":"*"},"babel":{"presets":["@ava/stage-4"],"plugins":[["transform-react-jsx",{"pragma":"h","useBuiltIns":true}]]},"ava":{"babel":"inherit"},"xo":{"extends":["xo-react"],"ignores":["dist.js"],"settings":{"react":{"pragma":"h"}},"rules":{"react/require-default-props":"off"}},"gitHead":"9ee93c3aeb1a3772dcc3a6851dccd038089cb659","bugs":{"url":"https://github.com/sindresorhus/ink-gradient/issues"},"homepage":"https://github.com/sindresorhus/ink-gradient#readme","_id":"ink-gradient@0.1.0","_npmVersion":"5.6.0","_nodeVersion":"8.10.0","_npmUser":{"name":"sindresorhus","email":"sindresorhus@gmail.com"},"dist":{"shasum":"7fb32078d146ee76b3d33b0171dbb650f5cae272","size":2560,"noattachment":false,"key":"/ink-gradient/-/ink-gradient-0.1.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/ink-gradient/download/ink-gradient-0.1.0.tgz"},"maintainers":[{"name":"sindresorhus","email":""}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ink-gradient_0.1.0_1522646692959_0.7195351492775772"},"_hasShrinkwrap":false,"publish_time":1522646693043,"_cnpm_publish_time":1522646693043,"_cnpmcore_publish_time":"2021-12-17T14:14:54.725Z"}},"readme":"# ink-gradient\n\n> Gradient color component for [Ink](https://github.com/vadimdemedes/ink)\n\n![](screenshot.png)\n\n## Install\n\n```sh\nnpm install ink-gradient\n```\n\n## Usage\n\n```js\nimport React from 'react';\nimport {render} from 'ink';\nimport Gradient from 'ink-gradient';\nimport BigText from 'ink-big-text';\n\nrender(\n\t<Gradient name=\"rainbow\">\n\t\t<BigText text=\"unicorns\"/>\n\t</Gradient>\n);\n```\n\n## API\n\n### `<Gradient>`\n\nIt accepts a string or Ink component as `children`. For example, [`<Box/>`](https://github.com/vadimdemedes/ink#box).\n\n#### Props\n\n##### name\n\nType: `string`\n\nThe name of a [built-in gradient](https://github.com/bokub/gradient-string#available-built-in-gradients).\n\nMutually exclusive with `colors`.\n\n##### colors\n\nType: `string[] | object[]`\n\n[Colors to use to make the gradient.](https://github.com/bokub/gradient-string#initialize-a-gradient)\n\nMutually exclusive with `name`.\n\n## Related\n\n- [ink-big-text](https://github.com/sindresorhus/ink-big-text) - Awesome text component for Ink\n- [ink-link](https://github.com/sindresorhus/ink-link) - Link component for Ink\n","_attachments":{},"homepage":"https://github.com/sindresorhus/ink-gradient#readme","bugs":{"url":"https://github.com/sindresorhus/ink-gradient/issues"},"license":"MIT"}