{"_id":"@dep-dio/dio-designsystem","_rev":"5-772f22d337750d8b6358bb3f6565797a","name":"@dep-dio/dio-designsystem","dist-tags":{"latest":"0.6.0"},"versions":{"0.2.0":{"name":"@dep-dio/dio-designsystem","version":"0.2.0","license":"MIT","_id":"@dep-dio/dio-designsystem@0.2.0","maintainers":[{"name":"admin-dio","email":"redaksjonen@dio.dep.no"}],"dist":{"shasum":"bd1445de516a80adbb2d306fa2885164c8e3c983","tarball":"https://registry.npmjs.org/@dep-dio/dio-designsystem/-/dio-designsystem-0.2.0.tgz","fileCount":33,"integrity":"sha512-Z/x2Lx2DYaloM1dsQ6kMNcE0ZxxIz0wf6Vyl2cE54c4j9XMb66MZ3hWsT/I4dmZd+mMawRTcvuK1X7H56pi9Yw==","signatures":[{"sig":"MEUCIQCZkg3rqX7XR105zVRBj0QLULs2CTzqmT8Zgh7Xw2yFhwIgKpoPhuunY5NlmQX/mqLeyUzEYRppGCn2UVcan+4/Crg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":269887},"type":"module","exports":{"./web":{"types":"./dist/web.d.ts","import":"./dist/web.js"},"./icons":{"types":"./dist/icons.d.ts","import":"./dist/icons.js"},"./mixins":"./dist/styles/_mixins.scss","./styles":"./dist/styles/main.css","./vite-icons-plugin":{"types":"./dist/vite-icons-plugin.d.ts","import":"./dist/vite-icons-plugin.js"},"./svg-icons-register":{"types":"./dist/svg-icons-register.d.ts","import":"./dist/svg-icons-register.js"}},"scripts":{"build":"pnpm create-tokens && pnpm build-tokens && pnpm prepare-dist && pnpm build:js","build:js":"node scripts/build-js.mjs && tsc -p tsconfig.build.json","build-tokens":"designsystemet tokens build --config designsystemet.config.json","prepare-dist":"node scripts/prepare-dist.mjs","create-tokens":"designsystemet tokens create --config designsystemet.config.json"},"_npmUser":{"name":"admin-dio","email":"redaksjonen@dio.dep.no"},"repository":{"url":"https://github.com/dss-web/dio-designsystemet.git","type":"git","directory":"packages/dio-designsystem"},"description":"DIO design system built on Designsystemet","directories":{},"sideEffects":["**/*.css","**/*.scss","./dist/web.js","./dist/svg-icons-register.js"],"_nodeVersion":"24.18.0","dependencies":{"@navikt/aksel-icons":"^8.13.1","@digdir/designsystemet-css":"^1.17.0","@digdir/designsystemet-web":"^1.17.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.101.0","vite":"^8.1.0","esbuild":"^0.28.1","fast-glob":"^3.3.3","typescript":"~6.0.3","vite-plugin-svg-icons":"^2.0.1","@digdir/designsystemet":"^1.17.0"},"peerDependencies":{"vite":"^6.0.0 || ^7.0.0 || ^8.0.0","vite-plugin-svg-icons":"^2.0.0"},"peerDependenciesMeta":{"vite":{"optional":true},"vite-plugin-svg-icons":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/dio-designsystem_0.2.0_1783496920243_0.17904804925769713","host":"s3://npm-registry-packages-npm-production"}},"0.3.0":{"name":"@dep-dio/dio-designsystem","version":"0.3.0","license":"MIT","_id":"@dep-dio/dio-designsystem@0.3.0","maintainers":[{"name":"admin-dio","email":"redaksjonen@dio.dep.no"}],"homepage":"https://github.com/dss-web/dio-designsystemet#readme","bugs":{"url":"https://github.com/dss-web/dio-designsystemet/issues"},"dist":{"shasum":"f71e09d0a45d2351616337019e7436e0328545a7","tarball":"https://registry.npmjs.org/@dep-dio/dio-designsystem/-/dio-designsystem-0.3.0.tgz","fileCount":45,"integrity":"sha512-+x+miKAx0LesPW0H1jl9tELopt9CvDoeBzGfD/lJAD7ytwMr8qSGfTvejpfoTLkltZuvTekC4Pd1bnzXD7oOcQ==","signatures":[{"sig":"MEUCIFYYbSfdcVBv6IryiV5u07GYHo457wNyM4zsgEP84jlwAiEApanEbOMVPYUkuD+nmAcY+vgO1qXcSfYQPKW2N7zARQ4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":139180},"type":"module","exports":{"./web":{"types":"./dist/web.d.ts","import":"./dist/web.js"},"./icons":{"types":"./dist/icons.d.ts","import":"./dist/icons.js"},"./types":{"types":"./dist/types.d.ts"},"./styles":{"types":"./dist/styles.d.ts","default":"./dist/styles/main.css"},"./scss-utils":"./dist/styles/scss-utils.scss","./styles.css":"./dist/styles/main.css","./vite-icons-plugin":{"types":"./dist/vite-icons-plugin.d.ts","import":"./dist/vite-icons-plugin.js"},"./svg-icons-register":{"types":"./dist/svg-icons-register.d.ts","import":"./dist/svg-icons-register.js"},"./designsystemet.config.json":"./designsystemet.config.json"},"gitHead":"db9fcca27d7a2e9b2eeb5f1348230744e2ff8640","scripts":{"build":"npm run tokens && npm run prepare-dist && npm run build:js","tokens":"npm run tokens:create && npm run tokens:patch && npm run tokens:build","build:js":"node scripts/build-js.mjs && tsc -p tsconfig.build.json","prepare-dist":"node scripts/prepare-dist.mjs","tokens:build":"designsystemet tokens build --config designsystemet.config.json","tokens:patch":"node scripts/patch-tokens.mjs","tokens:create":"designsystemet tokens create --config designsystemet.config.json","prepublishOnly":"npm run build"},"_npmUser":{"name":"admin-dio","email":"redaksjonen@dio.dep.no"},"repository":{"url":"git+https://github.com/dss-web/dio-designsystemet.git","type":"git","directory":"packages/dio-designsystem"},"_npmVersion":"11.16.0","description":"DIO design system built on Designsystemet","directories":{},"sideEffects":["**/*.css","**/*.scss","./dist/web.js","./dist/svg-icons-register.js"],"_nodeVersion":"24.18.0","dependencies":{"@navikt/aksel-icons":"^8.16.1","@digdir/designsystemet-css":"^1.18.0","@digdir/designsystemet-web":"^1.18.0","@digdir/designsystemet-types":"^1.18.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.102.0","vite":"^8.1.5","esbuild":"^0.28.1","fast-glob":"^3.3.3","typescript":"~7.0.2","vite-plugin-svg-icons":"^2.0.1","@digdir/designsystemet":"^1.18.0"},"peerDependencies":{"vite":"^6.0.0 || ^7.0.0 || ^8.0.0","vite-plugin-svg-icons":"^2.0.0"},"peerDependenciesMeta":{"vite":{"optional":true},"vite-plugin-svg-icons":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/dio-designsystem_0.3.0_1786627040515_0.20598797075175446","host":"s3://npm-registry-packages-npm-production"}},"0.4.0":{"name":"@dep-dio/dio-designsystem","version":"0.4.0","license":"MIT","_id":"@dep-dio/dio-designsystem@0.4.0","maintainers":[{"name":"admin-dio","email":"redaksjonen@dio.dep.no"}],"homepage":"https://github.com/dss-web/dio-designsystemet#readme","bugs":{"url":"https://github.com/dss-web/dio-designsystemet/issues"},"dist":{"shasum":"5d39b0079b390339290a8a26ff891aaaf980dfe5","tarball":"https://registry.npmjs.org/@dep-dio/dio-designsystem/-/dio-designsystem-0.4.0.tgz","fileCount":79,"integrity":"sha512-Vnkw1NFfBNEaqbm6Qdfv4owmkPMf430WlUM4AU6jVEkTPgNRs4i7XYaiPbEfcdDpCwwzqrHPfrVCVb13Rt7RFA==","signatures":[{"sig":"MEUCIQC8lwNr4zwq2G5k1C0vNVMzjzdwQSHoFmxMvyNVyScwIAIgQMHWohdlmAAa4BkNM+/+BicXWiISRrSW+V9nZdpFgl0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1356436},"type":"module","exports":{"./web":{"types":"./dist/web.d.ts","import":"./dist/web.js"},"./icons":{"types":"./dist/icons.d.ts","import":"./dist/icons.js"},"./react":{"types":"./dist/react.d.ts","import":"./dist/react.js"},"./types":{"types":"./dist/types.d.ts"},"./styles":{"types":"./dist/styles.d.ts","default":"./dist/styles/main.css"},"./scss-utils":"./dist/styles/scss-utils.scss","./styles.css":"./dist/styles/main.css","./vite-icons-plugin":{"types":"./dist/vite-icons-plugin.d.ts","import":"./dist/vite-icons-plugin.js"},"./svg-icons-register":{"types":"./dist/svg-icons-register.d.ts","import":"./dist/svg-icons-register.js"},"./designsystemet.config.json":"./designsystemet.config.json"},"gitHead":"15993b050102161640d3ee8c2887e6edc29a2ae3","scripts":{"build":"npm run tokens && npm run prepare-dist && npm run build:js","tokens":"npm run tokens:create && npm run tokens:patch && npm run tokens:build","build:js":"node scripts/build-js.mjs && tsc -p tsconfig.build.json","prepare-dist":"node scripts/prepare-dist.mjs","tokens:build":"designsystemet tokens build --config designsystemet.config.json","tokens:patch":"node scripts/patch-tokens.mjs","tokens:create":"designsystemet tokens create --config designsystemet.config.json","prepublishOnly":"npm run build"},"_npmUser":{"name":"admin-dio","email":"redaksjonen@dio.dep.no"},"repository":{"url":"git+https://github.com/dss-web/dio-designsystemet.git","type":"git","directory":"packages/dio-designsystem"},"_npmVersion":"11.17.0","description":"DIO design system built on Designsystemet","directories":{},"sideEffects":["**/*.css","**/*.scss","./dist/web.js","./dist/svg-icons-register.js"],"_nodeVersion":"24.19.0","dependencies":{"classnames":"^2.5.1","@navikt/aksel-icons":"^8.16.1","@digdir/designsystemet-css":"^1.18.0","@digdir/designsystemet-web":"^1.18.0","@digdir/designsystemet-react":"^1.19.0","@digdir/designsystemet-types":"^1.18.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.102.0","vite":"^8.1.5","react":"^19.2.8","esbuild":"^0.28.1","fast-glob":"^3.3.3","react-dom":"^19.2.8","typescript":"~7.0.2","@types/react":"^19.2.17","@types/react-dom":"^19.2.3","vite-plugin-svg-icons":"^2.0.1","@digdir/designsystemet":"^1.18.0"},"peerDependencies":{"vite":"^6.0.0 || ^7.0.0 || ^8.0.0","react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","vite-plugin-svg-icons":"^2.0.0"},"peerDependenciesMeta":{"vite":{"optional":true},"react":{"optional":true},"react-dom":{"optional":true},"vite-plugin-svg-icons":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/dio-designsystem_0.4.0_1787049419108_0.43270641211821226","host":"s3://npm-registry-packages-npm-production"}},"0.5.0":{"name":"@dep-dio/dio-designsystem","version":"0.5.0","license":"MIT","_id":"@dep-dio/dio-designsystem@0.5.0","maintainers":[{"name":"admin-dio","email":"redaksjonen@dio.dep.no"}],"homepage":"https://github.com/dss-web/dio-designsystemet#readme","bugs":{"url":"https://github.com/dss-web/dio-designsystemet/issues"},"dist":{"shasum":"e437022a002b683bcf3f9a9b4a154601c7752d8f","tarball":"https://registry.npmjs.org/@dep-dio/dio-designsystem/-/dio-designsystem-0.5.0.tgz","fileCount":79,"integrity":"sha512-lDnXpcgcZ3GvK3Gn7+hnZqZZAQXVGKckSVc0BAdvSbHD+OEhJ52cUq3ceBK5rB31byp4HrnmacvA08CxiRylDw==","signatures":[{"sig":"MEYCIQD7Lon7w66dR1GNTmeVwDBrDIRu0NWNyFYZ0pzn1oyoxwIhAMZ0PnM4uXqerUsSVoMoZzq08KaNMFxUI2i8zPZVVHxZ","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEQCIGW00bJBn/IqOKToNjhqJuzNc2eA8aTcPXY+rf9opjzUAiBtPc3HTUofK6pZuFIpxJMPDhBf5Axg4sTe2J3aagC3/Q==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1370359},"type":"module","exports":{"./web":{"types":"./dist/web.d.ts","import":"./dist/web.js"},"./icons":{"types":"./dist/icons.d.ts","import":"./dist/icons.js"},"./react":{"types":"./dist/react.d.ts","import":"./dist/react.js"},"./types":{"types":"./dist/types.d.ts"},"./styles":{"types":"./dist/styles.d.ts","default":"./dist/styles/main.css"},"./scss-utils":"./dist/styles/scss-utils.scss","./styles.css":"./dist/styles/main.css","./vite-icons-plugin":{"types":"./dist/vite-icons-plugin.d.ts","import":"./dist/vite-icons-plugin.js"},"./svg-icons-register":{"types":"./dist/svg-icons-register.d.ts","import":"./dist/svg-icons-register.js"},"./designsystemet.config.json":"./designsystemet.config.json"},"gitHead":"f8618035bcdcc276bf70c594e757e4de0919b2dc","scripts":{"build":"npm run tokens && npm run prepare-dist && npm run build:js","tokens":"npm run tokens:create && npm run tokens:patch && npm run tokens:build","build:js":"node scripts/build-js.mjs && tsc -p tsconfig.build.json","prepare-dist":"node scripts/prepare-dist.mjs","tokens:build":"designsystemet tokens build --config designsystemet.config.json","tokens:patch":"node scripts/patch-tokens.mjs","tokens:create":"designsystemet tokens create --config designsystemet.config.json","prepublishOnly":"npm run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:f1887ebe-3f58-4d3d-b5f7-cda4a6c8310d"}},"repository":{"url":"git+https://github.com/dss-web/dio-designsystemet.git","type":"git","directory":"packages/dio-designsystem"},"_npmVersion":"11.19.0","description":"DIO design system built on Designsystemet","directories":{},"sideEffects":["**/*.css","**/*.scss","./dist/web.js","./dist/svg-icons-register.js"],"_nodeVersion":"24.20.0","dependencies":{"classnames":"^2.5.1","@navikt/aksel-icons":"^8.16.2","@digdir/designsystemet-css":"^1.21.1","@digdir/designsystemet-web":"^1.21.1","@digdir/designsystemet-react":"^1.21.1","@digdir/designsystemet-types":"^1.21.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.104.1","vite":"^8.3.0","react":"^19.3.0","esbuild":"^0.28.2","fast-glob":"^3.3.3","react-dom":"^19.3.0","typescript":"~7.0.2","@types/react":"^19.3.0","@types/react-dom":"^19.3.0","vite-plugin-svg-icons":"^2.0.1","@digdir/designsystemet":"^1.21.1"},"peerDependencies":{"vite":"^6.0.0 || ^7.0.0 || ^8.0.0","react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","vite-plugin-svg-icons":"^2.0.0"},"peerDependenciesMeta":{"vite":{"optional":true},"react":{"optional":true},"react-dom":{"optional":true},"vite-plugin-svg-icons":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/dio-designsystem_0.5.0_1789458049675_0.8947254880715401","host":"s3://npm-registry-packages-npm-production"}},"0.6.0":{"_id":"@dep-dio/dio-designsystem@0.6.0","bugs":{"url":"https://github.com/dss-web/dio-designsystemet/issues"},"dist":{"shasum":"bf796e7f032e2e99ff62cf34cebd8c96b2cc6b0a","tarball":"https://registry.npmjs.org/@dep-dio/dio-designsystem/-/dio-designsystem-0.6.0.tgz","fileCount":81,"integrity":"sha512-aE98cEz0NeHkD9M5i9YbVZ78ulJf5NzXmmB1rLp+AY83z3MxEJC7nPxiyooHvUJKy/rZqf4C2JxTLOZ0nvqKiQ==","signatures":[{"sig":"MEQCIBhdtNqXZ9DDpqxAm380Yo3pugwVBSSkfeF0H1S6P4VSAiAIfMJld4cm7mf1atI1DCY1GQhvHxyRjwyXwi91jpQsgw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDdkUxHE05U+L+yCUqzojoNvKtHydGFbPTZ/n80P7WLIgIhANsN7TrVi0fZjUkyZNJS8YJJu87Um7DLaLTn3Dkp/ed7"}],"unpackedSize":1392647},"name":"@dep-dio/dio-designsystem","type":"module","exports":{"./web":{"types":"./dist/web.d.ts","import":"./dist/web.js"},"./icons":{"types":"./dist/icons.d.ts","import":"./dist/icons.js"},"./react":{"types":"./dist/react.d.ts","import":"./dist/react.js"},"./types":{"types":"./dist/types.d.ts"},"./styles":{"types":"./dist/styles.d.ts","default":"./dist/styles/main.css"},"./scss-utils":"./dist/styles/scss-utils.scss","./styles.css":"./dist/styles/main.css","./vite-icons-plugin":{"types":"./dist/vite-icons-plugin.d.ts","import":"./dist/vite-icons-plugin.js"},"./svg-icons-register":{"types":"./dist/svg-icons-register.d.ts","import":"./dist/svg-icons-register.js"},"./designsystemet.config.json":"./designsystemet.config.json"},"gitHead":"8213d949255fe33f3383b9d584e1cfdea3513e49","license":"MIT","scripts":{"build":"npm run tokens && npm run prepare-dist && npm run build:js","tokens":"npm run tokens:create && npm run tokens:patch && npm run tokens:build","build:js":"node scripts/build-js.mjs && tsc -p tsconfig.build.json","prepare-dist":"node scripts/prepare-dist.mjs","tokens:build":"designsystemet tokens build --config designsystemet.config.json","tokens:patch":"node scripts/patch-tokens.mjs","tokens:create":"designsystemet tokens create --config designsystemet.config.json","prepublishOnly":"npm run build"},"version":"0.6.0","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:f1887ebe-3f58-4d3d-b5f7-cda4a6c8310d"}},"homepage":"https://github.com/dss-web/dio-designsystemet#readme","repository":{"url":"git+https://github.com/dss-web/dio-designsystemet.git","type":"git","directory":"packages/dio-designsystem"},"_npmVersion":"11.19.0","description":"DIO design system built on Designsystemet","directories":{},"maintainers":[{"name":"admin-dio","email":"redaksjonen@dio.dep.no"}],"sideEffects":["**/*.css","**/*.scss","./dist/web.js","./dist/svg-icons-register.js"],"_nodeVersion":"24.20.0","dependencies":{"classnames":"^2.5.1","@navikt/aksel-icons":"^8.16.2","@digdir/designsystemet-css":"^1.21.1","@digdir/designsystemet-web":"^1.21.1","@digdir/designsystemet-react":"^1.21.1","@digdir/designsystemet-types":"^1.21.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.104.1","vite":"^8.3.0","react":"^19.3.0","esbuild":"^0.28.2","fast-glob":"^3.3.3","react-dom":"^19.3.0","typescript":"~7.0.2","@types/react":"^19.3.0","@types/react-dom":"^19.3.0","vite-plugin-svg-icons":"^2.0.1","@digdir/designsystemet":"^1.21.1"},"peerDependencies":{"vite":"^6.0.0 || ^7.0.0 || ^8.0.0","react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","vite-plugin-svg-icons":"^2.0.0"},"peerDependenciesMeta":{"vite":{"optional":true},"react":{"optional":true},"react-dom":{"optional":true},"vite-plugin-svg-icons":{"optional":true}},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/dio-designsystem_0.6.0_1789997962442_0.8627554142889318"}}},"time":{"created":"2026-07-08T07:48:40.144Z","modified":"2026-09-21T13:39:22.769Z","0.2.0":"2026-07-08T07:48:40.368Z","0.3.0":"2026-08-13T13:17:20.646Z","0.4.0":"2026-08-18T10:36:59.261Z","0.5.0":"2026-09-15T07:40:49.837Z","0.6.0":"2026-09-21T13:39:22.560Z"},"bugs":{"url":"https://github.com/dss-web/dio-designsystemet/issues"},"license":"MIT","homepage":"https://github.com/dss-web/dio-designsystemet#readme","repository":{"url":"git+https://github.com/dss-web/dio-designsystemet.git","type":"git","directory":"packages/dio-designsystem"},"description":"DIO design system built on Designsystemet","maintainers":[{"name":"admin-dio","email":"redaksjonen@dio.dep.no"}],"readme":"# @dep-dio/dio-designsystem\n\nDIO design system built on [Designsystemet](https://designsystemet.no).\n\nStorybook and repository docs: [dio-designsystemet README](../../README.md).\n\n## Install\n\n```bash\nnpm install @dep-dio/dio-designsystem\n```\n\nPeer dependencies for Vite sprite icons (optional):\n\n```bash\nnpm install -D vite vite-plugin-svg-icons\n```\n\n## Usage\n\n### Styles\n\nSame stylesheet, two entry points (same idea as `@digdir/designsystemet-css`):\n\n```ts\nimport \"@dep-dio/dio-designsystem/styles\"\n```\n\n```css\n@import \"@dep-dio/dio-designsystem/styles.css\";\n```\n\n### Web components\n\n```ts\nimport \"@dep-dio/dio-designsystem/web\"\n```\n\nRegisters Designsystemet web components and DIO custom elements.\n\n### React components\n\n```ts\nimport { Button } from \"@dep-dio/dio-designsystem/react\"\n```\n\nUse React components when the consuming application is built with React. For server-rendered HTML, CMS templates (for example Optimizely) and other stacks, use plain HTML markup with styles and web components instead.\n\n### Nav icons (Aksel)\n\n```ts\nimport { StarIcon } from \"@dep-dio/dio-designsystem/icons\"\n```\n\n### Vite SVG sprite\n\n```ts\n// vite.config.ts\nimport { createDioSvgIconsPlugin } from \"@dep-dio/dio-designsystem/vite-icons-plugin\"\n\nexport default defineConfig({\n    plugins: [createDioSvgIconsPlugin()],\n})\n```\n\n```ts\nimport \"@dep-dio/dio-designsystem/svg-icons-register\"\n```\n\n```html\n<svg width=\"24\" height=\"24\" aria-hidden=\"true\">\n    <use href=\"#dio-chevron-right\" />\n</svg>\n```\n\n### SCSS utils\n\n```scss\n@use \"@dep-dio/dio-designsystem/scss-utils\" as *;\n\n.my-link {\n    @include dio-text-small;\n}\n```\n\n## Publishing\n\n`@dep-dio/dio-designsystem` is published to [npm](https://www.npmjs.com/package/@dep-dio/dio-designsystem) as a public scoped package. Storybook (`@design/storybook`) is private and ignored by Changesets.\n\nVersions follow [Semantic Versioning](https://semver.org/):\n\n- **patch** — bug fixes, internal refactors, non-breaking style tweaks\n- **minor** — new components, new exports, backward-compatible features\n- **major** — breaking API, class name, or markup changes for consumers\n\nChangelog entries land in [`CHANGELOG.md`](./CHANGELOG.md) when the version is bumped.\n\n### 1. Add a changeset (every PR that should release)\n\nReleases use [Changesets](https://github.com/changesets/changesets). On the feature branch:\n\n```bash\nnpx changeset\n```\n\n1. Choose **@dep-dio/dio-designsystem**\n2. Pick **patch**, **minor**, or **major**\n3. Write the release note: a plain **summary** line first, then optional bullet **details**\n\nThe changelog prefixes the summary with the commit hash (`- abc1234: …`). Do not start the summary with `-`, or the first line looks mangled. Prefer:\n\n```markdown\nTypography, theme colors, SCSS utils, and new icons\n\n- Explicit DIO font-size overrides (small `1–4`, medium `1–5`)\n- `./mixins` export replaced by `./scss-utils`\n```\n\nEdit the generated `.changeset/*.md` if the interactive prompt only captured a single line. Commit it with the code change, then merge the PR to `main`.\n\n### 2. Release via GitHub Actions\n\nPublishing is done only through the [Release workflow](https://github.com/dss-web/dio-designsystemet/actions/workflows/release.yml) ([changesets/action](https://github.com/changesets/action)). It is **manual**: open that page → **Run workflow**.\n\nEach run does **one** of these (never both):\n\n| State on `main`                                         | What the workflow does                                                                                       |\n| ------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |\n| Pending `.changeset/*.md` files                         | Opens or updates a **“chore: version packages”** PR (bumps version + changelog, removes consumed changesets) |\n| No pending changesets, but a new version is unpublished | Builds and publishes that version to npm                                                                     |\n\n**Release steps:**\n\n1. Merge feature PRs that include changeset files\n2. Run **Release** → review and merge the version PR\n3. Run **Release** again → publishes to npm\n\nYou always need both workflow runs: version first, publish second.\n\n**Repo setup (once):** add an `NPM_TOKEN` secret (npm automation token with publish rights for `@dep-dio/dio-designsystem`). The action uses the default `GITHUB_TOKEN` for the version PR.\n","readmeFilename":"README.md"}