{"_id":"@droans/material-color-utilities","_rev":"2-9215b901e541a9c6003c729d57beb827","name":"@droans/material-color-utilities","dist-tags":{"latest":"0.2.8-droans"},"versions":{"0.2.7-droans":{"name":"@droans/material-color-utilities","version":"0.2.7-droans","keywords":["material","material design","material3","material you","color extraction","theming"],"author":{"name":"Material Eng"},"license":"Apache-2.0","_id":"@droans/material-color-utilities@0.2.7-droans","maintainers":[{"name":"droans","email":"mc999984@gmail.com"}],"homepage":"https://github.com/material-foundation/material-color-utilities/tree/main/typescript","bugs":{"url":"https://github.com/material-foundation/material-color-utilities/issues"},"dist":{"shasum":"4dcefe41b0c1c0c3af946af15fcf4fdf5dbc50a5","tarball":"https://registry.npmjs.org/@droans/material-color-utilities/-/material-color-utilities-0.2.7-droans.tgz","fileCount":126,"integrity":"sha512-OAWpVqk2CPP4eBlemG69+ynpW5eXkbsJGTRA+2Ps3yY+yCKU4+oHcSNa5HgUzPttNZjn8+yIghqER5sgXDrpdQ==","signatures":[{"sig":"MEUCIAXRZVRMKOxPlPnLfrR5nsicagVII/qBtL/cVseod8jTAiEA45g3VBuVaRMM9AMoDozw/kiFz3aq+8gup4jnOnmXHJU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":735380},"main":"index.js","type":"module","types":"index.d.ts","module":"index.js","wireit":{"build":{"dependencies":["build:ts"]},"build:ts":{"clean":"if-file-deleted","files":["tsconfig.json","**/*.ts","!**/*.d.ts"],"output":[".tsbuildinfo","**/*.js","**/*.js.map","**/*.d.ts","!*.js","!types/"],"command":"tsc --pretty"}},"exports":{".":{"types":"./index.d.ts","import":"./index.js","default":"./index.js"}},"gitHead":"9a5642128466ee12099f9b141875c6dc5a8a8ddb","scripts":{"build":"wireit","build:ts":"wireit","prepublishOnly":"npm run build"},"_npmUser":{"name":"droans","email":"mc999984@gmail.com"},"repository":{"url":"git+https://github.com/droans/material-color-utilities.git","type":"git","directory":"typescript"},"_npmVersion":"10.9.3","description":"Algorithms and utilities that power the Material Design 3 (M3) color system, including choosing theme colors from images and creating tones of colors; all in a new color space.","directories":{},"_nodeVersion":"22.19.0","dependencies":{"glob":"^7.2.3","once":"^1.4.0","fastq":"^1.19.1","retry":"^0.12.0","braces":"^3.0.3","merge2":"^1.4.1","wrappy":"^1.0.2","is-glob":"^4.0.3","reusify":"^1.1.0","anymatch":"^3.1.3","chokidar":"^3.6.0","inflight":"^1.0.6","inherits":"^2.0.4","readdirp":"^3.6.0","fast-glob":"^3.3.3","is-number":"^7.0.0","minimatch":"^3.1.2","picomatch":"^2.3.1","concat-map":"^0.0.1","fill-range":"^7.1.1","is-extglob":"^2.1.1","micromatch":"^4.0.8","fs.realpath":"^1.0.0","glob-parent":"^5.1.2","graceful-fs":"^4.2.11","signal-exit":"^3.0.7","jasmine-core":"^4.6.1","jsonc-parser":"^3.3.1","run-parallel":"^1.2.0","undici-types":"^5.26.5","balanced-match":"^1.0.2","is-binary-path":"^2.1.0","normalize-path":"^3.0.0","to-regex-range":"^5.0.1","brace-expansion":"^1.1.12","proper-lockfile":"^4.1.2","queue-microtask":"^1.2.3","path-is-absolute":"^1.0.1","binary-extensions":"^2.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"wireit":"^0.9.5","jasmine":"^4.0.2","typescript":"^4.5.5","@types/node":"^18.7.17","@types/jasmine":"^3.10.3"},"_npmOperationalInternal":{"tmp":"tmp/material-color-utilities_0.2.7-droans_1761935832728_0.15313521164512767","host":"s3://npm-registry-packages-npm-production"}},"0.2.8-droans":{"name":"@droans/material-color-utilities","version":"0.2.8-droans","publishConfig":{"access":"public"},"description":"Algorithms and utilities that power the Material Design 3 (M3) color system, including choosing theme colors from images and creating tones of colors; all in a new color space.","keywords":["material","material design","material3","material you","color extraction","theming"],"repository":{"type":"git","url":"git+https://github.com/material-foundation/material-color-utilities.git","directory":"typescript"},"author":{"name":"Material Eng"},"license":"Apache-2.0","bugs":{"url":"https://github.com/material-foundation/material-color-utilities/issues"},"homepage":"https://github.com/material-foundation/material-color-utilities/tree/main/typescript","type":"module","main":"index.js","module":"index.js","types":"index.d.ts","exports":{".":{"types":"./index.d.ts","import":"./index.js","default":"./index.js"}},"scripts":{"build":"wireit","build:ts":"wireit","prepublishOnly":"npm run build"},"wireit":{"build":{"dependencies":["build:ts"]},"build:ts":{"command":"tsc --pretty","files":["tsconfig.json","**/*.ts","!**/*.d.ts"],"output":[".tsbuildinfo","**/*.js","**/*.js.map","**/*.d.ts","!*.js","!types/"],"clean":"if-file-deleted"}},"devDependencies":{"@types/jasmine":"^3.10.3","@types/node":"^18.7.17","jasmine":"^4.0.2","typescript":"^4.5.5","wireit":"^0.9.5"},"_id":"@droans/material-color-utilities@0.2.8-droans","gitHead":"8852a5ce8f42009795635ee07fa879404daa24c5","_nodeVersion":"22.19.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-AfiOFY0khQq3gMIlt2eKCSKiBevHeC1gvnGDB5Iisk9UvxIfxxM1QJexiFzmzxgpymVUnFXlez/rk/TDuTqRbw==","shasum":"e27984baf31d962317431062e27c42dafb006db1","tarball":"https://registry.npmjs.org/@droans/material-color-utilities/-/material-color-utilities-0.2.8-droans.tgz","fileCount":132,"unpackedSize":742042,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDtThldmouv/WSmsnA5SCXePLV73QLSF/RokFGw+P1hxgIhALDfKSsSEqoiIh6kQgXYEMjU5whEhmvSpbrfR5EwqHkr"}]},"_npmUser":{"name":"droans","email":"mc999984@gmail.com"},"directories":{},"maintainers":[{"name":"droans","email":"mc999984@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/material-color-utilities_0.2.8-droans_1761936127797_0.5650658521543246"},"_hasShrinkwrap":false}},"time":{"created":"2025-10-31T18:37:12.663Z","modified":"2025-10-31T18:42:08.217Z","0.2.7-droans":"2025-10-31T18:37:12.976Z","0.2.8-droans":"2025-10-31T18:42:08.016Z"},"bugs":{"url":"https://github.com/material-foundation/material-color-utilities/issues"},"author":{"name":"Material Eng"},"license":"Apache-2.0","homepage":"https://github.com/material-foundation/material-color-utilities/tree/main/typescript","keywords":["material","material design","material3","material you","color extraction","theming"],"repository":{"type":"git","url":"git+https://github.com/material-foundation/material-color-utilities.git","directory":"typescript"},"description":"Algorithms and utilities that power the Material Design 3 (M3) color system, including choosing theme colors from images and creating tones of colors; all in a new color space.","maintainers":[{"name":"droans","email":"mc999984@gmail.com"}],"readme":"# material-color-utilities\n\n[![npm package](https://badgen.net/npm/v/@material/material-color-utilities)](https://npmjs.com/package/@material/material-color-utilities)\n\nAlgorithms and utilities that power the Material Design 3 (M3) color system,\nincluding choosing theme colors from images and creating tones of colors; all in\na new color space.\n\nSee the main\n[README](https://github.com/material-foundation/material-color-utilities#readme)\nfor more information.\n\n## Getting started\n\n`npm i @material/material-color-utilities` or `yarn add @material/material-color-utilities`\n\n```typescript\nimport { Hct } from \"@material/material-color-utilities\";\n\n// Simple demonstration of HCT.\nconst color = Hct.fromInt(0xff4285f4);\nconsole.log(`Hue: ${color.hue}`);\nconsole.log(`Chrome: ${color.chroma}`);\nconsole.log(`Tone: ${color.tone}`);\n\n```\n\n### Theming\n\n```typescript\nimport { argbFromHex, themeFromSourceColor, applyTheme } from \"@material/material-color-utilities\";\n\n// Get the theme from a hex color\nconst theme = themeFromSourceColor(argbFromHex('#f82506'), [\n  {\n    name: \"custom-1\",\n    value: argbFromHex(\"#ff0000\"),\n    blend: true,\n  },\n]);\n\n// Print out the theme as JSON\nconsole.log(JSON.stringify(theme, null, 2));\n\n// Check if the user has dark mode turned on\nconst systemDark = window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n\n// Apply the theme to the body by updating custom properties for material tokens\napplyTheme(theme, {target: document.body, dark: systemDark});\n\n```\n\n## Contributing\n\nThis repo is not accepting external contributions, but feature requests and bug\nreports are welcome on\n[GitHub](https://github.com/material-foundation/material-color-utilities/issues).\n","readmeFilename":"README.md"}