{"_id":"@genexus/svg-sass-generator","_rev":"27-e14d2c35a86fa3bf4a4ac1f4f23d6d65","name":"@genexus/svg-sass-generator","dist-tags":{"latest":"1.2.0"},"versions":{"1.1.1":{"name":"@genexus/svg-sass-generator","version":"1.1.1","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.1","maintainers":[{"name":"ggallotti","email":"gonzalogallotti@gmail.com"},{"name":"gerasiz","email":"gerasiz@gmail.com"},{"name":"genexusbuilder","email":"builder@genexus.com"},{"name":"anaberta","email":"aberta@genexus.com"},{"name":"dscaffo","email":"dscaffo@genexus.com"}],"bin":{"ssg-svg":"bin/processor-svg.js","ssg-sass":"bin/processor-sass.js"},"dist":{"shasum":"31d8968000d860429b2cbc0c56edcc6995c3d96e","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.1.tgz","fileCount":19,"integrity":"sha512-CufoUyzju/3teGXfabZROMZwwy7B3mePSa5jl4Oe3lhBoHEh0KgRy1LKybrRwJp4m7OPx3tnIx3unuQyhox2Fg==","signatures":[{"sig":"MEUCIQCZf8eBZgpzEjNzjpPQG12RLXfWx0vY1BWM/oQSEydO9QIgHsXTattHFNow8apfIsAdHdIjO1M7bJFtymEP2fIOEa0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":86534},"main":"index.js","type":"module","engines":{"pnpm":">=3"},"gitHead":"fd7405c70c94c39c84e61c6863be9a70180ae9ec","scripts":{"svg":"node ./js/processor-svg.js ./assets ./dist/ .config/color-states.json ./showcase ./log","sass":"node ./js/processor-sass.js ./dist/.generated ./sass","build":"npm run clean && tsc --build && npm run copy-json && npm run copy-to-bin","clean":"fse remove ./js && fse remove bin","watch":"tsc --watch","copy-json":"npm run copy-schema-monochrome && npm run copy-schema-multicolor","copy-to-bin":"fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet ./js ./bin","validate.ci":"npm run build","copy-schema-monochrome":"fse copy ./ts/partials-svg/schema-monochrome.json ./js/partials-svg/schema-monochrome.json","copy-schema-multicolor":"fse copy ./ts/partials-svg/schema-multicolor.json ./js/partials-svg/schema-multicolor.json"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.5.2","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"20.13.1","dependencies":{"i":"^0.3.7","ajv":"^8.12.0","glob":"^10.3.10","sass":"~1.72.0","svgo":"^3.2.0","cheerio":"^1.0.0-rc.12","ts-node":"^10.9.2","typescript":"^5.4.4","@types/cheerio":"^0.22.35","json-colorizer":"^2.2.2","@atao60/fse-cli":"^0.1.9","node-localstorage":"^3.0.5"},"_hasShrinkwrap":false,"devDependencies":{"@types/node-localstorage":"^1.3.3"},"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.1_1716388631255_0.646078939908254","host":"s3://npm-registry-packages"}},"1.1.2":{"name":"@genexus/svg-sass-generator","version":"1.1.2","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.2","maintainers":[{"name":"ggallotti","email":"gonzalogallotti@gmail.com"},{"name":"gerasiz","email":"gerasiz@gmail.com"},{"name":"genexusbuilder","email":"builder@genexus.com"},{"name":"anaberta","email":"aberta@genexus.com"},{"name":"dscaffo","email":"dscaffo@genexus.com"}],"bin":{"ssg-svg":"bin/processor-svg.js","ssg-sass":"bin/processor-sass.js"},"dist":{"shasum":"1c84ef21db28d3b0f3ef068e44d7d1c353a7c175","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.2.tgz","fileCount":19,"integrity":"sha512-RIM+y5yThnyYlxEipZqQjRBwD4I1o3DVHBJPUvhqL8j72CfCrEt2JJnGwNXgmdI+OrlZjBKdBdMEWZlR4kxcfw==","signatures":[{"sig":"MEUCIQDXIo1uuAAxk3NeBEeos8T7ShR1rHGvDXA6r/nLD6G5OAIgHysRQDhkv74sNQ6bLylZwxKoeBNZ6mxavrReXl9S4+Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":102792},"main":"index.js","type":"module","engines":{"pnpm":">=3"},"gitHead":"85cdaeb091d098b0e20cd97907f21403521f6dad","scripts":{"svg":"node ./js/processor-svg.js ./source-sample ./dist ./source-sample/my-color-states.json ./showcase ./log","sass":"node ./js/processor-sass.js ./dist ./sass","build":"npm run clean && tsc --build && npm run copy-json && npm run copy-to-bin","clean":"fse remove ./js && fse remove bin","watch":"tsc --watch","copy-json":"npm run copy-schema-monochrome && npm run copy-schema-multicolor","copy-to-bin":"fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet ./js ./bin","validate.ci":"npm run build","copy-schema-monochrome":"fse copy ./ts/partials-svg/schema-monochrome.json ./js/partials-svg/schema-monochrome.json","copy-schema-multicolor":"fse copy ./ts/partials-svg/schema-multicolor.json ./js/partials-svg/schema-multicolor.json"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.5.2","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"20.13.1","dependencies":{"i":"^0.3.7","ajv":"^8.12.0","glob":"^10.3.10","sass":"~1.72.0","svgo":"^3.2.2","cheerio":"^1.0.0-rc.12","ts-node":"^10.9.2","typescript":"^5.4.4","@types/cheerio":"^0.22.35","json-colorizer":"^2.2.2","@atao60/fse-cli":"^0.1.9"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.2_1716919867707_0.5522117137302291","host":"s3://npm-registry-packages"}},"1.1.3":{"name":"@genexus/svg-sass-generator","version":"1.1.3","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.3","maintainers":[{"name":"ggallotti","email":"gonzalogallotti@gmail.com"},{"name":"gerasiz","email":"gerasiz@gmail.com"},{"name":"genexusbuilder","email":"builder@genexus.com"},{"name":"anaberta","email":"aberta@genexus.com"},{"name":"dscaffo","email":"dscaffo@genexus.com"}],"bin":{"ssg-svg":"bin/processor-svg.js","ssg-sass":"bin/processor-sass.js"},"dist":{"shasum":"e379e1f5ec5d6dddfcbf4d541129d00c4a4e8235","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.3.tgz","fileCount":19,"integrity":"sha512-rNUQDhhKA0CzNNGPjr0qSxPrjxUApzwfQX4IJuI08FhsMITsqrAYKs5AVj01Kbbz2DFinC+EtEEPk2KQyeIn6A==","signatures":[{"sig":"MEQCIFT5MEeK3Wte9PVMma3J2kVoavga/Cv8kVKlZocszLrVAiAH4B/hY4tgJz6+M71IeNe5cYmcbUKkOjxXII/bMnr12w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103142},"main":"index.js","type":"module","engines":{"pnpm":">=3"},"gitHead":"252d152f5ced7fec67c5e11700d333b6aeefbd76","scripts":{"svg":"node ./js/processor-svg.js ./source-sample ./dist ./source-sample/my-color-states.json ./showcase ./log","sass":"node ./js/processor-sass.js dist sass","build":"npm run clean && tsc --build && npm run copy-json && npm run copy-to-bin","clean":"fse remove ./js && fse remove bin","watch":"tsc --watch","copy-json":"npm run copy-schema-monochrome && npm run copy-schema-multicolor","copy-to-bin":"fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet ./js ./bin","validate.ci":"npm run build","copy-schema-monochrome":"fse copy ./ts/partials-svg/schema-monochrome.json ./js/partials-svg/schema-monochrome.json","copy-schema-multicolor":"fse copy ./ts/partials-svg/schema-multicolor.json ./js/partials-svg/schema-multicolor.json"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.5.2","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"20.13.1","dependencies":{"i":"^0.3.7","ajv":"^8.12.0","glob":"^10.3.10","sass":"~1.72.0","svgo":"^3.2.2","cheerio":"^1.0.0-rc.12","ts-node":"^10.9.2","typescript":"^5.4.4","@types/cheerio":"^0.22.35","json-colorizer":"^2.2.2","@atao60/fse-cli":"^0.1.9"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.3_1717515400296_0.595005584474726","host":"s3://npm-registry-packages"}},"1.1.4":{"name":"@genexus/svg-sass-generator","version":"1.1.4","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.4","maintainers":[{"name":"ggallotti","email":"gonzalogallotti@gmail.com"},{"name":"gerasiz","email":"gerasiz@gmail.com"},{"name":"genexusbuilder","email":"builder@genexus.com"},{"name":"anaberta","email":"aberta@genexus.com"},{"name":"dscaffo","email":"dscaffo@genexus.com"}],"bin":{"ssg-svg":"bin/processor-svg.js","ssg-sass":"bin/processor-sass.js"},"dist":{"shasum":"b33556c499742ccf63100fd52532e1b837a20401","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.4.tgz","fileCount":19,"integrity":"sha512-L8zD+PyRhK6LhbNuuphYD8UkgfRwDsLhLu7kIG+t36KWRiRx4GDPXyhmyui2PE0ejxV8KobzHCYwKdHDMukfbw==","signatures":[{"sig":"MEUCICZgE8Ugj6JxVK7KDN7LchiyXMog4YQHI7ViusfooRhkAiEA8FQjnbkM4x7WHq25YgeBPdZAHSBWRa9Q0PA2y4UhOBw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103142},"main":"index.js","type":"module","engines":{"pnpm":">=3"},"gitHead":"c147a66edcc069aebc73e81aec467f821700268c","scripts":{"svg":"node ./js/processor-svg.js ./source-sample ./dist ./source-sample/my-color-states.json ./showcase ./log","sass":"node ./js/processor-sass.js dist sass","build":"npm run clean && tsc --build && npm run copy-json && npm run copy-to-bin","clean":"fse remove ./js && fse remove bin","watch":"tsc --watch","copy-json":"npm run copy-schema-monochrome && npm run copy-schema-multicolor","copy-to-bin":"fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet ./js ./bin","validate.ci":"npm run build","copy-schema-monochrome":"fse copy ./ts/partials-svg/schema-monochrome.json ./js/partials-svg/schema-monochrome.json","copy-schema-multicolor":"fse copy ./ts/partials-svg/schema-multicolor.json ./js/partials-svg/schema-multicolor.json"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.5.2","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"20.13.1","dependencies":{"i":"^0.3.7","ajv":"^8.12.0","glob":"^10.3.10","sass":"~1.72.0","svgo":"^3.2.2","cheerio":"^1.0.0-rc.12","ts-node":"^10.9.2","typescript":"^5.4.4","@types/cheerio":"^0.22.35","json-colorizer":"^2.2.2","@atao60/fse-cli":"^0.1.9"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.4_1717610664342_0.22540501903678645","host":"s3://npm-registry-packages"}},"1.1.5":{"name":"@genexus/svg-sass-generator","version":"1.1.5","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.5","maintainers":[{"name":"ggallotti","email":"gonzalogallotti@gmail.com"},{"name":"gerasiz","email":"gerasiz@gmail.com"},{"name":"genexusbuilder","email":"builder@genexus.com"},{"name":"anaberta","email":"aberta@genexus.com"},{"name":"dscaffo","email":"dscaffo@genexus.com"}],"bin":{"ssg-svg":"bin/processor-svg.js","ssg-sass":"bin/processor-sass.js"},"dist":{"shasum":"d32bd7938a56eda5cff454f216b4d0104035a99e","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.5.tgz","fileCount":19,"integrity":"sha512-lhoKGCmLBgl5Drr6IUiteD04DaQbLuKtEWSwuacHp1+WfljEk48ClZj5Cl7TU5LAkeONhTnSsyCUbDF+QowjhA==","signatures":[{"sig":"MEQCIAdlebhBfElN+mx455r8YAK/7ZZ5cPMId5umTg8X/yiMAiBujTlC3yHByfIIxk9BFAmtoYFUjQuDoK44i2vwSCQgtA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103251},"main":"index.js","type":"module","engines":{"pnpm":">=3"},"gitHead":"66f9a4305781eea193200d970b03041b5b0a718f","scripts":{"svg":"node ./js/processor-svg.js ./source-sample ./dist ./source-sample/my-color-states.json ./showcase ./log","sass":"node ./js/processor-sass.js dist sass","build":"npm run clean && tsc --build && npm run copy-json && npm run copy-to-bin","clean":"fse remove ./js && fse remove bin","watch":"tsc --watch","copy-json":"npm run copy-schema-monochrome && npm run copy-schema-multicolor","copy-to-bin":"fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet ./js ./bin","validate.ci":"npm run build","copy-schema-monochrome":"fse copy ./ts/partials-svg/schema-monochrome.json ./js/partials-svg/schema-monochrome.json","copy-schema-multicolor":"fse copy ./ts/partials-svg/schema-multicolor.json ./js/partials-svg/schema-multicolor.json"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.7.0","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"20.14.0","dependencies":{"i":"^0.3.7","ajv":"^8.12.0","glob":"^10.3.10","sass":"~1.72.0","svgo":"^3.2.2","cheerio":"^1.0.0-rc.12","ts-node":"^10.9.2","typescript":"^5.4.4","@types/cheerio":"^0.22.35","json-colorizer":"^2.2.2","@atao60/fse-cli":"^0.1.9"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.5_1718134134877_0.42770620908128354","host":"s3://npm-registry-packages"}},"1.1.6":{"name":"@genexus/svg-sass-generator","version":"1.1.6","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.6","maintainers":[{"name":"ggallotti","email":"gonzalogallotti@gmail.com"},{"name":"gerasiz","email":"gerasiz@gmail.com"},{"name":"genexusbuilder","email":"builder@genexus.com"},{"name":"anaberta","email":"aberta@genexus.com"},{"name":"dscaffo","email":"dscaffo@genexus.com"}],"bin":{"ssg-svg":"bin/processor-svg.js","ssg-sass":"bin/processor-sass.js"},"dist":{"shasum":"50ee6086f036ac58edb893fa3e159ee094eb3418","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.6.tgz","fileCount":19,"integrity":"sha512-WBYOMd/l402OgC6h3lYnTPmgtcuW9ThL5cM0YZc1dmWkTfZrFtoJm7hAUTVLMdC2YB+A5OOLI3bAXhagqQmihQ==","signatures":[{"sig":"MEQCIHwpfp5Xie/Sx4b84dHJqAS/cyE9AuYHQArJJ3g9riNBAiBfoxFCrVeRz7GnfYdypJ0EAOwsUDzV/OvXE9L7d9VxBg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103672},"main":"index.js","type":"module","engines":{"pnpm":">=3"},"gitHead":"9d797b2d6458ad593f4112486591a06c4aa80a42","scripts":{"svg":"node ./js/processor-svg.js ./source-sample ./dist ./source-sample/my-color-states.json ./showcase ./log","sass":"node ./js/processor-sass.js dist sass","build":"npm run clean && tsc --build && npm run copy-json && npm run copy-to-bin","clean":"fse remove ./js && fse remove bin","watch":"tsc --watch","copy-json":"npm run copy-schema-monochrome && npm run copy-schema-multicolor","copy-to-bin":"fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet ./js ./bin","validate.ci":"npm run build","copy-schema-monochrome":"fse copy ./ts/partials-svg/schema-monochrome.json ./js/partials-svg/schema-monochrome.json","copy-schema-multicolor":"fse copy ./ts/partials-svg/schema-multicolor.json ./js/partials-svg/schema-multicolor.json"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.7.0","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"20.14.0","dependencies":{"i":"^0.3.7","ajv":"^8.12.0","glob":"^10.3.10","sass":"~1.72.0","svgo":"^3.2.2","cheerio":"^1.0.0-rc.12","ts-node":"^10.9.2","typescript":"^5.4.4","@types/cheerio":"^0.22.35","json-colorizer":"^2.2.2","@atao60/fse-cli":"^0.1.9"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.6_1718149766500_0.15652435697747213","host":"s3://npm-registry-packages"}},"1.1.7":{"name":"@genexus/svg-sass-generator","version":"1.1.7","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.7","maintainers":[{"name":"ggallotti","email":"gonzalogallotti@gmail.com"},{"name":"gerasiz","email":"gerasiz@gmail.com"},{"name":"genexusbuilder","email":"builder@genexus.com"},{"name":"anaberta","email":"aberta@genexus.com"},{"name":"dscaffo","email":"dscaffo@genexus.com"}],"bin":{"ssg-svg":"bin/processor-svg.js","ssg-sass":"bin/processor-sass.js"},"dist":{"shasum":"cc5589074e47721098e5ee479715aa7096e5251b","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.7.tgz","fileCount":20,"integrity":"sha512-I8wAyjudQIn6QfIBa5pFC9bJajZ5goRHhMUP/HBDD2RwDahZtGhexoRRntfQwXoLYRBzgDsIITzuwxwzZXfAgw==","signatures":[{"sig":"MEQCIANza/DiA+PZwoXDH5jlsmXLiuJUigQ7UHsxNNbeD4bEAiASK1SnU+9Tnd/o/vK7QzvN2cG2XvsZAI1iNyFuRtuLrw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106830},"main":"index.js","type":"module","engines":{"pnpm":">=3"},"gitHead":"60a07c86ad349532fc4a343fa367fb3f21edfdd7","scripts":{"svg":"node ./js/processor-svg.js ./source-sample ./dist ./source-sample/my-color-states.json ./showcase ./log","sass":"node ./js/processor-sass.js dist sass","build":"npm run clean && tsc --build && npm run copy-json && npm run copy-to-bin","clean":"fse remove ./js && fse remove bin","watch":"tsc --watch","copy-json":"npm run copy-schema-monochrome && npm run copy-schema-multicolor","copy-to-bin":"fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet ./js ./bin","validate.ci":"npm run build","copy-schema-monochrome":"fse copy ./ts/partials-svg/schema-monochrome.json ./js/partials-svg/schema-monochrome.json","copy-schema-multicolor":"fse copy ./ts/partials-svg/schema-multicolor.json ./js/partials-svg/schema-multicolor.json"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.7.0","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"20.14.0","dependencies":{"i":"^0.3.7","ajv":"^8.12.0","glob":"^10.3.10","sass":"~1.72.0","svgo":"^3.2.2","cheerio":"^1.0.0-rc.12","ts-node":"^10.9.2","typescript":"^5.4.4","@types/cheerio":"^0.22.35","json-colorizer":"^2.2.2","@atao60/fse-cli":"^0.1.9"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.7_1718306217728_0.8174487430853938","host":"s3://npm-registry-packages"}},"1.1.8":{"name":"@genexus/svg-sass-generator","version":"1.1.8","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.8","maintainers":[{"name":"ggallotti","email":"gonzalogallotti@gmail.com"},{"name":"gerasiz","email":"gerasiz@gmail.com"},{"name":"genexusbuilder","email":"builder@genexus.com"},{"name":"anaberta","email":"aberta@genexus.com"},{"name":"dscaffo","email":"dscaffo@genexus.com"}],"bin":{"ssg-svg":"bin/processor-svg.js","ssg-sass":"bin/processor-sass.js"},"dist":{"shasum":"f3e7b61809109b09f6dd9411ca64d56e3b6c7f30","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.8.tgz","fileCount":20,"integrity":"sha512-Gix4gUjil6rdz00T7zh3PwfKPKfKuCgQZu1mWkJxZErk+es/Eu5UnbmfkGOSijY9FjnSJ2a9soJJqKG20HvabQ==","signatures":[{"sig":"MEUCIQC2mSjVpWMPrYe0ozZ76wHQPlJDAPLBAvZNLxMBVBTCAAIgPvfxx7y51bkbemgc4ZMtp9g6mjSl6/DtDVzJlabkQ2A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":106689},"main":"index.js","type":"module","engines":{"pnpm":">=3"},"gitHead":"a112c3321ae43c00957aeaec3cd91371fccc609c","scripts":{"svg":"node ./js/processor-svg.js source-sample/ dist/_my-generated/ source-sample/my-color-states.json showcase/ ./log/","sass":"node ./js/processor-sass.js dist/ sass/_my-generated/","build":"npm run clean && tsc --build && npm run copy-json && npm run copy-to-bin","clean":"fse remove ./js && fse remove bin","watch":"tsc --watch","copy-json":"npm run copy-schema-monochrome && npm run copy-schema-multicolor","copy-to-bin":"fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet ./js ./bin","validate.ci":"npm run build","copy-schema-monochrome":"fse copy ./ts/partials-svg/schema-monochrome.json ./js/partials-svg/schema-monochrome.json","copy-schema-multicolor":"fse copy ./ts/partials-svg/schema-multicolor.json ./js/partials-svg/schema-multicolor.json"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.7.0","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"20.14.0","dependencies":{"i":"^0.3.7","ajv":"^8.12.0","glob":"^10.3.10","sass":"~1.72.0","svgo":"^3.2.2","cheerio":"^1.0.0-rc.12","ts-node":"^10.9.2","typescript":"^5.4.4","@types/cheerio":"^0.22.35","json-colorizer":"^2.2.2","@atao60/fse-cli":"^0.1.9"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.8_1718623601156_0.8403834071361553","host":"s3://npm-registry-packages"}},"1.1.9":{"name":"@genexus/svg-sass-generator","version":"1.1.9","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.9","maintainers":[{"name":"ggallotti","email":"gonzalogallotti@gmail.com"},{"name":"gerasiz","email":"gerasiz@gmail.com"},{"name":"genexusbuilder","email":"builder@genexus.com"},{"name":"anaberta","email":"aberta@genexus.com"},{"name":"dscaffo","email":"dscaffo@genexus.com"}],"bin":{"ssg-svg":"bin/processor-svg.js","ssg-sass":"bin/processor-sass.js"},"dist":{"shasum":"4638d2b2a628975d7e9564a015e364de92f33d79","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.9.tgz","fileCount":20,"integrity":"sha512-unCZfFNPzCEMx1eG7Zc5ofA0BQUd2a4F9ink2ND+LQ5lXkYfWolz0OVvfD/d/e75qckIXwNXE8hOGfp5WigVBQ==","signatures":[{"sig":"MEUCIQCuxBmb8CwFqeJ50etbDcsFfQBzHOHhQxfmg2UlMHbfWwIgC9V56sTW5SyCWYoofpoP4Gbz8HlNh1qM0zS4k8fpFoc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":112921},"main":"index.js","type":"module","engines":{"pnpm":">=3"},"gitHead":"a0c2444a4336dc2281d967e5d5f2c5cb9cad481a","scripts":{"svg":"node ./js/processor-svg.js source-sample/ dist/_generated/ source-sample/my-color-states.json showcase/ ./log/","sass":"node ./js/processor-sass.js dist/ sass/_generated/ source-sample/my-color-states.json","build":"npm run clean && tsc --build && npm run copy-json && npm run copy-to-bin","clean":"fse remove ./js && fse remove bin","watch":"tsc --watch","copy-json":"npm run copy-schema-monochrome && npm run copy-schema-multicolor","test-mixin":"sass ./tests/tests.scss ./tests/tests.css","copy-to-bin":"fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet ./js ./bin","validate.ci":"npm run build","copy-schema-monochrome":"fse copy ./ts/partials-svg/schema-monochrome.json ./js/partials-svg/schema-monochrome.json","copy-schema-multicolor":"fse copy ./ts/partials-svg/schema-multicolor.json ./js/partials-svg/schema-multicolor.json"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.7.0","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"20.14.0","dependencies":{"i":"^0.3.7","ajv":"^8.12.0","glob":"^10.3.10","sass":"~1.72.0","svgo":"^3.2.2","cheerio":"^1.0.0-rc.12","ts-node":"^10.9.2","typescript":"^5.4.4","@types/cheerio":"^0.22.35","json-colorizer":"^2.2.2","@atao60/fse-cli":"^0.1.9"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.9_1718645184939_0.15439590185600172","host":"s3://npm-registry-packages"}},"1.1.10":{"name":"@genexus/svg-sass-generator","version":"1.1.10","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.10","maintainers":[{"name":"ggallotti","email":"gonzalogallotti@gmail.com"},{"name":"gerasiz","email":"gerasiz@gmail.com"},{"name":"genexusbuilder","email":"builder@genexus.com"},{"name":"anaberta","email":"aberta@genexus.com"},{"name":"dscaffo","email":"dscaffo@genexus.com"}],"bin":{"ssg-svg":"bin/processor-svg.js","ssg-sass":"bin/processor-sass.js"},"dist":{"shasum":"6aa1d869db887d18a9f2f1db65b1b1ced11f5f95","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.10.tgz","fileCount":20,"integrity":"sha512-XITFqx9q1xwtpLlZ98Pwv3oYoJdswSB5Ycb3NGYndqtSRTDQDcCOp3m09E/f0i5nCOYes3i7b0WtfJ2t2HUA9w==","signatures":[{"sig":"MEUCIQCtgKfqOr20NfBYWVD40zlDfUKaPXirLjaHlnhU89qGLgIgae48hH0KwEd5vPQMDfqkrKqH5uapRy2vex4QAN0wtgI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":112922},"main":"index.js","type":"module","engines":{"pnpm":">=3"},"gitHead":"96528b4dd772d0e54b0f27885e89dfc2ab8fbb5d","scripts":{"svg":"node ./js/processor-svg.js source-sample/ dist/_generated/ source-sample/my-color-states.json showcase/ ./log/","sass":"node ./js/processor-sass.js dist/ sass/_generated/ source-sample/my-color-states.json","build":"npm run clean && tsc --build && npm run copy-json && npm run copy-to-bin","clean":"fse remove ./js && fse remove bin","watch":"tsc --watch","copy-json":"npm run copy-schema-monochrome && npm run copy-schema-multicolor","test-mixin":"sass ./tests/tests.scss ./tests/tests.css","copy-to-bin":"fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet ./js ./bin","validate.ci":"npm run build","copy-schema-monochrome":"fse copy ./ts/partials-svg/schema-monochrome.json ./js/partials-svg/schema-monochrome.json","copy-schema-multicolor":"fse copy ./ts/partials-svg/schema-multicolor.json ./js/partials-svg/schema-multicolor.json"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.7.0","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"20.14.0","dependencies":{"i":"^0.3.7","ajv":"^8.12.0","glob":"^10.3.10","sass":"~1.72.0","svgo":"^3.2.2","cheerio":"^1.0.0-rc.12","ts-node":"^10.9.2","typescript":"^5.4.4","@types/cheerio":"^0.22.35","json-colorizer":"^2.2.2","@atao60/fse-cli":"^0.1.9"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.10_1718655449259_0.14169629889291668","host":"s3://npm-registry-packages"}},"1.1.11":{"name":"@genexus/svg-sass-generator","version":"1.1.11","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.11","maintainers":[{"name":"ggallotti","email":"gonzalogallotti@gmail.com"},{"name":"gerasiz","email":"gerasiz@gmail.com"},{"name":"genexusbuilder","email":"builder@genexus.com"},{"name":"anaberta","email":"aberta@genexus.com"},{"name":"dscaffo","email":"dscaffo@genexus.com"}],"bin":{"ssg-svg":"bin/processor-svg.js","ssg-sass":"bin/processor-sass.js"},"dist":{"shasum":"c858299c7b8f94715aecad6dd20cd7848eca20f6","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.11.tgz","fileCount":20,"integrity":"sha512-zskBu6dWPGDvN01ZM6CUA3DeeHDRk37xCUy7+J3r8rFTF+4fF8L/BYH17bDqR7/e9xyvivf5gERlLRbH/sNdRg==","signatures":[{"sig":"MEQCIEUmYdILa373rdgH+Zzx0Y2rCvnVOyn0d2x4F67e24BvAiAPdWiTo1N/SmnuEYuPJ1jZhiZzapTy3ebnl5Nn93Kf+g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":113469},"main":"index.js","type":"module","engines":{"pnpm":">=3"},"gitHead":"cf636981877c7e7b9351e755693c5349684d31e5","scripts":{"svg":"node ./js/processor-svg.js source-sample/ dist/_generated/ source-sample/my-color-states.json showcase/ ./log/","sass":"node ./js/processor-sass.js dist/ sass/_generated/ source-sample/my-color-states.json","build":"npm run clean && tsc --build && npm run copy-json && npm run copy-to-bin","clean":"fse remove ./js && fse remove bin","watch":"tsc --watch","copy-json":"npm run copy-schema-monochrome && npm run copy-schema-multicolor","test-mixin":"sass ./tests/tests.scss ./tests/tests.css","copy-to-bin":"fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet ./js ./bin","validate.ci":"npm run build","copy-schema-monochrome":"fse copy ./ts/partials-svg/schema-monochrome.json ./js/partials-svg/schema-monochrome.json","copy-schema-multicolor":"fse copy ./ts/partials-svg/schema-multicolor.json ./js/partials-svg/schema-multicolor.json"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.7.0","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"20.14.0","dependencies":{"i":"^0.3.7","ajv":"^8.12.0","glob":"^10.3.10","sass":"~1.72.0","svgo":"^3.2.2","cheerio":"^1.0.0-rc.12","ts-node":"^10.9.2","typescript":"^5.4.4","@types/cheerio":"^0.22.35","json-colorizer":"^2.2.2","@atao60/fse-cli":"^0.1.9"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.11_1718745286894_0.3448322695633228","host":"s3://npm-registry-packages"}},"1.1.12":{"name":"@genexus/svg-sass-generator","version":"1.1.12","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.12","bin":{"ssg-svg":"bin/processor-svg.js","ssg-sass":"bin/processor-sass.js"},"dist":{"shasum":"c1f12b667fe8db483d94c6e5bdf3d27d97973581","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.12.tgz","fileCount":21,"integrity":"sha512-T1UBnGBlL5rhvZ2M3pbjQSphNlfsj6KKSvVn+WL7O1E4VVI1NEeD/6ubf7mrFTs5RqsMqWT7xKkCwQBrnbnhqw==","signatures":[{"sig":"MEUCIQDp9dDR/HQALM+b3F20het+lR8FijdYFpz4ZuR+qPpKmAIgLDMOIPrnbi4Gz3oz4GxiFksgge1BWQ0yLlaT2ZGZ/tI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121668},"main":"index.js","type":"module","engines":{"pnpm":">=3"},"gitHead":"aefbe703add495098cead2d42747b06269172419","scripts":{"svg":"node ./js/processor-svg.js source-sample/ dist/_generated/ source-sample/my-color-states.json showcase/ ./log/ object/ICONS_ASSETS.js","sass":"node ./js/processor-sass.js dist/ sass/_generated/ source-sample/my-color-states.json","build":"npm run clean && tsc --build && npm run copy-json && npm run copy-to-bin","clean":"fse remove ./js && fse remove bin","watch":"tsc --watch","object":"node ./js/processor-object.js dist/ object/","copy-json":"npm run copy-schema-monochrome && npm run copy-schema-multicolor","test-mixin":"sass ./tests/tests.scss ./tests/tests.css","copy-to-bin":"fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet ./js ./bin","validate.ci":"npm run build","copy-schema-monochrome":"fse copy ./ts/partials-svg/schema-monochrome.json ./js/partials-svg/schema-monochrome.json","copy-schema-multicolor":"fse copy ./ts/partials-svg/schema-multicolor.json ./js/partials-svg/schema-multicolor.json"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.7.0","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"20.14.0","dependencies":{"i":"^0.3.7","ajv":"^8.12.0","glob":"^10.3.10","sass":"~1.72.0","svgo":"^3.2.2","cheerio":"^1.0.0-rc.12","ts-node":"^10.9.2","typescript":"^5.4.4","@types/cheerio":"^0.22.35","json-colorizer":"^2.2.2","@atao60/fse-cli":"^0.1.9","stringify-object":"^5.0.0","@types/stringify-object":"^4.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.12_1719176140487_0.44407974551837937","host":"s3://npm-registry-packages"}},"1.1.13":{"name":"@genexus/svg-sass-generator","version":"1.1.13","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.13","bin":{"ssg-svg":"bin/processor-svg.js","ssg-sass":"bin/processor-sass.js"},"dist":{"shasum":"91afe29a53ea0dcbcb35caad83eaa9caafecda8d","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.13.tgz","fileCount":21,"integrity":"sha512-o/1V8XuxGi59J5aTviKr+c1cmn8shmqxozM6ltDmCI61oevOETKnvQpeWSk8EAlR3xrMNEwYz7yAt61RXBV43g==","signatures":[{"sig":"MEYCIQCmA0WBsjtDt/4HELS5nDtbaREs6I/wpHcwn8mup5Td5wIhAPClwt15d/qpEAY4+elF6XCQd8VCLIY8VtRRrfYhR37k","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":122622},"main":"index.js","type":"module","engines":{"pnpm":">=3"},"gitHead":"09524896bfcec851f24491af87cf8f3c7c6f670e","scripts":{"svg":"node ./js/processor-svg.js --srcDir=source-sample/ --outDir=dist/_generated/ --configFilePath=source-sample/my-color-states.json --showcaseDir=showcase/ --showcaseBaseHref=../dist/_generated/ --logDir=log/ --objectFilePath=object/ICONS_ASSETS.js","sass":"node ./js/processor-sass.js dist/ sass/_generated/ source-sample/my-color-states.json","build":"npm run clean && tsc --build && npm run copy-json && npm run copy-to-bin","clean":"fse remove ./js && fse remove bin","watch":"tsc --watch","copy-json":"npm run copy-schema-monochrome && npm run copy-schema-multicolor","test-mixin":"sass ./tests/tests.scss ./tests/tests.css","copy-to-bin":"fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet ./js ./bin","validate.ci":"npm run build","copy-schema-monochrome":"fse copy ./ts/partials-svg/schema-monochrome.json ./js/partials-svg/schema-monochrome.json","copy-schema-multicolor":"fse copy ./ts/partials-svg/schema-multicolor.json ./js/partials-svg/schema-multicolor.json"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.7.0","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"20.14.0","dependencies":{"i":"^0.3.7","ajv":"^8.12.0","glob":"^10.3.10","sass":"~1.72.0","svgo":"^3.2.2","cheerio":"^1.0.0-rc.12","ts-node":"^10.9.2","minimist":"^1.2.8","typescript":"^5.4.4","@types/cheerio":"^0.22.35","json-colorizer":"^2.2.2","@atao60/fse-cli":"^0.1.9","@types/minimist":"^1.2.5","stringify-object":"^5.0.0","@types/stringify-object":"^4.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.13_1719189445825_0.061806935991634004","host":"s3://npm-registry-packages"}},"1.1.14":{"name":"@genexus/svg-sass-generator","version":"1.1.14","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.14","bin":{"ssg-svg":"bin/processor-svg.js","ssg-sass":"bin/processor-sass.js"},"dist":{"shasum":"c1159726a550b294020e56d1c8ae736fa1a3b8de","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.14.tgz","fileCount":21,"integrity":"sha512-RpbnQbIl+IkoDPIGrscnKfJTc/xc/L6RceD8oxW2UmvV2PoHetVraN+vyQIyQx2Oi1ospqz3VHYSVHLjesCuhQ==","signatures":[{"sig":"MEUCIQDZ+P8QH13urNOuFnWVrNJNoACFtk3UZi1avrNVLdyP+QIgRTjEusodJt72JkcVDrowjft2+lvCsWs5DUmjNOTRtFU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":122109},"main":"index.js","type":"module","engines":{"pnpm":">=3"},"gitHead":"7bff386f85d62378561c57fae68f791a1c516672","scripts":{"svg":"node ./js/processor-svg.js --srcDir=source-sample/ --outDir=dist/_generated/ --configFilePath=source-sample/my-color-states.json --showcaseDir=showcase/ --showcaseBaseHref=../dist/_generated/ --logDir=log/ --objectFilePath=object/ICONS_ASSETS.js","sass":"node ./js/processor-sass.js dist/ sass/_generated/ source-sample/my-color-states.json","build":"npm run clean && tsc --build && npm run copy-json && npm run copy-to-bin","clean":"fse remove ./js && fse remove bin","watch":"tsc --watch","copy-json":"npm run copy-schema-monochrome && npm run copy-schema-multicolor","test-mixin":"sass ./tests/tests.scss ./tests/tests.css","copy-to-bin":"fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet ./js ./bin","validate.ci":"npm run build","copy-schema-monochrome":"fse copy ./ts/partials-svg/schema-monochrome.json ./js/partials-svg/schema-monochrome.json","copy-schema-multicolor":"fse copy ./ts/partials-svg/schema-multicolor.json ./js/partials-svg/schema-multicolor.json"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.7.0","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"20.14.0","dependencies":{"i":"^0.3.7","ajv":"^8.12.0","glob":"^10.3.10","sass":"~1.72.0","svgo":"^3.2.2","cheerio":"^1.0.0-rc.12","ts-node":"^10.9.2","minimist":"^1.2.8","typescript":"^5.4.4","@types/cheerio":"^0.22.35","json-colorizer":"^2.2.2","@atao60/fse-cli":"^0.1.9","@types/minimist":"^1.2.5","stringify-object":"^5.0.0","@types/stringify-object":"^4.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.14_1719292643304_0.11538969364151797","host":"s3://npm-registry-packages"}},"1.1.15":{"name":"@genexus/svg-sass-generator","version":"1.1.15","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.15","bin":{"ssg-svg":"bin/processor-svg.js","ssg-sass":"bin/processor-sass.js"},"dist":{"shasum":"0ab0beb9d177edd82377642df95a74ba2253b324","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.15.tgz","fileCount":21,"integrity":"sha512-Fl8boO6ltvuJdvMIdk2iHsrWkSdwwopb03Ek34fE83T0aYjnuCnWG6TRCAPRnId31pKmANK6eni+2RDXS1co9A==","signatures":[{"sig":"MEYCIQCe2kqDDVwTXzXohFvegFZL7dIUahwT85CkcCL3kDm6ugIhAOC9gnrzLAK0A2AOEVF2vHgiZcX1ZkU78mbbiGToLoG9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":122259},"main":"index.js","type":"module","engines":{"pnpm":">=3"},"gitHead":"fb8d07c3da8d505ed8c259d7981e2c74c18348e6","scripts":{"svg":"node ./js/processor-svg.js --srcDir=source-sample/ --outDir=dist/_generated/ --configFilePath=source-sample/my-color-states.json --showcaseDir=showcase/ --showcaseBaseHref=../dist/_generated/ --logDir=log/ --objectFilePath=object/ICONS_ASSETS.js","sass":"node ./js/processor-sass.js dist/ sass/_generated/ source-sample/my-color-states.json","build":"npm run clean && tsc --build && npm run copy-json && npm run copy-to-bin","clean":"fse remove ./js && fse remove bin","watch":"tsc --watch","copy-json":"npm run copy-schema-monochrome && npm run copy-schema-multicolor","test-mixin":"sass ./tests/tests.scss ./tests/tests.css","copy-to-bin":"fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet ./js ./bin","validate.ci":"npm run build","copy-schema-monochrome":"fse copy ./ts/partials-svg/schema-monochrome.json ./js/partials-svg/schema-monochrome.json","copy-schema-multicolor":"fse copy ./ts/partials-svg/schema-multicolor.json ./js/partials-svg/schema-multicolor.json"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.7.0","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"20.14.0","dependencies":{"i":"^0.3.7","ajv":"^8.12.0","glob":"^10.3.10","sass":"~1.72.0","svgo":"^3.2.2","cheerio":"^1.0.0-rc.12","ts-node":"^10.9.2","minimist":"^1.2.8","typescript":"^5.4.4","@types/cheerio":"^0.22.35","json-colorizer":"^2.2.2","@atao60/fse-cli":"^0.1.9","@types/minimist":"^1.2.5","stringify-object":"^5.0.0","@types/stringify-object":"^4.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.15_1719296120841_0.9506337765204524","host":"s3://npm-registry-packages"}},"1.1.16":{"name":"@genexus/svg-sass-generator","version":"1.1.16","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.16","maintainers":[{"name":"ggallotti","email":"gonzalogallotti@gmail.com"},{"name":"gerasiz","email":"gerasiz@gmail.com"},{"name":"genexusbuilder","email":"builder@genexus.com"},{"name":"anaberta","email":"aberta@genexus.com"},{"name":"dscaffo","email":"dscaffo@genexus.com"}],"bin":{"ssg-svg":"bin/processor-svg.js","ssg-sass":"bin/processor-sass.js"},"dist":{"shasum":"01667c5f414890c4acc9503d381b14a5605ad527","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.16.tgz","fileCount":21,"integrity":"sha512-S8sijcglTAk6JtUJqBVat2Kq18T4FFFJB223i63e2dBalLFgg0nQ0s64opNaI0YgZ2odr0A8/xuvrsABhSatJA==","signatures":[{"sig":"MEUCIQCGZjl95bt80ZUggX3ZZ60lrf056quW59WwKyuCixgk6QIgZTj/2iF1FwkgBBcmvEsBzmNNl2E49nb2tStoF3Y2WvQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":122622},"main":"index.js","type":"module","engines":{"pnpm":">=3"},"gitHead":"678d793887420c3ec5595df645f4d737b479dad2","scripts":{"svg":"node ./js/processor-svg.js --srcDir=source-sample/ --outDir=dist/_generated/ --configFilePath=source-sample/my-color-states.json --showcaseDir=showcase/ --showcaseBaseHref=../dist/_generated/ --logDir=log/ --objectFilePath=object/ICONS_ASSETS.js","sass":"node ./js/processor-sass.js dist/ sass/_generated/ source-sample/my-color-states.json","build":"npm run clean && tsc --build && npm run copy-json && npm run copy-to-bin","clean":"fse remove ./js && fse remove bin","watch":"tsc --watch","copy-json":"npm run copy-schema-monochrome && npm run copy-schema-multicolor","test-mixin":"sass ./tests/tests.scss ./tests/tests.css","copy-to-bin":"fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet ./js ./bin","validate.ci":"npm run build","copy-schema-monochrome":"fse copy ./ts/partials-svg/schema-monochrome.json ./js/partials-svg/schema-monochrome.json","copy-schema-multicolor":"fse copy ./ts/partials-svg/schema-multicolor.json ./js/partials-svg/schema-multicolor.json"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.7.0","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"20.15.0","dependencies":{"i":"^0.3.7","ajv":"^8.12.0","glob":"^10.3.10","sass":"~1.72.0","svgo":"^3.2.2","cheerio":"^1.0.0-rc.12","ts-node":"^10.9.2","minimist":"^1.2.8","typescript":"^5.4.4","@types/cheerio":"^0.22.35","json-colorizer":"^2.2.2","@atao60/fse-cli":"^0.1.9","@types/minimist":"^1.2.5","stringify-object":"^5.0.0","@types/stringify-object":"^4.0.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.16_1720535321999_0.9560780623728851","host":"s3://npm-registry-packages"}},"1.1.17":{"name":"@genexus/svg-sass-generator","version":"1.1.17","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.17","maintainers":[{"name":"ggallotti","email":"gonzalogallotti@gmail.com"},{"name":"gerasiz","email":"gerasiz@gmail.com"},{"name":"genexusbuilder","email":"builder@genexus.com"},{"name":"anaberta","email":"aberta@genexus.com"},{"name":"dscaffo","email":"dscaffo@genexus.com"}],"bin":{"ssg-svg":"bin/processor-svg.js","ssg-sass":"bin/processor-sass.js"},"dist":{"shasum":"f98e0c1f62f9d527393ffda008ccaa97e0fa0c79","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.17.tgz","fileCount":21,"integrity":"sha512-sbKebnMpKXzdliIhZFdzyM30/rpOSLXRmZVY2O30EJZg2iZmqSl3ol5mAnf9cSMl/ZyUpgHiClIAMfyKAbF2bg==","signatures":[{"sig":"MEUCIQCp5Ikk1tsziT3/reJx2W3TwqoSyfxGfeMfv8ijXnwpoQIgLQoUFn46/XON3ayMMLDpocFhroFlPsK9b3lwjxGWX+4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":123085},"main":"index.js","type":"module","engines":{"pnpm":">=3"},"gitHead":"4685ca9e0578820f6fbc718a4503df5bdecb9e4d","scripts":{"svg":"node ./js/processor-svg.js --srcDir=source-sample/ --outDir=dist/_generated/ --configFilePath=source-sample/my-color-states.json --showcaseDir=showcase/ --showcaseBaseHref=../dist/_generated/ --logDir=log/ --objectFilePath=object/ICONS_ASSETS.js","sass":"node ./js/processor-sass.js --srcDir=dist/ --outDir=sass/_generated/ --configFilePath=source-sample/my-color-states.json --vendorAlias=ibm","build":"npm run clean && tsc --build && npm run copy-json && npm run copy-to-bin","clean":"fse remove ./js && fse remove bin","watch":"tsc --watch","copy-json":"npm run copy-schema-monochrome && npm run copy-schema-multicolor","test-mixin":"sass ./tests/tests.scss ./tests/tests.css","copy-to-bin":"fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet ./js ./bin","validate.ci":"npm run build","copy-schema-monochrome":"fse copy ./ts/partials-svg/schema-monochrome.json ./js/partials-svg/schema-monochrome.json","copy-schema-multicolor":"fse copy ./ts/partials-svg/schema-multicolor.json ./js/partials-svg/schema-multicolor.json"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.7.0","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"20.15.0","dependencies":{"i":"^0.3.7","ajv":"^8.12.0","glob":"^10.3.10","sass":"~1.72.0","svgo":"^3.2.2","cheerio":"^1.0.0-rc.12","ts-node":"^10.9.2","minimist":"^1.2.8","typescript":"^5.4.4","json-colorizer":"^2.2.2","@atao60/fse-cli":"^0.1.9","stringify-object":"^5.0.0"},"_hasShrinkwrap":false,"devDependencies":{"@types/cheerio":"^0.22.35","@types/minimist":"^1.2.5","@types/stringify-object":"^4.0.5"},"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.17_1720807919224_0.061592886959900506","host":"s3://npm-registry-packages"}},"1.1.18":{"name":"@genexus/svg-sass-generator","version":"1.1.18","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.18","maintainers":[{"name":"ggallotti","email":"gonzalogallotti@gmail.com"},{"name":"gerasiz","email":"gerasiz@gmail.com"},{"name":"genexusbuilder","email":"builder@genexus.com"},{"name":"anaberta","email":"aberta@genexus.com"},{"name":"dscaffo","email":"dscaffo@genexus.com"}],"bin":{"ssg-svg":"bin/processor-svg.js","ssg-sass":"bin/processor-sass.js"},"dist":{"shasum":"38cee20eb5d8951e85fc7e1ceb9a73f070d4fc6c","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.18.tgz","fileCount":21,"integrity":"sha512-/ajmOzB7D8M0JLJQ48ECQ/jO5ZPvZOisolOSp3/oaK4orM8Bwvf402rdr/VSx27rYM5aGMXqOeSucGHq4qpWsw==","signatures":[{"sig":"MEQCIBkAnzx/AETJ6RWKUOhDESCfnNr470+Cx7fQaD585XfgAiB7+ht5tJ94J3ljToR8gaHPBICK+stYqTA/SQgWu9zcgw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":120839},"main":"index.js","type":"module","engines":{"pnpm":">=3"},"gitHead":"7eac4f4a89217bbbb5a5175f18a5c7756ffb5ee0","scripts":{"svg":"node ./js/processor-svg.js --srcDir=source-sample/ --outDir=dist/_generated/ --configFilePath=source-sample/my-color-states.json --showcaseDir=showcase/ --showcaseBaseHref=../dist/_generated/ --logDir=log/ --objectFilePath=object/ICONS_ASSETS.js","sass":"node ./js/processor-sass.js --srcDir=dist/ --outDir=sass/_generated/ --configFilePath=source-sample/my-color-states.json --vendorAlias=ibm","build":"npm run clean && tsc --build && npm run copy-json && npm run copy-to-bin","clean":"fse remove ./js && fse remove bin","watch":"tsc --watch","copy-json":"npm run copy-schema-monochrome && npm run copy-schema-multicolor","test-mixin":"sass ./tests/tests.scss ./tests/tests.css","copy-to-bin":"fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet ./js ./bin","validate.ci":"npm run build","copy-schema-monochrome":"fse copy ./ts/partials-svg/schema-monochrome.json ./js/partials-svg/schema-monochrome.json","copy-schema-multicolor":"fse copy ./ts/partials-svg/schema-multicolor.json ./js/partials-svg/schema-multicolor.json"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.7.0","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"20.15.0","dependencies":{"i":"^0.3.7","ajv":"^8.12.0","glob":"^10.3.10","sass":"~1.72.0","svgo":"^3.2.2","cheerio":"^1.0.0-rc.12","ts-node":"^10.9.2","minimist":"^1.2.8","typescript":"^5.4.4","json-colorizer":"^2.2.2","@atao60/fse-cli":"^0.1.9","stringify-object":"^5.0.0"},"_hasShrinkwrap":false,"devDependencies":{"@types/cheerio":"^0.22.35","@types/minimist":"^1.2.5","@types/stringify-object":"^4.0.5"},"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.18_1721186583924_0.459319614827419","host":"s3://npm-registry-packages"}},"1.1.19":{"name":"@genexus/svg-sass-generator","version":"1.1.19","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.19","maintainers":[{"name":"ggallotti","email":"gonzalogallotti@gmail.com"},{"name":"gerasiz","email":"gerasiz@gmail.com"},{"name":"genexusbuilder","email":"builder@genexus.com"},{"name":"anaberta","email":"aberta@genexus.com"},{"name":"dscaffo","email":"dscaffo@genexus.com"}],"bin":{"ssg-svg":"bin/processor-svg.js","ssg-sass":"bin/processor-sass.js"},"dist":{"shasum":"13d7d35411a6070ff3411f61fafb18076b9ad0a2","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.19.tgz","fileCount":21,"integrity":"sha512-P3aSQUJeaaNJAxiZ3BwbZVIm9s9JC32D5Q5Xm6J/mrKnd92yTy48N5TFgT0yvPmKzBnhSzFeg9RKHfz2cRooyQ==","signatures":[{"sig":"MEQCIA1qqb09J46Vs9m/cfvpb6aAszqk+JPiSUOZmyc8i0XIAiAkVrCJ4ZATSxHE9meDCyqn8bd8cs3g+xka7TvtgixOIQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":120939},"main":"index.js","type":"module","engines":{"pnpm":">=3"},"gitHead":"955dc9a092a58af4e2e87bad91d8656e850c2635","scripts":{"svg":"node ./js/processor-svg.js --srcDir=source-sample/ --outDir=dist/_generated/ --configFilePath=source-sample/my-color-states.json --showcaseDir=showcase/ --showcaseBaseHref=../dist/_generated/ --logDir=log/ --objectFilePath=object/ICONS_ASSETS.js","sass":"node ./js/processor-sass.js --srcDir=dist/ --outDir=sass/_generated/ --configFilePath=source-sample/my-color-states.json --vendorAlias=ibm","build":"npm run clean && tsc --build && npm run copy-json && npm run copy-to-bin","clean":"fse remove ./js && fse remove bin","watch":"tsc --watch","copy-json":"npm run copy-schema-monochrome && npm run copy-schema-multicolor","test-mixin":"sass ./tests/tests.scss ./tests/tests.css","copy-to-bin":"fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet ./js ./bin","validate.ci":"npm run build","copy-schema-monochrome":"fse copy ./ts/partials-svg/schema-monochrome.json ./js/partials-svg/schema-monochrome.json","copy-schema-multicolor":"fse copy ./ts/partials-svg/schema-multicolor.json ./js/partials-svg/schema-multicolor.json"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.7.0","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"20.15.1","dependencies":{"i":"^0.3.7","ajv":"^8.12.0","glob":"^10.3.10","sass":"~1.72.0","svgo":"^3.2.2","cheerio":"^1.0.0-rc.12","ts-node":"^10.9.2","minimist":"^1.2.8","typescript":"^5.4.4","json-colorizer":"^2.2.2","@atao60/fse-cli":"^0.1.9","stringify-object":"^5.0.0"},"_hasShrinkwrap":false,"devDependencies":{"@types/cheerio":"^0.22.35","@types/minimist":"^1.2.5","@types/stringify-object":"^4.0.5"},"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.19_1721398031229_0.9900881596215365","host":"s3://npm-registry-packages"}},"1.1.20":{"name":"@genexus/svg-sass-generator","version":"1.1.20","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.20","maintainers":[{"name":"ggallotti","email":"gonzalogallotti@gmail.com"},{"name":"gerasiz","email":"gerasiz@gmail.com"},{"name":"genexusbuilder","email":"builder@genexus.com"},{"name":"anaberta","email":"aberta@genexus.com"},{"name":"dscaffo","email":"dscaffo@genexus.com"}],"bin":{"ssg-svg":"bin/processor-svg.js","ssg-sass":"bin/processor-sass.js"},"dist":{"shasum":"7c117ba389f2b9008b26d423130b7e6a9ef47425","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.20.tgz","fileCount":21,"integrity":"sha512-rVNr4OfmwBwGvLWX6evBJqQFzSqZkomxDF8/tmuA4R2LIg/8Tm3C08BB3+CDPE7g5r20gsa8GMQQESbzvp6vwQ==","signatures":[{"sig":"MEQCIF7688ubeKEj/rnIOx1Mv1edx7KenUoZXGojgOINQcoKAiAZGddjRBLqcNXFpvkNtJXvxjB0ZeYNOalW8iF4d0oMJA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121462},"main":"index.js","type":"module","engines":{"pnpm":">=3"},"gitHead":"8118490f6968b77cd27b420ec2b0843aa6e29c48","scripts":{"svg":"node ./js/processor-svg.js --srcDir=source-sample/ --outDir=_generated/ --configFilePath=source-sample/my-color-states.json --showcaseDir=showcase/ --showcaseBaseHref=../_generated/ --logDir=log/ --objectFilePath=object/ICONS_ASSETS.ts","sass":"node ./js/processor-sass.js --srcDir=_generated/ --outDir=sass/_generated/ --configFilePath=source-sample/my-color-states.json --vendorAlias=ibm","build":"npm run clean && tsc --build && npm run copy-json && npm run copy-to-bin","clean":"fse remove ./js && fse remove bin","watch":"tsc --watch","copy-json":"npm run copy-schema-monochrome && npm run copy-schema-multicolor","test-mixin":"sass ./tests/tests.scss ./tests/tests.css","copy-to-bin":"fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet ./js ./bin","validate.ci":"npm run build","copy-schema-monochrome":"fse copy ./ts/partials-svg/schema-monochrome.json ./js/partials-svg/schema-monochrome.json","copy-schema-multicolor":"fse copy ./ts/partials-svg/schema-multicolor.json ./js/partials-svg/schema-multicolor.json"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.7.0","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"20.15.1","dependencies":{"i":"^0.3.7","ajv":"^8.12.0","glob":"^10.3.10","sass":"~1.72.0","svgo":"^3.2.2","cheerio":"^1.0.0-rc.12","ts-node":"^10.9.2","minimist":"^1.2.8","typescript":"^5.4.4","json-colorizer":"^2.2.2","@atao60/fse-cli":"^0.1.9","stringify-object":"^5.0.0"},"_hasShrinkwrap":false,"devDependencies":{"@types/cheerio":"^0.22.35","@types/minimist":"^1.2.5","@types/stringify-object":"^4.0.5"},"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.20_1721762614112_0.6149595012234386","host":"s3://npm-registry-packages"}},"1.1.22":{"name":"@genexus/svg-sass-generator","version":"1.1.22","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.22","maintainers":[{"name":"ggallotti","email":"gonzalogallotti@gmail.com"},{"name":"gerasiz","email":"gerasiz@gmail.com"},{"name":"genexusbuilder","email":"builder@genexus.com"},{"name":"anaberta","email":"aberta@genexus.com"},{"name":"dscaffo","email":"dscaffo@genexus.com"}],"bin":{"ssg-svg":"bin/processor-svg.js","ssg-sass":"bin/processor-sass.js"},"dist":{"shasum":"dbb18eb1009e5287e108c9286b7a85caa4725e7b","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.22.tgz","fileCount":21,"integrity":"sha512-a0m+UtVfxKftlerCyr+CKZyTlXjUySLjTlyD8ry9UbeMMm7tJlSzx9Xc32Hhn6X9q9HxhjtdbhY5axob74UthA==","signatures":[{"sig":"MEUCIA1uYWFRsS4+Gdd8BKzrCO1kIAv3uXhzsSPh/f9X68XdAiEAnknanE0B7WNNWuSEruQ+p0Qyq3DLeJLKVK6zeKgBkOc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121897},"main":"index.js","type":"module","engines":{"pnpm":">=3"},"gitHead":"678fb0beab54d54dcba3e84daf9e2b6ea886ea79","scripts":{"svg":"node ./js/processor-svg.js --srcDir=source-sample/ --outDir=_generated/ --configFilePath=source-sample/my-color-states.json --showcaseDir=showcase/ --showcaseBaseHref=../_generated/ --logDir=log/ --objectFilePath=object/ICONS_ASSETS.ts --defaultColorType=on-surface","sass":"node ./js/processor-sass.js --srcDir=_generated/ --outDir=sass/_generated/ --configFilePath=source-sample/my-color-states.json --vendorAlias=ibm","build":"npm run clean && tsc --build && npm run copy-json && npm run copy-to-bin","clean":"fse remove ./js && fse remove bin","watch":"tsc --watch","copy-json":"npm run copy-schema-monochrome && npm run copy-schema-multicolor","test-mixin":"sass ./tests/tests.scss ./tests/tests.css","copy-to-bin":"fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet ./js ./bin","validate.ci":"npm run build","copy-schema-monochrome":"fse copy ./ts/partials-svg/schema-monochrome.json ./js/partials-svg/schema-monochrome.json","copy-schema-multicolor":"fse copy ./ts/partials-svg/schema-multicolor.json ./js/partials-svg/schema-multicolor.json"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.8.1","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"20.16.0","dependencies":{"i":"^0.3.7","ajv":"^8.12.0","glob":"^10.3.10","sass":"~1.72.0","svgo":"^3.2.2","cheerio":"^1.0.0-rc.12","ts-node":"^10.9.2","minimist":"^1.2.8","typescript":"^5.4.4","json-colorizer":"^2.2.2","@atao60/fse-cli":"^0.1.9","stringify-object":"^5.0.0"},"_hasShrinkwrap":false,"devDependencies":{"@types/cheerio":"^0.22.35","@types/minimist":"^1.2.5","@types/stringify-object":"^4.0.5"},"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.22_1723577010911_0.3561959634813079","host":"s3://npm-registry-packages"}},"1.1.23":{"name":"@genexus/svg-sass-generator","version":"1.1.23","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.23","maintainers":[{"name":"ggallotti","email":"gonzalogallotti@gmail.com"},{"name":"gerasiz","email":"gerasiz@gmail.com"},{"name":"genexusbuilder","email":"builder@genexus.com"},{"name":"anaberta","email":"aberta@genexus.com"},{"name":"dscaffo","email":"dscaffo@genexus.com"}],"bin":{"ssg-svg":"bin/processor-svg.js","ssg-sass":"bin/processor-sass.js"},"dist":{"shasum":"7a0edb9fc42cffe00ece8d1bc095394a435f5545","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.23.tgz","fileCount":21,"integrity":"sha512-eCTxkAWzL4g9rEaiBg++E0awn2jxwfAMdvr7OqywEwVpvC3CZ+Vhi1DI053xid9i+RAL9N3RbdAlKhYTTwCMiQ==","signatures":[{"sig":"MEQCIGKpiiA1d4RRaDX69I9v2N+Wvsnf2u62f7fNxSwz/gIPAiB9Q/LkHkEmt265a1UMwYOWQnkwlftjvb4ZkaheEAEDrg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121897},"main":"index.js","type":"module","engines":{"pnpm":">=3"},"gitHead":"6697313b4f077e7714d2fc96b4b289e5f80b0a1c","scripts":{"svg":"node ./js/processor-svg.js --srcDir=source-sample/ --outDir=_generated/ --configFilePath=source-sample/my-color-states.json --showcaseDir=showcase/ --showcaseBaseHref=../_generated/ --logDir=log/ --objectFilePath=object/ICONS_ASSETS.ts --defaultColorType=on-surface","sass":"node ./js/processor-sass.js --srcDir=_generated/ --outDir=sass/_generated/ --configFilePath=source-sample/my-color-states.json --vendorAlias=ibm","build":"npm run clean && tsc --build && npm run copy-json && npm run copy-to-bin","clean":"fse remove ./js && fse remove bin","watch":"tsc --watch","copy-json":"npm run copy-schema-monochrome && npm run copy-schema-multicolor","test-mixin":"sass ./tests/tests.scss ./tests/tests.css","copy-to-bin":"fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet ./js ./bin","validate.ci":"npm run build","copy-schema-monochrome":"fse copy ./ts/partials-svg/schema-monochrome.json ./js/partials-svg/schema-monochrome.json","copy-schema-multicolor":"fse copy ./ts/partials-svg/schema-multicolor.json ./js/partials-svg/schema-multicolor.json"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.8.1","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"20.16.0","dependencies":{"i":"^0.3.7","ajv":"^8.12.0","glob":"^10.3.10","sass":"~1.72.0","svgo":"^3.2.2","cheerio":"^1.0.0-rc.12","ts-node":"^10.9.2","minimist":"^1.2.8","typescript":"^5.4.4","json-colorizer":"^2.2.2","@atao60/fse-cli":"^0.1.9","stringify-object":"^5.0.0"},"_hasShrinkwrap":false,"devDependencies":{"@types/cheerio":"^0.22.35","@types/minimist":"^1.2.5","@types/stringify-object":"^4.0.5"},"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.23_1723579297189_0.35551604483239796","host":"s3://npm-registry-packages"}},"1.1.24":{"name":"@genexus/svg-sass-generator","version":"1.1.24","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.24","maintainers":[{"name":"ggallotti","email":"gonzalogallotti@gmail.com"},{"name":"gerasiz","email":"gerasiz@gmail.com"},{"name":"genexusbuilder","email":"builder@genexus.com"},{"name":"anaberta","email":"aberta@genexus.com"},{"name":"dscaffo","email":"dscaffo@genexus.com"}],"bin":{"ssg-svg":"bin/processor-svg.js","ssg-sass":"bin/processor-sass.js"},"dist":{"shasum":"0cf9ce3ac301162f1410b2d4da9b73297e1a839f","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.24.tgz","fileCount":21,"integrity":"sha512-q/CGNe8ySbVVEv6gVm0OVEcOzJjeDLoX8VZFgmMs/1f+IT/CIhkPiVJ7UZBhpNPRG0PkRzxJuLlzPrMY+JBMtA==","signatures":[{"sig":"MEUCIHiFJEPHbw0djOrS/ybl2OhaI2XZ21aBU+q6ldqBMqC0AiEAo1WYAQUvZQA57Fumpnlov9o+x6dETJOVGcqEPyRxvYA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121898},"main":"index.js","type":"module","engines":{"pnpm":">=3"},"gitHead":"b06f6e132f39bca125e14ff1ddabfd02526a4cc2","scripts":{"svg":"node ./js/processor-svg.js --srcDir=source-sample/ --outDir=_generated/ --configFilePath=source-sample/my-color-states.json --showcaseDir=showcase/ --showcaseBaseHref=../_generated/ --logDir=log/ --objectFilePath=object/ICONS_ASSETS.ts --defaultColorType=on-surface","sass":"node ./js/processor-sass.js --srcDir=_generated/ --outDir=sass/_generated/ --configFilePath=source-sample/my-color-states.json --vendorAlias=ibm","build":"npm run clean && tsc --build && npm run copy-json && npm run copy-to-bin","clean":"fse remove ./js && fse remove bin","watch":"tsc --watch","copy-json":"npm run copy-schema-monochrome && npm run copy-schema-multicolor","test-mixin":"sass ./tests/tests.scss ./tests/tests.css","copy-to-bin":"fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet ./js ./bin","validate.ci":"npm run build","copy-schema-monochrome":"fse copy ./ts/partials-svg/schema-monochrome.json ./js/partials-svg/schema-monochrome.json","copy-schema-multicolor":"fse copy ./ts/partials-svg/schema-multicolor.json ./js/partials-svg/schema-multicolor.json"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.8.1","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"20.16.0","dependencies":{"i":"^0.3.7","ajv":"^8.12.0","glob":"^10.3.10","sass":"~1.72.0","svgo":"^3.2.2","cheerio":"^1.0.0-rc.12","ts-node":"^10.9.2","minimist":"^1.2.8","typescript":"^5.4.4","json-colorizer":"^2.2.2","@atao60/fse-cli":"^0.1.9","stringify-object":"^5.0.0"},"_hasShrinkwrap":false,"devDependencies":{"@types/cheerio":"^0.22.35","@types/minimist":"^1.2.5","@types/stringify-object":"^4.0.5"},"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.24_1723580657603_0.3032660119115125","host":"s3://npm-registry-packages"}},"1.1.25":{"name":"@genexus/svg-sass-generator","version":"1.1.25","author":{"name":"GeneXus"},"license":"Apache-2.0","_id":"@genexus/svg-sass-generator@1.1.25","maintainers":[{"name":"ggallotti","email":"gonzalogallotti@gmail.com"},{"name":"gerasiz","email":"gerasiz@gmail.com"},{"name":"genexusbuilder","email":"builder@genexus.com"},{"name":"anaberta","email":"aberta@genexus.com"},{"name":"dscaffo","email":"dscaffo@genexus.com"},{"name":"fazzato","email":"fazzato@genexus.com"},{"name":"silva-gx","email":"silva@genexus.com"}],"bin":{"ssg":"bin/main.js"},"dist":{"shasum":"b5174d1d64c6b0b6031d894869b01a1c3129170e","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.1.25.tgz","fileCount":8,"integrity":"sha512-83uOAJx5+FJbXn/Ev2T+R4CWhn14ykkUcg7gAmxLmw3Gq6mOnMuZcuS0sCk25Y2bcjwRnV8+hV8vrmT5H8G1nQ==","signatures":[{"sig":"MEUCIFoSO4LIW6TZTgx3ERVyaJkVsKcN+i/+dt3/zA/Kae77AiEAg2bnvSwCeWBbnns7i4YMiu8JrPufZrRsR6VeFLRgpcc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":110700},"main":"index.js","type":"module","gitHead":"f180c8c04f50a87fa3114f4211ae0b028feb6f52","scripts":{"dev":"tsx watch ./src/main.ts --configPath=./test/config.js","ssg":"node ./dist/main.js --configPath=../test/config.js","build":"pnpm run clean && tsc && pnpm run copy-to-bin","clean":"fse remove ./dist && fse remove ./bin","postbuild":"chmod +x ./bin/main.js","copy-to-bin":"fse mkdirp ./bin && fse copy ./dist/ ./bin/","validate.ci":"pnpm run build"},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"_npmVersion":"10.9.4","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","directories":{},"_nodeVersion":"22.22.1","dependencies":{"zod":"^3.24.2","glob":"^11.0.1","cheerio":"^1.0.0","winston":"^3.17.0","typescript":"~5.9.0","winston-transport":"^4.9.0"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.19.3","@atao60/fse-cli":"^0.1.9"},"_npmOperationalInternal":{"tmp":"tmp/svg-sass-generator_1.1.25_1773431038430_0.3130835008534576","host":"s3://npm-registry-packages-npm-production"}},"1.2.0":{"name":"@genexus/svg-sass-generator","version":"1.2.0","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","main":"index.js","type":"module","bin":{"ssg":"bin/main.js"},"scripts":{"clean":"fse remove ./dist && fse remove ./bin","build":"pnpm run clean && tsc && pnpm run copy-to-bin","copy-to-bin":"fse mkdirp ./bin && fse copy ./dist/ ./bin/","postbuild":"chmod +x ./bin/main.js","ssg":"node ./dist/main.js --configPath=../test/config.js","dev":"tsx watch ./src/main.ts --configPath=./test/config.js","validate.ci":"pnpm run build"},"author":{"name":"GeneXus"},"license":"Apache-2.0","dependencies":{"cheerio":"^1.0.0","glob":"^11.0.1","typescript":"~5.9.0","winston":"^3.17.0","winston-transport":"^4.9.0","zod":"^3.24.2"},"devDependencies":{"@atao60/fse-cli":"^0.1.9","tsx":"^4.19.3"},"_id":"@genexus/svg-sass-generator@1.2.0","gitHead":"3d1a9c83881b2748c6e34da193e85a57a099af8c","_nodeVersion":"22.22.1","_npmVersion":"10.9.4","dist":{"integrity":"sha512-h8MNC7ofQ7KzlT9IrrWYEkfV/dVnvfPwpuV9nAwNeNpgosBhj3q20AwdE6+mWwrgdpnW+Lc1M4eygNX2KmWDyw==","shasum":"8e1820c8bafdb7608d1bbc1d39a3631484c3a5d1","tarball":"https://registry.npmjs.org/@genexus/svg-sass-generator/-/svg-sass-generator-1.2.0.tgz","fileCount":8,"unpackedSize":110602,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDCdEGdLQyvhZ7liRrencntZ2/9gvHZYqB5F/9ItfHN9AIgJsEpvfYo/GJs+GWzODl4jbxwJFxfiDx5Ib/IMpSy54E="}]},"_npmUser":{"name":"genexusbuilder","email":"builder@genexus.com"},"directories":{},"maintainers":[{"name":"ggallotti","email":"gonzalogallotti@gmail.com"},{"name":"gerasiz","email":"gerasiz@gmail.com"},{"name":"genexusbuilder","email":"builder@genexus.com"},{"name":"anaberta","email":"aberta@genexus.com"},{"name":"dscaffo","email":"dscaffo@genexus.com"},{"name":"fazzato","email":"fazzato@genexus.com"},{"name":"silva-gx","email":"silva@genexus.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/svg-sass-generator_1.2.0_1774379909304_0.00023585352402544224"},"_hasShrinkwrap":false}},"time":{"created":"2024-05-22T14:37:11.137Z","modified":"2026-03-24T19:18:29.715Z","1.1.1":"2024-05-22T14:37:11.396Z","1.1.2":"2024-05-28T18:11:07.865Z","1.1.3":"2024-06-04T15:36:40.606Z","1.1.4":"2024-06-05T18:04:24.548Z","1.1.5":"2024-06-11T19:28:55.066Z","1.1.6":"2024-06-11T23:49:26.683Z","1.1.7":"2024-06-13T19:16:57.900Z","1.1.8":"2024-06-17T11:26:41.292Z","1.1.9":"2024-06-17T17:26:25.104Z","1.1.10":"2024-06-17T20:17:29.470Z","1.1.11":"2024-06-18T21:14:47.065Z","1.1.12":"2024-06-23T20:55:40.699Z","1.1.13":"2024-06-24T00:37:26.002Z","1.1.14":"2024-06-25T05:17:23.507Z","1.1.15":"2024-06-25T06:15:21.061Z","1.1.16":"2024-07-09T14:28:42.143Z","1.1.17":"2024-07-12T18:11:59.352Z","1.1.18":"2024-07-17T03:23:04.072Z","1.1.19":"2024-07-19T14:07:11.480Z","1.1.20":"2024-07-23T19:23:34.268Z","1.1.22":"2024-08-13T19:23:31.066Z","1.1.23":"2024-08-13T20:01:37.384Z","1.1.24":"2024-08-13T20:24:17.728Z","1.1.25":"2026-03-13T19:43:58.592Z","1.2.0":"2026-03-24T19:18:29.481Z"},"author":{"name":"GeneXus"},"license":"Apache-2.0","description":"SVG Icon Generator: A Node.js tool for creating customizable SVG icons with color states like hover and active effects. It generates SVG icons and Sass placeholder selectors, simplifying integration into projects with generated CSS class names for scalabl","maintainers":[{"name":"ggallotti","email":"gonzalogallotti@gmail.com"},{"name":"gerasiz","email":"gerasiz@gmail.com"},{"name":"genexusbuilder","email":"builder@genexus.com"},{"name":"anaberta","email":"aberta@genexus.com"},{"name":"dscaffo","email":"dscaffo@genexus.com"},{"name":"fazzato","email":"fazzato@genexus.com"},{"name":"silva-gx","email":"silva@genexus.com"}],"readme":"# svg-sass-generator\n\n- [What is this tool about?](#what-is-this-tool-about)\n- [Key aspects this tools resolves](#key-aspects-this-tools-resolves)\n- [Ice-cream icons transformation example](#ice-cream-icons-transformation-example)\n - [Monochrome icons example](#monochrome-icons-example)\n - [Multicolor icons example](#multicolor-icons-example)\n- [Configuration file](#configuration-file)\n - [Overriding Config parameters](#overriding-config-parameters)\n- [Common questions](#common-questions)\n- [Final comments](#final-comments)\n - [SVG export figma plugin](#svg-export-plugin)\n - [This readme showcase](#this-readme-showcase)\n\n## What is this tool about?\n\n**Svg Sass Generator** ('ssg' for short) is a tool that helps you manage multi-color or mono-chrome SVG icons across different UI states: `enabled`, `hover`, `active`, and `disabled`. It was created for managing icons on GeneXus Next, or for developers that collaborate with custom plugins.\n\nIt specially solves the common issue where masking + background color isn't enough when icons contain multiple figures with different colors. For any of both types (multi-color or mono-chrome) You define your colors palette for each state (`enabled`, `hover`, `active`, and `disabled`) and the tool generates new SVG's with the proper styling, that work also with dark or light themes.\n\nThink of it like a modern SVG sprite system: one master file holds all stateful variations, and you simply use the version you need.\n\n![View use demo](./docs/readme/view-use.png)\n\n_This shows how the icons work after being processed._\n\n---\n\n## Key aspects this tools resolves:\n\n#### 1. Icons with one or multiple colors, in different states:\n\nYou give the tool your color choices and some SVG icons. It then creates SVG files ready to show these icons in different states like: `enabled`, `hover`, `active`, and `disabled`. It can also make versions for light and dark themes if you want.\n\n#### 2. CSS Custom Variables:\n\nThe tool creates special CSS variables for each icon’s state. For example, there’s a variable for the `hover` state of the `system/user` icon that you can use easily in your styles.\n\n```css\n:root.light {\n --icon__system_user--hover: url(\"#{$icons-path}system/light/user.svg#hover\");\n}\n:root.dark {\n --icon__system_user--hover: url(\"#{$icons-path}system/dark/user.svg#hover\");\n}\n```\n\n#### 3. An assets file for Chameleon\n\nThe Chameleon library includes a `ch-image` control that displays different icons based on state (e.g., focus, hover, active, disabled). This tool generates a TypeScript file with all icon definitions, allowing `ch-image` to automatically resolve the correct icon for each state.\n\nShowing a multi-state icon with `ch-image` is really simple:\n\n```ts\nconst USER_ICON = getIconPath({\n category: \"system\",\n name: \"user\",\n}, \"your-vendor-alias\");\n\n```\n\n> 🤔 **What is Chameleon?** \n> [Chameleon](https://github.com/genexuslabs/chameleon-controls-library?tab=readme-ov-file#chameleon) is a collection of ready-made web components. \n> They are easy to customize, fast, lightweight, and work well for everyone.\n> Chameleon is developed and maintained by GeneXus, and is the main components library used in GeneXus Next.\n\n[↑ Go back to index](#svg-sass-generator)\n\n---\n\n## Ice Cream Icons Transformation Example\n\nThis example shows how to process both single-color and multi-color icons. \nWe picked ice cream icons because their scoops are a great way to show multi-color icons—or just one color if you want a one flavor ice cream!\n\n> 📝 **`Configuration file parameters`** \n> Whether you’re processing single-color or multi-color icons, the tool needs a `.js` config file with some settings and color palettes. In the examples below, we’ll focus on the color palettes. Other settings will be explained later.\n\n### Monochrome icons example\n\nIt’s best to keep icons organized in folders by category. We recommend creating one folder for each category of icons. Here, we have a folder called `/ice-cream-cones` with one single-color icon named `regular-cone.svg`:\n\n```\n/src\n└── ice-cream-cones/\n └── regular-cone.svg\n```\n\nNext, in the configuration file, list the monochrome colors you want to use:\n\n#### Monochrome palette:\n\n```js\nexport default {\n config: {\n // ... (details about config later)\n },\n icons: {\n monochrome: {\n colors: [\n {\n name: \"blueberry\",\n states: {\n enabled: { light: \"#7a6ed3\", dark: \"#9d90ff\" },\n hover: { light: \"#a59dec\", dark: \"#c1baff\" },\n active: { light: \"#5a4fb8\", dark: \"#7a6ae6\" },\n disabled: { light: \"#b1abc9\", dark: \"#48445c\" },\n },\n },\n {\n name: \"chocolate\",\n states: {\n enabled: { light: \"#7b4a1c\", dark: \"#b26b34\" },\n hover: { light: null, dark: null },\n active: { light: null, dark: null },\n disabled: { light: null, dark: null },\n },\n },\n {\n name: \"chocolate-chip\",\n states: {\n enabled: { light: \"#9e7b6a\", dark: \"#bb9b89\" },\n hover: { light: null, dark: null },\n active: { light: null, dark: null },\n disabled: { light: null, dark: null },\n },\n },\n {\n name: \"mango\",\n states: {\n enabled: { light: \"#ffb84c\", dark: \"#ffc266\" },\n hover: { light: \"#ffd08b\", dark: \"#ffd999\" },\n active: { light: \"#e6931a\", dark: \"#e6a23f\" },\n disabled: { light: \"#d9c3a0\", dark: \"#5b4f38\" },\n },\n },\n {\n name: \"mint\",\n states: {\n enabled: { light: \"#5ec5a2\", dark: \"#8de4c2\" },\n hover: { light: \"#a2e5d0\", dark: \"#c3f8e6\" },\n active: { light: \"#3e9e7d\", dark: \"#64b89b\" },\n disabled: { light: \"#aacac0\", dark: \"#45504e\" },\n },\n },\n {\n name: \"pineapple\",\n states: {\n enabled: { light: \"#fbe96a\", dark: \"#ffeb84\" },\n hover: { light: \"#fef4a7\", dark: \"#fff3bb\" },\n active: { light: \"#e5cb27\", dark: \"#ffd83d\" },\n disabled: { light: \"#d1c58d\", dark: \"#5e583e\" },\n },\n },\n {\n name: \"strawberry\",\n states: {\n enabled: { light: \"#e85c85\", dark: \"#ff94b4\" },\n hover: { light: \"#f5a0b7\", dark: \"#ffd0dd\" },\n active: { light: \"#b03b64\", dark: \"#e2568e\" },\n disabled: { light: \"#c9a2ab\", dark: \"#574f53\" },\n },\n },\n ],\n },\n },\n};\n```\n\n> 🤔 **Why are some values null for `chocolate` and `chocolate-chip`?** \n> A null means that state is not available. So, `chocolate` and `chocolate-chip` only have the `enabled` state.\n\nFinally, tell the tool which icon folders are monochrome by listing them in the `icons.categories` array:\n\n```js\nexport default {\n config: {\n // ... (details about config later)\n },\n icons: {\n monochrome: {\n colors: [\n // (Already provided above)\n ],\n categories: [\n {\n name: \"ice-cream-cones\",\n ignoredColors: [\"mint\", \"pineapple\"],\n },\n {\n name: \"other-direcoty-a\",\n ignoredColors: [],\n },\n {\n name: \"other-direcotry-b\",\n ignoredColors: [`mint`],\n },\n ],\n },\n },\n};\n```\n\n> 🤔 **What is `ignoredColors` for?** \n> It’s a list of colors the tool should skip for a specific folder. \n> In the example, the tool ignores `mint` and `pineapple` colors in the \"ice-cream-cones\" folder. \n> The `other-directory-a` folder uses all colors, and `other-directory-b` only ignores `mint`.\n> This helps you avoid extra XML or CSS you don’t need for certain categories.\n\n#### svg source: `src/ice-cream-cones/regular-cone.svg`\n\nThis is the source icon, before being processed:\n\n![Choco overload icon source](./test/icons/src/ice-cream-cones/regular-cone.svg)\n\n```xml\n\n \n\n```\n\n#### svg output: `generated/ice-cream-cones/light/regular-cone.svg`\n\nThis is the output icon, after being processed:\n\n| Icon | Enabled | Hover | Active | Disabled |\n| ---------------- | ---------------------------------------------------------------------------------- | -------------------------------------------------------------------------- | ---------------------------------------------------------------------------- | -------------------------------------------------------------------------------- |\n| `blueberry` | ![Enabled](./docs/readme/ice-cream-cones/regular-cone.svg#blueberry--enabled) | ![Hover](./docs/readme/ice-cream-cones/regular-cone.svg#blueberry--hover) | ![Active](./docs/readme/ice-cream-cones/regular-cone.svg#blueberry--active) | ![Disabled](./docs/readme/ice-cream-cones/regular-cone.svg#blueberry--disabled) |\n| `chocolate` | ![Enabled](./docs/readme/ice-cream-cones/regular-cone.svg#chocolate--enabled) |
✖️
|
✖️
|
✖️
|\n| `chocolate-chip` | ![Enabled](./docs/readme/ice-cream-cones/regular-cone.svg#chocolate-chip--enabled) |
✖️
|
✖️
|
✖️
|\n| `mango` | ![Enabled](./docs/readme/ice-cream-cones/regular-cone.svg#mango--enabled) | ![Hover](./docs/readme/ice-cream-cones/regular-cone.svg#mango--hover) | ![Active](./docs/readme/ice-cream-cones/regular-cone.svg#mango--active) | ![Disabled](./docs/readme/ice-cream-cones/regular-cone.svg#mango--disabled) |\n| `strawberry` | ![Enabled](./docs/readme/ice-cream-cones/regular-cone.svg#strawberry--enabled) | ![Hover](./docs/readme/ice-cream-cones/regular-cone.svg#strawberry--hover) | ![Active](./docs/readme/ice-cream-cones/regular-cone.svg#strawberry--active) | ![Disabled](./docs/readme/ice-cream-cones/regular-cone.svg#strawberry--disabled) |\n\n```xml\n\n \n \n \n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n```\n\n### Multicolor icons example\n\nIt’s best to make one folder for each icon category. We recommend creating one folder for each category of icons. Here, we have a folder `/ice-cream-bowls` with five different icons:\n\n> 📝 These five icons look alike, but each has different colors, so they are treated as separate icons.\n\n```\n/src\n└── ice-cream-bowls/\n └── berry-patch.svg\n └── choco-overload.svg\n └── minty-breeze.svg\n └── neapolitan-classic.svg\n └── tropical-trio.svg\n```\n\nNext, in the configuration file, list the multicolor colors you want to use:\n\n#### Multicolor palette:\n\n```js\nexport default {\n config: {\n // ... (details about config later)\n },\n icons: {\n multicolor: {\n colors: [\n {\n name: \"chocolate-chip\",\n states: {\n enabled: { light: \"#9e7b6a\", dark: \"#bb9b89\" },\n hover: { light: \"#b89a8c\", dark: \"#d1b7a8\" },\n active: { light: \"#7a5947\", dark: \"#9e7967\" },\n disabled: { light: \"#c7bab2\", dark: \"#4f463f\" },\n },\n },\n {\n name: \"coconut\",\n states: {\n enabled: { light: \"#fefefe\", dark: \"#d9d9d9\" },\n hover: { light: \"#f2f2f2\", dark: \"#bbbbbb\" },\n active: { light: \"#e6e6e6\", dark: \"#ffffff\" },\n disabled: { light: \"#cccccc\", dark: \"#666666\" },\n },\n },\n {\n name: \"cookies-cream\",\n states: {\n enabled: { light: \"#f3f1ef\", dark: \"#d8d5d2\" },\n hover: { light: \"#e4e2e0\", dark: \"#c2bebc\" },\n active: { light: \"#cfcac5\", dark: \"#a7a29e\" },\n disabled: { light: \"#bcb8b3\", dark: \"#5b5752\" },\n },\n },\n // and so on...\n ],\n },\n },\n};\n```\n\n#### 🍨 Berry Patch:\n\n**Before processing**: This is the original \"Berry Patch\" ice cream icon:\n`src/ice-cream-bolws/berry-patch.svg`\n\n![Berry patch icon source](./test/icons/src/ice-cream-bowls/berry-patch.svg)\n\n```xml\n\n \n \n \n \n \n \n\n```\n\n**After processing**: This is the \"Berry Patch\" icon after the tool has prepared it for use:\n`generated/ice-cream-bolws/light/berry-patch.svg`\n\n| ![Enabled](./docs/readme/ice-cream-bowls/berry-patch.svg#enabled) | ![Hover](./docs/readme/ice-cream-bowls/berry-patch.svg#hover) | ![Active](./docs/readme/ice-cream-bowls/berry-patch.svg#active) | ![Disabled](./docs/readme/ice-cream-bowls/berry-patch.svg#disabled) |\n| :---------------------------------------------------------------: | :-----------------------------------------------------------: | :-------------------------------------------------------------: | :-----------------------------------------------------------------: |\n| Enabled | Hover | Active | Disabled |\n\n
\n\n#### 🍨 Choco Overload:\n\n**Before processing**: This is the original \"Choco Overload\" ice cream icon:\n`src/ice-cream-bolws/choco-overload.svg`\n\n![Berry patch icon source](./test/icons/src/ice-cream-bowls/choco-overload.svg)\n\n```xml\n\n \n \n \n \n \n \n\n```\n\n**After processing**: This is the \"Choco Overload\" icon after the tool has prepared it for use:\n`generated/ice-cream-bolws/light/choco-overload.svg`\n\n| ![Enabled](./docs/readme/ice-cream-bowls/choco-overload.svg#enabled) | ![Hover](./docs/readme/ice-cream-bowls/choco-overload.svg#hover) | ![Active](./docs/readme/ice-cream-bowls/choco-overload.svg#active) | ![Disabled](./docs/readme/ice-cream-bowls/choco-overload.svg#disabled) |\n| :------------------------------------------------------------------: | :--------------------------------------------------------------: | :----------------------------------------------------------------: | :--------------------------------------------------------------------: |\n| Enabled | Hover | Active | Disabled |\n\n
\n\n#### 🍨 Minty Breeze:\n\n**Before processing**: This is the original \"Minty Breeze\" ice cream icon:\n`src/ice-cream-bolws/minty-breeze.svg`\n\n![Berry patch icon source](./test/icons/src/ice-cream-bowls/minty-breeze.svg)\n\n```xml\n\n \n \n \n \n \n \n\n```\n\n**After processing**: This is the \"Minty Breeze\" icon after the tool has prepared it for use:\n`generated/ice-cream-bolws/light/minty-breeze.svg`\n\n| ![Enabled](./docs/readme/ice-cream-bowls/minty-breeze.svg#enabled) | ![Hover](./docs/readme/ice-cream-bowls/minty-breeze.svg#hover) | ![Active](./docs/readme/ice-cream-bowls/minty-breeze.svg#active) | ![Disabled](./docs/readme/ice-cream-bowls/minty-breeze.svg#disabled) |\n| :----------------------------------------------------------------: | :------------------------------------------------------------: | :--------------------------------------------------------------: | :------------------------------------------------------------------: |\n| Enabled | Hover | Active | Disabled |\n\n
\n\n#### 🍨 Neapolitan Classic:\n\n**Before processing**: This is the original \"Neapolitan Classic\" ice cream icon:\n`src/ice-cream-bolws/neapolitan-classic.svg`\n\n![Berry patch icon source](./test/icons/src/ice-cream-bowls/neapolitan-classic.svg)\n\n```xml\n\n \n \n \n \n \n \n\n```\n\n**After processing**: This is the \"Neapolitan Classic\" icon after the tool has prepared it for use:\n`generated/ice-cream-bolws/light/neapolitan-classic.svg`\n\n| ![Enabled](./docs/readme/ice-cream-bowls/neapolitan-classic.svg#enabled) | ![Hover](./docs/readme/ice-cream-bowls/neapolitan-classic.svg#hover) | ![Active](./docs/readme/ice-cream-bowls/neapolitan-classic.svg#active) | ![Disabled](./docs/readme/ice-cream-bowls/neapolitan-classic.svg#disabled) |\n| :----------------------------------------------------------------------: | :------------------------------------------------------------------: | :--------------------------------------------------------------------: | :------------------------------------------------------------------------: |\n| Enabled | Hover | Active | Disabled |\n\n
\n\n#### 🍨 Tropical Trio:\n\n**Before processing**: This is the original \"Tropical Trio\" ice cream icon:\n`src/ice-cream-bolws/tropical-trio.svg`\n\n![Berry patch icon source](./test/icons/src/ice-cream-bowls/tropical-trio.svg)\n\n```xml\n\n \n \n \n \n \n \n\n```\n\n**After processing**: This is the \"Tropical Trio\" icon after the tool has prepared it for use:\n`generated/ice-cream-bolws/light/tropical-trio.svg`\n\n| ![Enabled](./docs/readme/ice-cream-bowls/tropical-trio.svg#enabled) | ![Hover](./docs/readme/ice-cream-bowls/tropical-trio.svg#hover) | ![Active](./docs/readme/ice-cream-bowls/tropical-trio.svg#active) | ![Disabled](./docs/readme/ice-cream-bowls/tropical-trio.svg#disabled) |\n| :-----------------------------------------------------------------: | :-------------------------------------------------------------: | :---------------------------------------------------------------: | :-------------------------------------------------------------------: |\n| Enabled | Hover | Active | Disabled |\n\n[↑ Go back to index](#svg-sass-generator)\n\n---\n\n## Configuration file\n\nThe tool requires a `.js` configuration file, that defines a set of parameters, and the colors values for the icons. You can name the file as you like, since you will have to run a script referncing this file. In the following example, we are calling this file `config.js`.\n\n> 📂 **Note about paths:** All paths in `config.js` should be relative to the current working directory—that is, the directory from which you run the SVG Sass generator script. This is usually the root of your project, typically where `package.json` is located.\n\n### `config.js:`\n\n```js\nexport default {\n config: {\n enableLight: true, // If true, it will process light icons\n enableDark: true, // If true, it will process dark icons\n svgSrcDir: \"./test/icons/src/\", // The directory where your source icons/folders reside\n svgOutDir: \"./docs/readme/\", // The output directory where your icons will be generated\n sassOutDir: \"./test/sass/\", // The output directory where your sass files will be generated\n showcaseFilePath: \"./test/showcase.html\", // The .html filepath for output icons showcase\n objectFilePath: \"./test/ICON_ASSETS.ts\", // The .ts filepath for the icons assets file\n logFilePath: \"./test/output.log\", // The .log filepath for the log file. It keeps track of what happened during the process.\n defaultMonochromeColor: \"chocolate\", // The default color used for monochrome icons.\n // This is especially useful when using the Chameleon `ch-image` component,\n // as omitting the `colorType` will apply the `defaultMonochromeColor` to the icon.\n vendorAlias: null, // An optional vendor alias prefixed to the icon’s CSS variables.\n // Useful for preventing naming collisions between icons from different libraries.\n },\n icons: {\n monochrome: {\n colors: [\n {\n name: \"sky-blue\",\n states: {\n enabled: { light: \"#4a6fa5\", dark: \"#3c5b84\" },\n hover: { light: \"#6c8fc0\", dark: \"#5c79a1\" },\n active: { light: \"#3a5c8a\", dark: \"#2f4a6d\" },\n disabled: { light: \"#a3b7cd\", dark: \"#404e62\" },\n },\n },\n {\n name: \"fire-red\",\n states: {\n enabled: { light: \"#ff6b3d\", dark: \"#cc5430\" },\n hover: { light: \"#ff8a61\", dark: \"#e26547\" },\n active: { light: \"#e6532d\", dark: \"#b24528\" },\n disabled: { light: \"#f3b09a\", dark: \"#4a342f\" },\n },\n },\n {\n name: \"candy-pink\",\n states: {\n enabled: { light: \"#da5ca2\", dark: \"#b04985\" },\n hover: { light: \"#e57db5\", dark: \"#c6629a\" },\n active: { light: \"#b64c85\", dark: \"#903c6c\" },\n disabled: { light: \"#e3a7c8\", dark: \"#51384f\" },\n },\n },\n // add more as needed...\n ],\n categories: [\n // List each monochrome icon directory here along with the colors it should ignore.\n {\n name: \"system\",\n ignoredColors: [\"fire-red\", \"candy-pink\"],\n },\n {\n name: \"backend\",\n ignoredColors: [],\n },\n {\n name: \"navigation\",\n ignoredColors: [\"sky-blue\"],\n },\n ],\n },\n multicolor: {\n colors: [\n {\n name: \"leaf-green\",\n states: {\n enabled: { light: \"#5caa69\", dark: \"#3e814b\" },\n hover: { light: \"#78c182\", dark: \"#509c60\" },\n active: { light: \"#459357\", dark: \"#2e6a3d\" },\n disabled: { light: \"#a6d1aa\", dark: \"#3a4e3c\" },\n },\n },\n {\n name: \"leaf-green\",\n states: {\n enabled: { light: \"#5caa69\", dark: \"#3e814b\" },\n hover: { light: \"#78c182\", dark: \"#509c60\" },\n active: { light: \"#459357\", dark: \"#2e6a3d\" },\n disabled: { light: \"#a6d1aa\", dark: \"#3a4e3c\" },\n },\n },\n {\n name: \"honey-yellow\",\n states: {\n enabled: { light: \"#f6c744\", dark: \"#c6a836\" },\n hover: { light: \"#f8d76d\", dark: \"#d7ba55\" },\n active: { light: \"#e3b832\", dark: \"#a88e25\" },\n disabled: { light: \"#f3dea5\", dark: \"#554b2e\" },\n },\n },\n // add more as needed...\n ],\n },\n },\n};\n```\n\n> 📝 **Tip:** If you’re using the same colors for both monochrome and multicolor, consider defining a shared color array and referencing it in both places to avoid duplication:\n\n```js\nconst mySharedColors = [\n {\n name: \"sky-blue\",\n states: {\n enabled: { light: \"#4a6fa5\", dark: \"#3c5b84\" },\n hover: { light: \"#6c8fc0\", dark: \"#5c79a1\" },\n active: { light: \"#3a5c8a\", dark: \"#2f4a6d\" },\n disabled: { light: \"#a3b7cd\", dark: \"#404e62\" },\n },\n },\n {\n name: \"fire-red\",\n states: {\n enabled: { light: \"#ff6b3d\", dark: \"#cc5430\" },\n hover: { light: \"#ff8a61\", dark: \"#e26547\" },\n active: { light: \"#e6532d\", dark: \"#b24528\" },\n disabled: { light: \"#f3b09a\", dark: \"#4a342f\" },\n },\n },\n {\n name: \"candy-pink\",\n states: {\n enabled: { light: \"#da5ca2\", dark: \"#b04985\" },\n hover: { light: \"#e57db5\", dark: \"#c6629a\" },\n active: { light: \"#b64c85\", dark: \"#903c6c\" },\n disabled: { light: \"#e3a7c8\", dark: \"#51384f\" },\n },\n },\n];\nexport default {\n config: {\n // config properties here\n },\n icons: {\n monochrome: {\n colors: myColors,\n categories: [\n {\n name: \"system\",\n ignoredColors: [\"fire-red\", \"candy-pink\"],\n },\n {\n name: \"backend\",\n ignoredColors: [],\n },\n {\n name: \"navigation\",\n ignoredColors: [\"sky-blue\"],\n },\n ],\n },\n multicolor: {\n colors: myColors,\n },\n },\n};\n```\n\n### Overriding config. parameters\n\nSometimes you may need to set a dynamic value for a configuration property. In these cases, it's useful to override one or more parameters by passing them as arguments to the script that runs the tool.\n\nFor example, to override the source directory defined in the config file, you can do the following:\n\n**`package.json`**\n\n```json\n\"scripts\": {\n \"process-icons\": \"ssg --configPath=./src/config.js --svgSrcDir=other-directory/my-icons/src\"\n},\n```\n\n**`config.js`**\n\n```js\nconfig: {\n svgSrcDir: \"./src/icons/src/\", // This path will have no effect. It is overrided by \"other-directory/my-icons/src\"\n // other parameters...\n },\n```\n\nor you can override all of them:\n\n**`package.json`**\n\n```json\n\"scripts\": {\n \"process-icons\": \"ssg --configPath=./src/config.js--enableLight --enableDark --svgSrcDir=other-directory/icons/src/ --svgOutDir=other-directory/icons/_generated/ --sassOutDir=other-directory/sass/ --showcaseFilePath=other-directory/showcase.html --objectFilePath=other-directory/ICON_ASSETS.ts --logFilePath=other-directory/output.log --defaultMonochromeColor=chocolate --vendorAlias=mac\"\n},\n```\n\n> 📝 **Memo:** Defining configuration parameters in the config.js file is cleaner and preferred. However, if you need to override a value, you can pass it as an argument through the script.\n\n[↑ Go back to index](#svg-sass-generator)\n\n---\n\n## Common questions:\n\n**Q: Does the tool generate one SVG file per state?** \nA: No. Each icon is one SVG file that includes all states: enabled, hover, active, and disabled.\n\n**Q: Does each SVG file include both light and dark themes?** \nA: No. You get one SVG for the light theme and another separate SVG for the dark theme. This helps load only what the user needs.\n\n**Q: Do I have to create both light and dark themes?** \nA: No. You can choose to generate one or both themes by switching a setting.\n\n**Q: Can I create more themes besides light and dark?** \nA: Not yet.\n\n**Q: Does the tool support fill and stroke colors?** \nA: Yes, it handles shapes with fill, stroke, or both.\n\n**Q: My output icons appear will a full background color, something seems not working. What is happening?** \nA: Probably, you have a container element (a box) with a fill on your source icon, and because of this the tool is also filling this element with a color. Try setting setting opacity 0% on this container element.\n\n**Q: What settings do I need to configure to use this tool?**\nA: This tool is designed for GeneXus Next, so no setup is needed for general use. However, if you're developing plugins for GeneXus Next, you should define your own vendor alias in this tool’s configuration file and use that alias when referencing your icons.\n\nie.:\n\n**`config.js`**\n\n```js\nexport default {\n config: {\n // ... other settings\n vendorAlias: \"your-vendor-alias\",\n },\n```\n\n**`your component`**\n\n```ts\nconst USER_ICON = getIconPath({\n category: \"system\",\n name: \"user\",\n}, \"your-vendor-alias\");\n\n```\n\n**Q: I want to report a bug or suggest an improvement. How can I get in touch?** \nA: For now, you can email [bsastre@genexus.com](mailto:bsastre@genexus.com)\n\n[↑ Go back to index](#svg-sass-generator)\n\n---\n\n## Final comments\n\n### SVG Export Plugin\n\nSince multicolor icons require each element to have a class name that matches a color, we recommend designing your icons in Figma and exporting them using the [SVG Export Plugin](https://www.figma.com/community/plugin/814345141907543603/svg-export). This plugin automatically applies layer names as class names in the exported SVG, saving you time and ensuring consistency. For example:\n\n![Icon figma layers](./docs/readme/figma-icon-layers.webp)\n\n`choco-overload.svg` (exported with **SVG Export**)\n\n```xml\n\n \n \n \n \n \n \n\n```\n\nAs you can see, exporting your icons with **SVG Export** allows you to automatically use your vector names as CSS class names in the SVGs. This streamlines the workflow and eliminates the need to rename classes manually. Additionally, using this plugin significantly reduces the SVG file size.\n\n### This readme showcase\n\nCheckout this readme icons example showcase [on this link](https://ssg-readme-showcase.netlify.app/).\n\n[↑ Go back to index](#svg-sass-generator)\n","readmeFilename":"README.md"}