{"_id":"@elhub/ds-icons","_rev":"6-016cc3c92fc47c9797498306c9bd0c6d","name":"@elhub/ds-icons","dist-tags":{"latest":"4.10.0"},"versions":{"4.8.0":{"name":"@elhub/ds-icons","version":"4.8.0","license":"MIT","_id":"@elhub/ds-icons@4.8.0","maintainers":[{"name":"paloskar","email":"pal.oskar.engen@gmail.com"}],"homepage":"https://github.com/elhub/designsystem#readme","bugs":{"url":"https://github.com/elhub/designsystem/issues"},"dist":{"shasum":"4c4d3e33857fea200d901cfabd4b25a894a85726","tarball":"https://registry.npmjs.org/@elhub/ds-icons/-/ds-icons-4.8.0.tgz","fileCount":5,"integrity":"sha512-BFH1OPmG8xysFgaNRKz2zO5TEpyOEwdfA9DcwnkIcPJ/0TQwl0t80dRLUqmB48J/v6DFNVV9M4uTI1PoxcSi2A==","signatures":[{"sig":"MEYCIQDwewvLRpjRECewxssT8KhSqffiaeeCE29Bi6u9RsgbbwIhAPG1P3c/ovBOZ4DNEY5xYIoncOKpj5/8mQQAI4GSfBRO","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":116882},"main":"./dist/ds-icons.js","type":"module","types":"./dist/index.d.ts","gitHead":"2572a17c61aea93aab993c574c48f09bf129fa1e","scripts":{"lint":"","test":"","build":"rimraf dist && tsc --noEmit && vite build","clean":"rimraf dist","release":"npm publish || exit 0","test:ci":"","lint:fix":"","prettier":"","typecheck":"","export-icons":"tsx src/extract-icons.ts","prettier:fix":""},"_npmUser":{"name":"paloskar","email":"pal.oskar.engen@gmail.com"},"overrides":{"minimatch":"^10.2.1"},"repository":{"url":"git+ssh://git@github.com/elhub/designsystem.git","type":"git","directory":"ds-icons"},"_npmVersion":"11.6.4","description":"Elhub icons","directories":{},"_nodeVersion":"24.2.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.19.0","@types/node":"^22.5.2"},"_npmOperationalInternal":{"tmp":"tmp/ds-icons_4.8.0_1777535312733_0.9494557757521742","host":"s3://npm-registry-packages-npm-production"}},"4.8.1":{"name":"@elhub/ds-icons","version":"4.8.1","license":"MIT","_id":"@elhub/ds-icons@4.8.1","maintainers":[{"name":"paloskar","email":"pal.oskar.engen@gmail.com"},{"name":"ssandoy-elhub","email":"sander.sandoy@statnett.no"}],"homepage":"https://github.com/elhub/designsystem#readme","bugs":{"url":"https://github.com/elhub/designsystem/issues"},"dist":{"shasum":"b97ba90388c688d968d4d72702129b5ea5f0aacd","tarball":"https://registry.npmjs.org/@elhub/ds-icons/-/ds-icons-4.8.1.tgz","fileCount":5,"integrity":"sha512-lJCplb5JTtuwONPPqcjIGlaILoO/Hj+PwCsVfrU8cFnL6rOZfoxQfyCFTDDPmuLHWU3KyhMi1RLUCMRpNMTLGA==","signatures":[{"sig":"MEUCIG6CEAnMFFT6euCDHwNtUCEoCXEv0oa1slhU/xCaWCaEAiEAgmCHLXVdXgOB3ri97/tjZ9Zr3erjIOmid0U6qmlFUro=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@elhub%2fds-icons@4.8.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":116882},"main":"./dist/ds-icons.js","type":"module","types":"./dist/index.d.ts","gitHead":"67026c3bfaeed579289b9c1ae128ed3702d6abb3","scripts":{"lint":"","test":"","build":"rimraf dist && tsc --noEmit && vite build","clean":"rimraf dist","release":"npm publish || exit 0","test:ci":"","lint:fix":"","prettier":"","typecheck":"","export-icons":"tsx src/extract-icons.ts","prettier:fix":""},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:2dbf2aeb-3f1b-497a-ae41-7820ef6455df"}},"overrides":{"minimatch":"^10.2.1"},"repository":{"url":"git+ssh://git@github.com/elhub/designsystem.git","type":"git","directory":"ds-icons"},"_npmVersion":"11.11.0","description":"Elhub icons","directories":{},"_nodeVersion":"24.14.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.19.0","@types/node":"^22.5.2"},"_npmOperationalInternal":{"tmp":"tmp/ds-icons_4.8.1_1778049419584_0.6558760517435469","host":"s3://npm-registry-packages-npm-production"}},"4.8.2":{"name":"@elhub/ds-icons","version":"4.8.2","license":"MIT","_id":"@elhub/ds-icons@4.8.2","maintainers":[{"name":"paloskar","email":"pal.oskar.engen@gmail.com"},{"name":"ssandoy-elhub","email":"sander.sandoy@statnett.no"}],"homepage":"https://github.com/elhub/designsystem#readme","bugs":{"url":"https://github.com/elhub/designsystem/issues"},"dist":{"shasum":"8f177a125b69c5590032a42fd3d1063da28852f9","tarball":"https://registry.npmjs.org/@elhub/ds-icons/-/ds-icons-4.8.2.tgz","fileCount":5,"integrity":"sha512-kVVQwGgSoPwSBNQtmLpDatfVq72eoY9ySdYA+MUC3c8k4be64ebbNvmL1r0HJ8eNeTejS+YLCgyAwfATzFo8WQ==","signatures":[{"sig":"MEUCIBXZtmaj/aNNNC6EiN0LgMqKPev9jCIIhxyi22FnKBd7AiEAhSskQUy2UxmslM7hnELpJ43KyUqAeBhDZJDy9AtpSzE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@elhub%2fds-icons@4.8.2","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":116842},"main":"./dist/ds-icons.js","type":"module","types":"./dist/index.d.ts","gitHead":"dea46aae3e227901826855bcc783019847806b40","scripts":{"lint":"","test":"","build":"rimraf dist && tsc --noEmit && vite build","clean":"rimraf dist","test:ci":"","lint:fix":"","prettier":"","typecheck":"","export-icons":"tsx src/extract-icons.ts","prettier:fix":""},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:2dbf2aeb-3f1b-497a-ae41-7820ef6455df"}},"overrides":{"minimatch":"^10.2.1"},"repository":{"url":"git+ssh://git@github.com/elhub/designsystem.git","type":"git","directory":"ds-icons"},"_npmVersion":"11.11.0","description":"Elhub icons","directories":{},"_nodeVersion":"24.14.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.19.0","@types/node":"^22.5.2"},"_npmOperationalInternal":{"tmp":"tmp/ds-icons_4.8.2_1778056413085_0.5103621590632197","host":"s3://npm-registry-packages-npm-production"}},"4.9.0":{"name":"@elhub/ds-icons","version":"4.9.0","license":"MIT","_id":"@elhub/ds-icons@4.9.0","maintainers":[{"name":"paloskar","email":"pal.oskar.engen@gmail.com"},{"name":"ssandoy-elhub","email":"sander.sandoy@statnett.no"}],"homepage":"https://github.com/elhub/designsystem#readme","bugs":{"url":"https://github.com/elhub/designsystem/issues"},"dist":{"shasum":"30222f2dcbcd978f53a0837a25587bafdd99986e","tarball":"https://registry.npmjs.org/@elhub/ds-icons/-/ds-icons-4.9.0.tgz","fileCount":5,"integrity":"sha512-A1+LWVvTGRh94J4hFEPealeNaVeevnOgwtBq4hdH2aAeTjzjFZSOudUsSLaj/eStlt2z0W+y7crIsIhIowZYuw==","signatures":[{"sig":"MEQCIE1W0/pivEGs9FD3eULjpucbztE77Bmb8LyXwF/SpeVLAiBTYiVO9GmhJi1m0h7vEyGSlVhvylhxP6BI2IDRJViA2Q==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@elhub%2fds-icons@4.9.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":116531},"main":"./dist/ds-icons.js","type":"module","types":"./dist/index.d.ts","gitHead":"28c9033d03ae26bf59bc64625730f419a45cd021","scripts":{"lint":"","test":"","build":"rimraf dist && tsc --noEmit && vite build","clean":"rimraf dist","test:ci":"","lint:fix":"","prettier":"","typecheck":"","export-icons":"tsx src/extract-icons.ts","prettier:fix":""},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:2dbf2aeb-3f1b-497a-ae41-7820ef6455df"}},"overrides":{"minimatch":"^10.2.1"},"repository":{"url":"git+ssh://git@github.com/elhub/designsystem.git","type":"git","directory":"ds-icons"},"_npmVersion":"11.16.0","description":"Elhub icons","directories":{},"_nodeVersion":"26.3.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.19.0","@svgr/cli":"^8.1.0","@types/node":"^22.5.2"},"_npmOperationalInternal":{"tmp":"tmp/ds-icons_4.9.0_1782121586600_0.5834896623051335","host":"s3://npm-registry-packages-npm-production"}},"4.10.0":{"name":"@elhub/ds-icons","version":"4.10.0","description":"Elhub icons","license":"MIT","repository":{"type":"git","url":"git+ssh://git@github.com/elhub/designsystem.git","directory":"ds-icons"},"publishConfig":{"access":"public"},"type":"module","main":"./dist/ds-icons.js","types":"./dist/index.d.ts","scripts":{"clean":"rimraf dist","export-icons":"tsx src/extract-icons.ts","build":"rimraf dist && tsc --noEmit && vite build","lint":"","lint:fix":"","prettier":"","prettier:fix":"","test":"","test:ci":"","typecheck":""},"devDependencies":{"@svgr/cli":"^8.1.0","@types/node":"^22.5.2","tsx":"^4.19.0"},"overrides":{"minimatch":"^10.2.1"},"gitHead":"a763f74b59ec7c4a778daa3413b80de57a174861","_id":"@elhub/ds-icons@4.10.0","bugs":{"url":"https://github.com/elhub/designsystem/issues"},"homepage":"https://github.com/elhub/designsystem#readme","_nodeVersion":"26.8.1","_npmVersion":"11.19.0","dist":{"integrity":"sha512-XVyf40+nzkLX+YbiJhYoANuZSBsqAVee+Y0S5q6zPhyahmi/+FZD+H1sPTINlNSvUq4pamooOiPgAejjVlsY3Q==","shasum":"7f9a6e5dc8d87529f281136a067bca602f9f2a7e","tarball":"https://registry.npmjs.org/@elhub/ds-icons/-/ds-icons-4.10.0.tgz","fileCount":5,"unpackedSize":121239,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@elhub%2fds-icons@4.10.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQD5Q3v5l9spoctA+2lWFkpf31wJlgfaY+mAKwh7AunctwIhAMXoshqhWI9stcjVkFRzo1DZKHeUdiui3aW0T5uVVkw5"}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:2dbf2aeb-3f1b-497a-ae41-7820ef6455df"}},"directories":{},"maintainers":[{"name":"paloskar","email":"pal.oskar.engen@gmail.com"},{"name":"ssandoy-elhub","email":"sander.sandoy@statnett.no"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ds-icons_4.10.0_1788250341555_0.8587939178447488"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-30T07:48:32.673Z","modified":"2026-09-01T08:12:22.064Z","4.8.0":"2026-04-30T07:48:32.886Z","4.8.1":"2026-05-06T06:36:59.720Z","4.8.2":"2026-05-06T08:33:33.227Z","4.9.0":"2026-06-22T09:46:26.745Z","4.10.0":"2026-09-01T08:12:21.707Z"},"bugs":{"url":"https://github.com/elhub/designsystem/issues"},"license":"MIT","homepage":"https://github.com/elhub/designsystem#readme","repository":{"type":"git","url":"git+ssh://git@github.com/elhub/designsystem.git","directory":"ds-icons"},"description":"Elhub icons","maintainers":[{"name":"paloskar","email":"pal.oskar.engen@gmail.com"},{"name":"ssandoy-elhub","email":"sander.sandoy@statnett.no"}],"readme":"# Elhub icons\n\nThis is a collection of icons that are used in the Elhub design system. The icons are available as React components and are directly exported from Figma.\nThe Figma-file is available [here](https://www.figma.com/file/UVNmJfoSHUs2uxVmhVekQP/Elhub-Icons).\n\n## How to use it\n\ninstall from npm.\n\n    npm install --save @elhub/ds-icons\n\nImport in your project as \n\n```tsx\n    import { IconCheck } from '@elhub/ds-icons'\n\n    export const Component = () => {\n       return ( \n         <IconCheck />\n       )\n    }\n```\n\n## New icon in Figma?\nWhenever a new icon is added to the Figma file, the icons should be exported to the `src` folder. This can be done by running the following command:\n\n    npm run export-icons YOUR_FIGMA_TOKEN\n\nYour Figma token can be found in the Figma account settings. The token is used to authenticate the Figma API and is required to export the icons from Figma.\n\n## Customizing the icons\n\n### Size\n\nYou can set the size of the icon to either 'small' or 'medium'. The sizes correspond to '1rem' and '1.5rem' respectively, which are equivalent to 16px and 24px if the user's default font-size is 16px.\n\n```tsx\n    import { IconCheck } from '@elhub/ds-icons'\n\n    export const Component = () => {\n       return (\n          <IconCheck size=\"medium\" />\n       )\n    }\n```\n\n### Color\n\nThe color of the SVG icons is determined by the `currentColor` CSS value, which means the icon will inherit the color of its parent element. \nThis allows for easy color changes based on CSS inheritance and can be particularly useful when you want your icons to match the text color.\n\nYou can set the color of the icon by using CSS. The color can be set directly on the SVG icon or inherited from its parent element.\n\n```css\n/* Directly on the SVG icon */\n.eds-icon {\n  color: red;\n}\n\n/* Inherited from its parent element */\n.eds-parent {\n  color: red;\n}\n\n```\n\n```tsx\nimport { IconCheck } from '@elhub/ds-icons'\n\nexport const Component = () => {\n   return (\n      <div className=\"parent-element\">\n         <IconCheck className=\"IconCheck\" />\n      </div>\n   )\n}\n```\n# License\n\n[Go to Licence](LICENCE)\n","readmeFilename":"README.md"}