{"_id":"@dartegnian/material-color-utilities","_rev":"7-d74fabf283b82f8d04299823bfbddae2","name":"@dartegnian/material-color-utilities","dist-tags":{"latest":"0.4.1"},"versions":{"0.3.1":{"name":"@dartegnian/material-color-utilities","version":"0.3.1","keywords":["material","material design","material3","material you","color extraction","theming"],"author":{"name":"Material Eng"},"license":"Apache-2.0","_id":"@dartegnian/material-color-utilities@0.3.1","maintainers":[{"name":"dartegnian","email":"root@dartegnian.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":"584505aa40d004df524fcda2991eb539773d0b2d","tarball":"https://registry.npmjs.org/@dartegnian/material-color-utilities/-/material-color-utilities-0.3.1.tgz","fileCount":138,"integrity":"sha512-VGXuJ+g6j2maJBigDJ/Dvb3uPGcf1ia3urEwhP7A9c0u7IH0C8hKmP84XuiAMuDoSdQv6utCTJp8QKzwVQ1VsQ==","signatures":[{"sig":"MEUCIFM9/tqXycCPKo6i3KirMFi3QQ4k4yQiHwttvyH1jQ1yAiEAgeM3ZcKO1bJd1TvjMAagdyPmjKYNk6ibOCQg2yluXjo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1062632},"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":"a800772dbf1adae9b5072daf975c1af7c9fddfe1","scripts":{"build":"wireit","build:ts":"wireit","prepublishOnly":"npm run build"},"_npmUser":{"name":"dartegnian","email":"root@dartegnian.com"},"repository":{"url":"git+https://github.com/material-foundation/material-color-utilities.git","type":"git","directory":"typescript"},"_npmVersion":"10.9.2","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.17.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.3.1_1752320349336_0.7934894547302322","host":"s3://npm-registry-packages-npm-production"}},"0.3.2":{"name":"@dartegnian/material-color-utilities","version":"0.3.2","keywords":["material","material design","material3","material you","color extraction","theming"],"author":{"name":"Material Eng"},"license":"Apache-2.0","_id":"@dartegnian/material-color-utilities@0.3.2","maintainers":[{"name":"dartegnian","email":"root@dartegnian.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":"9ad080389f239396e454550bfe5c10a811ebd646","tarball":"https://registry.npmjs.org/@dartegnian/material-color-utilities/-/material-color-utilities-0.3.2.tgz","fileCount":138,"integrity":"sha512-phlkjv+vjB5mBwRd16LYz0t9cp+5NZVMi+O+WzSBHTTUMF0IhilbjbW3/sD8NnFFkety2zbE27g+YzVaJG0kGg==","signatures":[{"sig":"MEQCICh9N2k0eDaucaEtcEzmqbnfMoolqBrdhTKMJzXhdhmUAiAPXEvYSEnEN9N93EJnCTBMQqlV0cxOBeCLQ7q6qfPZUg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1062632},"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":"eff791ff850e1f19dca45813f7a0cfd6c076f6dc","scripts":{"build":"wireit","build:ts":"wireit","prepublishOnly":"npm run build"},"_npmUser":{"name":"dartegnian","email":"root@dartegnian.com"},"repository":{"url":"git+https://github.com/material-foundation/material-color-utilities.git","type":"git","directory":"typescript"},"_npmVersion":"10.9.2","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.17.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.3.2_1752320762306_0.3530299761737965","host":"s3://npm-registry-packages-npm-production"}},"0.3.3":{"name":"@dartegnian/material-color-utilities","version":"0.3.3","keywords":["material","material design","material3","material you","color extraction","theming"],"author":{"name":"Material Eng"},"license":"Apache-2.0","_id":"@dartegnian/material-color-utilities@0.3.3","maintainers":[{"name":"dartegnian","email":"root@dartegnian.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":"395fd01c39a46c5bd31957ef5084ba70cdce5ac4","tarball":"https://registry.npmjs.org/@dartegnian/material-color-utilities/-/material-color-utilities-0.3.3.tgz","fileCount":138,"integrity":"sha512-yV+lDUNsH4b9945zxiOXl6fh8w97LVrJYx9hscc/JGCLBHfx4ocgnpYIpu22DfL9eNSeFQTePVGFeEQJr9ffPA==","signatures":[{"sig":"MEQCIA93iaE894iww5O+voV+9hxEwFlSYdbkTPILWup2eku5AiAZpGX5enC5XxevxxqR1FJR5l3Z0J2h4nt8JWAhPqrKlw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1063134},"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":"dddbac77888004c7f26597f0bf814107e76ea7fa","scripts":{"build":"wireit","build:ts":"wireit","prepublishOnly":"npm run build"},"_npmUser":{"name":"dartegnian","email":"root@dartegnian.com"},"repository":{"url":"git+https://github.com/material-foundation/material-color-utilities.git","type":"git","directory":"typescript"},"_npmVersion":"10.9.2","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.17.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.3.3_1756057100194_0.6480709034186676","host":"s3://npm-registry-packages-npm-production"}},"0.3.4":{"name":"@dartegnian/material-color-utilities","version":"0.3.4","keywords":["material","material design","material3","material you","color extraction","theming"],"author":{"name":"Material Eng"},"license":"Apache-2.0","_id":"@dartegnian/material-color-utilities@0.3.4","maintainers":[{"name":"dartegnian","email":"root@dartegnian.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":"87557a0b904a5822e343948cd89dbfc2d590121f","tarball":"https://registry.npmjs.org/@dartegnian/material-color-utilities/-/material-color-utilities-0.3.4.tgz","fileCount":138,"integrity":"sha512-iTrDjRCHIBskbTg8KNek7VrhHSptahlmnXD2/DdscVKBsNEjojjo0XZwlFK0EXdsVulY/4NXgAePIzjGSPdbJQ==","signatures":[{"sig":"MEUCIFuRx4Bpgl9TvZ/EqfZ6xmuLxfUYMHHnrJkdLc8zxTjTAiEAq2yHajdg4HVvBsqTx8k9iIPWFgCfpr7dsNgstQ0h9GQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1064945},"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":"0a98c17119b87e16eaa10e83103e8ae206ab863c","scripts":{"build":"wireit","build:ts":"wireit","prepublishOnly":"npm run build"},"_npmUser":{"name":"dartegnian","email":"root@dartegnian.com"},"repository":{"url":"git+https://github.com/material-foundation/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","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.3.4_1762605165993_0.2817234693404256","host":"s3://npm-registry-packages-npm-production"}},"0.3.5":{"name":"@dartegnian/material-color-utilities","version":"0.3.5","keywords":["material","material design","material3","material you","color extraction","theming"],"author":{"name":"Material Eng"},"license":"Apache-2.0","_id":"@dartegnian/material-color-utilities@0.3.5","maintainers":[{"name":"dartegnian","email":"root@dartegnian.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":"0d3c9fd26a2a9f16a9b8352f1bed4a5019b9983e","tarball":"https://registry.npmjs.org/@dartegnian/material-color-utilities/-/material-color-utilities-0.3.5.tgz","fileCount":138,"integrity":"sha512-NngjOjVG69V+0h157OetXyGVKAL7nf4ZK4CHz5O2lsd8shlU5MdYmqrxWs0ijhjY0QtUd96wmpvnjS8JX/pUxQ==","signatures":[{"sig":"MEQCIEQTP0uENKXeLcVSiuHMvwe8SAJQMzoX+QP0BIzR24pZAiA0MwKOPwskCVoBiBntLyI+V01sheTcO6H2ySaHpPiB0A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1064662},"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":"284be1403b1a1843950c75bc8eacfe9b38a4f31b","scripts":{"build":"wireit","build:ts":"wireit","prepublishOnly":"npm run build"},"_npmUser":{"name":"dartegnian","email":"root@dartegnian.com"},"repository":{"url":"git+https://github.com/material-foundation/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","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.3.5_1763878726655_0.9951078465764323","host":"s3://npm-registry-packages-npm-production"}},"0.4.0":{"name":"@dartegnian/material-color-utilities","version":"0.4.0","keywords":["material","material design","material3","material you","color extraction","theming"],"author":{"name":"Material Eng"},"license":"Apache-2.0","_id":"@dartegnian/material-color-utilities@0.4.0","maintainers":[{"name":"dartegnian","email":"root@dartegnian.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":"5e32d1222b59385b3df13677530aa8bb19940954","tarball":"https://registry.npmjs.org/@dartegnian/material-color-utilities/-/material-color-utilities-0.4.0.tgz","fileCount":144,"integrity":"sha512-pT8amo1ytiJ+Y9aSXZPgQT1AkV0e4wcapEDSdHVLNREyfmNVhti4nGhhZ9TY0r+fdhhTiXc7B2buLdBak3HJ/w==","signatures":[{"sig":"MEYCIQDALmaoZ9mkjNtyE9TgzI3o+eQALW63R7OegFXdau7PZAIhAIalu0Me4z9zKWSRPBib8ta6GPbOvQa5f+sflP5R2VjB","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1174229},"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":"a0bbe3a4c17bd3dd61624dce63ece487be3b77d4","scripts":{"build":"wireit","build:ts":"wireit","prepublishOnly":"npm run build"},"_npmUser":{"name":"dartegnian","email":"root@dartegnian.com"},"repository":{"url":"git+https://github.com/material-foundation/material-color-utilities.git","type":"git","directory":"typescript"},"_npmVersion":"11.11.1","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":"24.12.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.4.0_1775120339854_0.041040465196799936","host":"s3://npm-registry-packages-npm-production"}},"0.4.1":{"name":"@dartegnian/material-color-utilities","version":"0.4.1","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"},"gitHead":"3f292668d5296b04ddeedae854f3fc5c66a02ef1","_id":"@dartegnian/material-color-utilities@0.4.1","_nodeVersion":"24.15.0","_npmVersion":"11.12.1","dist":{"integrity":"sha512-yAS9MfOnqh2N5H+QLrM5+yXXN69073luHaN3aGGapx2MIWoSoDdioVekzYNm2Bbze2TWDnqkiEzGhwxgxMNDlA==","shasum":"cad1c257ff2e72e56a721832a51e5e97fa6f3e52","tarball":"https://registry.npmjs.org/@dartegnian/material-color-utilities/-/material-color-utilities-0.4.1.tgz","fileCount":144,"unpackedSize":1175030,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDScOADiZU7Ydm4e+0QKgUKedTaPYEWxiX4n9mfNz7eTAIgTzbg83XGy4uAEJ/bgX2xq+pZULoO1PmHw+74TXNOGWI="}]},"_npmUser":{"name":"dartegnian","email":"root@dartegnian.com"},"directories":{},"maintainers":[{"name":"dartegnian","email":"root@dartegnian.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/material-color-utilities_0.4.1_1778329873092_0.6302330117679944"},"_hasShrinkwrap":false}},"time":{"created":"2025-07-12T11:39:09.196Z","modified":"2026-05-09T12:31:13.363Z","0.3.1":"2025-07-12T11:39:09.549Z","0.3.2":"2025-07-12T11:46:02.505Z","0.3.3":"2025-08-24T17:38:20.418Z","0.3.4":"2025-11-08T12:32:46.202Z","0.3.5":"2025-11-23T06:18:46.910Z","0.4.0":"2026-04-02T08:59:00.064Z","0.4.1":"2026-05-09T12:31:13.252Z"},"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":"dartegnian","email":"root@dartegnian.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"}