{"_id":"@bluecateng/pelagos-highcharts","_rev":"3-9e60c76f46d686ba13343ea4e9d69356","name":"@bluecateng/pelagos-highcharts","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@bluecateng/pelagos-highcharts","version":"1.0.0","keywords":["react","highcharts"],"license":"ISC","_id":"@bluecateng/pelagos-highcharts@1.0.0","maintainers":[{"name":"jcestibariz","email":"jestibariz@bluecatnetworks.com"},{"name":"chinanwu","email":"cawudev@gmail.com"},{"name":"jwertkin","email":"jwertkin@bluecatnetworks.com"}],"homepage":"https://github.com/bluecatengineering/pelagos-packages#readme","bugs":{"url":"https://github.com/bluecatengineering/pelagos-packages/issues"},"dist":{"shasum":"915da0e23fadc319949253f87d0af4095a463800","tarball":"https://registry.npmjs.org/@bluecateng/pelagos-highcharts/-/pelagos-highcharts-1.0.0.tgz","fileCount":5,"integrity":"sha512-nXbeRbnfyiqkme+aPPwXe/a3Mdn+dW3pCEHv8Tc6JmQQ6s3B2QqB+5109zK8DGNdmT6AldCC7Sq1cW/uH9ygSg==","signatures":[{"sig":"MEUCIQCq/+IwR8ZC6EsWrCX6Ux9Hx4fI+PszA0xjLFo1sg5F7AIgfy70Q6xuzXNzmPE9wVZgaGs3UIgDEXYg5Od1kHBG5sM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11720},"types":"./dist/index.d.ts","exports":{".":"./dist/index.js","./less/*":"./less/*"},"gitHead":"72089401b23501155050df990e4fcac57e36750f","scripts":{"build":"rm -rf dist && esbuild --bundle --minify --outdir=dist --format=esm src/index.js && cp src/index.d.ts dist/","prepack":"npm run build"},"_npmUser":{"name":"jcestibariz","email":"jestibariz@bluecatnetworks.com"},"repository":{"url":"git+ssh://git@github.com/bluecatengineering/pelagos-packages.git","type":"git","directory":"packages/pelagos-highcharts"},"_npmVersion":"11.7.0","description":"Pelagos themes for Highcharts","directories":{},"sideEffects":["*.less"],"_nodeVersion":"24.13.0","_hasShrinkwrap":false,"peerDependencies":{"@bluecateng/pelagos":">=12"},"_npmOperationalInternal":{"tmp":"tmp/pelagos-highcharts_1.0.0_1769632574189_0.26632185892599947","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bluecateng/pelagos-highcharts","version":"1.0.1","keywords":["react","highcharts"],"license":"ISC","_id":"@bluecateng/pelagos-highcharts@1.0.1","maintainers":[{"name":"jcestibariz","email":"jestibariz@bluecatnetworks.com"},{"name":"chinanwu","email":"cawudev@gmail.com"},{"name":"jwertkin","email":"jwertkin@bluecatnetworks.com"}],"homepage":"https://github.com/bluecatengineering/pelagos-packages#readme","bugs":{"url":"https://github.com/bluecatengineering/pelagos-packages/issues"},"dist":{"shasum":"0491f070a16212710981d611f8fef479036901ef","tarball":"https://registry.npmjs.org/@bluecateng/pelagos-highcharts/-/pelagos-highcharts-1.0.1.tgz","fileCount":6,"integrity":"sha512-cq2wucF5xiusws8FKUjpZwpIsihL4+vDdZYWwj69GRaTPUlxb88QdeEG1JUmzC2dGjYdFHcUAhvQN8g/yZhpOA==","signatures":[{"sig":"MEQCIDp6FfzKUZoxZa3HcSG9n3sjCWt0KjiY3HrEl16/vMJ/AiAgpA2RGT/D9zaLSU6CniYSxN786WTUlwNGfqz2QBpFdw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@bluecateng%2fpelagos-highcharts@1.0.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":13095},"types":"./dist/index.d.ts","exports":{".":"./dist/index.js","./less/*":"./less/*"},"gitHead":"f24cc3118da2850c45616b77970bd413898fa170","scripts":{"build":"rm -rf dist && esbuild --bundle --minify --outdir=dist --format=esm src/index.js && cp src/index.d.ts dist/","prepack":"npm run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:2f7eebd2-c769-4a4e-952e-5f74b1923c97"}},"repository":{"url":"git+ssh://git@github.com/bluecatengineering/pelagos-packages.git","type":"git","directory":"packages/pelagos-highcharts"},"_npmVersion":"lerna/9.0.3/node@v24.13.0+x64 (linux)","description":"Pelagos themes for Highcharts","directories":{},"sideEffects":["*.less"],"_nodeVersion":"24.13.0","_hasShrinkwrap":false,"peerDependencies":{"@bluecateng/pelagos":">=12"},"_npmOperationalInternal":{"tmp":"tmp/pelagos-highcharts_1.0.1_1769641063339_0.20335743022017083","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bluecateng/pelagos-highcharts","version":"1.0.2","description":"Pelagos themes for Highcharts","license":"ISC","sideEffects":["*.less"],"scripts":{"build":"rm -rf dist && esbuild --bundle --minify --outdir=dist --format=esm src/index.js && cp src/index.d.ts dist/","prepack":"npm run build"},"repository":{"type":"git","url":"git+ssh://git@github.com/bluecatengineering/pelagos-packages.git","directory":"packages/pelagos-highcharts"},"keywords":["react","highcharts"],"types":"./dist/index.d.ts","exports":{".":"./dist/index.js","./less/*":"./less/*"},"peerDependencies":{"@bluecateng/pelagos":">=12"},"gitHead":"cc7ac567572f4f22beab2277a007be5e8346c5e8","_id":"@bluecateng/pelagos-highcharts@1.0.2","bugs":{"url":"https://github.com/bluecatengineering/pelagos-packages/issues"},"homepage":"https://github.com/bluecatengineering/pelagos-packages#readme","_nodeVersion":"24.13.1","_npmVersion":"lerna/9.0.3/node@v24.13.1+x64 (linux)","dist":{"integrity":"sha512-roBV6MplOgWqlKImNvEEYHuhR/iZlDrzEW/6okk/6ARAxBLX+9Byoyt59eqrso+r5xFrizQuq/wJqESCasIk9g==","shasum":"307f3025767b4406cd140b097df7749e424a4f77","tarball":"https://registry.npmjs.org/@bluecateng/pelagos-highcharts/-/pelagos-highcharts-1.0.2.tgz","fileCount":6,"unpackedSize":13095,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@bluecateng%2fpelagos-highcharts@1.0.2","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIEESeCnL2KQhm0arXa4qlxAv1ac3F1rTVyKg94v1zSHkAiBrZLAs0U+NByO0DnG10yDZnouf1+uX9h6r0ztiPtDVng=="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:2f7eebd2-c769-4a4e-952e-5f74b1923c97"}},"directories":{},"maintainers":[{"name":"jcestibariz","email":"jestibariz@bluecatnetworks.com"},{"name":"chinanwu","email":"cawudev@gmail.com"},{"name":"jwertkin","email":"jwertkin@bluecatnetworks.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/pelagos-highcharts_1.0.2_1772573894583_0.9031793021481764"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-28T20:36:14.077Z","modified":"2026-03-03T21:38:15.097Z","1.0.0":"2026-01-28T20:36:14.347Z","1.0.1":"2026-01-28T22:57:43.497Z","1.0.2":"2026-03-03T21:38:14.749Z"},"bugs":{"url":"https://github.com/bluecatengineering/pelagos-packages/issues"},"license":"ISC","homepage":"https://github.com/bluecatengineering/pelagos-packages#readme","keywords":["react","highcharts"],"repository":{"type":"git","url":"git+ssh://git@github.com/bluecatengineering/pelagos-packages.git","directory":"packages/pelagos-highcharts"},"description":"Pelagos themes for Highcharts","maintainers":[{"name":"jcestibariz","email":"jestibariz@bluecatnetworks.com"},{"name":"chinanwu","email":"cawudev@gmail.com"},{"name":"jwertkin","email":"jwertkin@bluecatnetworks.com"}],"readme":"# @bluecateng/pelagos-highcharts [![GitHub license](https://img.shields.io/badge/license-ISC-blue.svg)](https://github.com/bluecatengineering/pelagos-packages/blob/master/LICENSE) [![npm version](https://img.shields.io/npm/v/@bluecateng/pelagos-highcharts.svg?style=flat)](https://www.npmjs.com/package/@bluecateng/pelagos-highcharts)\n\nPelagos themes for Highcharts.\n\n## Installation\n\n```bash\nnpm i -S @bluecateng/pelagos-highcharts\n```\n\n## Usage\n\n### Theme styles\n\nThe `themes.less` file must be included after `highcharts.css`.\n\n```css\n@import '~highcharts/css/highcharts.css';\n@import '~@bluecateng/pelagos-highcharts/less/themes';\n```\n\nTo force a theme, add `highcharts-light` or `highcharts-dark` to the `html` element.\nIf no class is set (or you use `highcharts-auto` as an app-level convention), the theme follows the browser's `prefers-color-scheme` setting.\n\n### Color subsets\n\nTo apply a color subset for a component the function `buildColorSetClass` can be used to create a class name\nfor the chart element.\n\n```javascript\n<div className={buildColorSetClass('Example', series?.length)} />\n```\n\n### Alert subset\n\nThe class `highcharts-set-alert` may be used when the chart represents status information\n(error/caution/warning/success).\n\n## Highcharts initialization\n\nThese are the suggested Highcharts options to use these themes.\n\n```javascript\nimport {setOptions} from 'highcharts';\n\nsetOptions({\n\tchart: {animation: false, colorCount: 14, styledMode: true, spacing: [8, 0, 0, 0]},\n\tcredits: {enabled: false},\n\texporting: {buttons: false},\n\tlegend: {enabled: false, itemDistance: 12, symbolPadding: 2},\n\ttime: {timezone: undefined},\n\tplotOptions: {series: {animation: false}},\n\ttitle: {text: null},\n\txAxis: {tickLength: 8, labels: {distance: 12}},\n\tyAxis: {tickLength: 8, labels: {distance: 12}},\n});\n```\n","readmeFilename":"README.md"}