{"_id":"@canonical/react-tokens","_rev":"31-59202a7f3502a8a88c3890bd77a11539","name":"@canonical/react-tokens","dist-tags":{"latest":"0.42.0"},"versions":{"0.17.1":{"name":"@canonical/react-tokens","version":"0.17.1","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.17.1","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"amylily1011","email":"amy.lily@canonical.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"mariadias143","email":"marianovadias@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ando.gq","email":"tom@ando.sh"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/ds25#readme","bugs":{"url":"https://github.com/canonical/ds25/issues"},"dist":{"shasum":"e62e591d0f67f01f7cbffb657f4064576d52f5ac","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.17.1.tgz","fileCount":72,"integrity":"sha512-lwN+8Rj9PTZQMITyR18W/X76nZs2JLtUx9xOHn87NPkTCy3t1iVaONBDCLnCBCZY8NU72bmFdQ0U0zprkj2lQA==","signatures":[{"sig":"MEYCIQD6cdONUlS//oXVCadDQNAW9+6cHkXvUGW5V+ye1KF3fgIhAIHtIZYqV7hr1MMjF64nnbKbvcQ/sSbvVjLdw7bm4nxT","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":125628},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"b126fa8b0ccf4948c05df5ffb3c291039f90d0af","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6006 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},"repository":{"url":"git+https://github.com/canonical/ds25.git","type":"git"},"_npmVersion":"11.6.2","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.13.0","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"workspace:*","@canonical/styles-old":"workspace:*","@canonical/storybook-config":"^0.17.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.3.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.2.17","typescript":"^5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@biomejs/biome":"2.4.6","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.17.1","vite-tsconfig-paths":"^6.1.1","@vitejs/plugin-react":"^5.1.4","@storybook/addon-docs":"^10.2.17","@storybook/react-vite":"^10.2.17","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.17.1","@canonical/webarchitect":"^0.17.1","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^6.9.1","@canonical/typescript-config-react":"^0.17.1"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.17.1_1773228141940_0.9889692999909157","host":"s3://npm-registry-packages-npm-production"}},"0.20.0":{"name":"@canonical/react-tokens","version":"0.20.0","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.20.0","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"amylily1011","email":"amy.lily@canonical.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"mariadias143","email":"marianovadias@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ando.gq","email":"tom@ando.sh"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/pragma#readme","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"d49288eeaa989769999240b8aa3ad8e62e39bd67","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.20.0.tgz","fileCount":57,"integrity":"sha512-crLn+HJDa2UTQ+SzJkOAJ94DfZvelKtX+SJN3roRuILlFtiK1wQSFOyQ3vHCC1GZPCu9eUoJwB4NAhtPHPpDHA==","signatures":[{"sig":"MEYCIQDhTmqVpK6J7Xh26x+uayI9VoGqWPTHanYhRAMECRdOyQIhAK/oE0xXjqNwONLg18S/HCVL4Ja2h0YuXXInDfp0I3oA","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":124414},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"1aee634b278922f2aa1cfe2a11d3b14e64280905","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6006 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"mariadias143","email":"marianovadias@gmail.com"},"repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/9.0.7/node@v24.14.0+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.14.0","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.20.0","@canonical/styles-old":"^0.20.0","@canonical/storybook-config":"^0.20.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.3.1","typescript":"^5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@biomejs/biome":"2.4.6","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.20.0","vite-tsconfig-paths":"^6.1.1","@vitejs/plugin-react":"^5.1.4","@storybook/addon-docs":"^10.3.1","@storybook/react-vite":"^10.3.1","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.20.0","@canonical/webarchitect":"^0.20.0","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^6.9.1","@canonical/typescript-config-react":"^0.20.0"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.20.0_1774535671967_0.3123942006385436","host":"s3://npm-registry-packages-npm-production"}},"0.21.0":{"name":"@canonical/react-tokens","version":"0.21.0","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.21.0","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"amylily1011","email":"amy.lily@canonical.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"mariadias143","email":"marianovadias@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ando.gq","email":"tom@ando.sh"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/pragma#readme","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"b2a5919a76dc21aaf3176139ddd546d641c39284","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.21.0.tgz","fileCount":57,"integrity":"sha512-UGuEOf01v5MCQLIzGKxH2xqgrlVV7LDGNgaoH5CCgjDrDpKE5jamLeom2FQlvm2Sdhdq6R/2BbSEExVo6Z3agg==","signatures":[{"sig":"MEYCIQCWfn3u9q72PoTZe7YFEvtDnPyBjASVzcUFlea0QIIvngIhAM+QagCymHAgfrj7fBcV4Ln2nwua27mZuKdhXFfr+VAa","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":124456},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"4a39c954e7bbad4903397f8371f801982034a26d","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6006 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"mariadias143","email":"marianovadias@gmail.com"},"repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/9.0.7/node@v24.14.0+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.14.0","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.21.0","@canonical/styles-old":"^0.21.0","@canonical/storybook-config":"^0.21.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.3.1","typescript":"^5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@biomejs/biome":"2.4.9","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.21.0","vite-tsconfig-paths":"^6.1.1","@vitejs/plugin-react":"^6.0.0","@storybook/addon-docs":"^10.3.1","@storybook/react-vite":"^10.3.1","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.21.0","@canonical/webarchitect":"^0.21.0","@canonical/design-tokens":"^0.6.0","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^6.9.1","@canonical/typescript-config-react":"^0.21.0"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.21.0_1775008259890_0.30365058530515276","host":"s3://npm-registry-packages-npm-production"}},"0.22.0":{"name":"@canonical/react-tokens","version":"0.22.0","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.22.0","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"amylily1011","email":"amy.lily@canonical.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"mariadias143","email":"marianovadias@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ando.gq","email":"tom@ando.sh"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/pragma#readme","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"2f6bb4c44ad38681203c7768fcbcaca101e75d3d","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.22.0.tgz","fileCount":57,"integrity":"sha512-XFdLnYhhey9c6YDADhPE+VutX6uyPlQTsczKjdkceMeI8TZ4rUpYRB3pZyDUqdjlsJKcL43zugrCfH8pEggYDA==","signatures":[{"sig":"MEQCIEZb2i3gASX2oj0MEizTwBMvzh0WVJ2jbU/qNuhoDo35AiAdRaR3AoSonsHzy097RQaOm9stJxS2lR5C6ElZiAsF4g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":124456},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"99e187cf46d8bd7f3933705322fa4ab2d4a711e7","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6006 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"mariadias143","email":"marianovadias@gmail.com"},"repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/9.0.7/node@v24.14.1+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.14.1","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.22.0","@canonical/styles-old":"^0.22.0","@canonical/storybook-config":"^0.22.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.3.1","typescript":"^5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@biomejs/biome":"2.4.9","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.22.0","vite-tsconfig-paths":"^6.1.1","@vitejs/plugin-react":"^6.0.0","@storybook/addon-docs":"^10.3.1","@storybook/react-vite":"^10.3.1","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.22.0","@canonical/webarchitect":"^0.22.0","@canonical/design-tokens":"^0.6.0","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^6.9.1","@canonical/typescript-config-react":"^0.22.0"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.22.0_1775224861502_0.7773501434495722","host":"s3://npm-registry-packages-npm-production"}},"0.23.0":{"name":"@canonical/react-tokens","version":"0.23.0","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.23.0","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"amylily1011","email":"amy.lily@canonical.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"mariadias143","email":"marianovadias@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ando.gq","email":"tom@ando.sh"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/pragma#readme","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"66b1324e440cf284a95cb9d5b18bed451a5e113d","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.23.0.tgz","fileCount":57,"integrity":"sha512-1n6qLOmLolyEzP5+BFUWXYDZiiVTeqtpqM7kO0F284+7H45fueRTdtJpnNIyIeQ/fW9EAEM9EZnyPUTyQVYm8w==","signatures":[{"sig":"MEUCIQCKUQlFAfZJgljghiyOC0Q1JkFXk7LE/aVrO+jpMHUH5wIgIlNnhU3sLSjni1NhzRfC5RbSBYfPu04+0sC3OR9JGp4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":124456},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"742f5396bc3f9ca01a49646ed5b67acfc9d001d2","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6006 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"mariadias143","email":"marianovadias@gmail.com"},"repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/9.0.7/node@v24.14.1+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.14.1","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.23.0","@canonical/styles-old":"^0.23.0","@canonical/storybook-config":"^0.23.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.3.1","typescript":"^5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@biomejs/biome":"2.4.9","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.23.0","vite-tsconfig-paths":"^6.1.1","@vitejs/plugin-react":"^6.0.0","@storybook/addon-docs":"^10.3.1","@storybook/react-vite":"^10.3.1","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.23.0","@canonical/webarchitect":"^0.23.0","@canonical/design-tokens":"^0.6.0","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^6.9.1","@canonical/typescript-config-react":"^0.23.0"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.23.0_1775548392492_0.35396634556620077","host":"s3://npm-registry-packages-npm-production"}},"0.24.0":{"name":"@canonical/react-tokens","version":"0.24.0","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.24.0","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"amylily1011","email":"amy.lily@canonical.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"mariadias143","email":"marianovadias@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ando.gq","email":"tom@ando.sh"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/pragma#readme","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"71241ed4416842de42e68739ace66732144b9a41","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.24.0.tgz","fileCount":57,"integrity":"sha512-nRriSo6u45k5Q0Lj3DJsHJ6Yp0qPovue37gLG8F260HC/xn7OoIKNH0Enm8UYRs5rOg58FvLMNdE9p1HEH0xsw==","signatures":[{"sig":"MEQCID6eJpinCybp6TiZtegyWwV2S9ujrlrhIOTARfnr7ak4AiAYxtaf25Ub08WlezIRUY5xXPqEppDdu4HhO1cf95EAbA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":124456},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"28565e3591ad80525b62bd7be6343d1f12ebf4d0","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6006 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"mariadias143","email":"marianovadias@gmail.com"},"repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/9.0.7/node@v24.14.1+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.14.1","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.24.0","@canonical/styles-old":"^0.24.0","@canonical/storybook-config":"^0.24.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.3.1","typescript":"^5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@biomejs/biome":"2.4.9","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.24.0","vite-tsconfig-paths":"^6.1.1","@vitejs/plugin-react":"^6.0.0","@storybook/addon-docs":"^10.3.1","@storybook/react-vite":"^10.3.1","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.24.0","@canonical/webarchitect":"^0.24.0","@canonical/design-tokens":"^0.6.0","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^6.9.1","@canonical/typescript-config-react":"^0.24.0"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.24.0_1776090173451_0.13633436540471733","host":"s3://npm-registry-packages-npm-production"}},"0.25.0":{"name":"@canonical/react-tokens","version":"0.25.0","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.25.0","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"amylily1011","email":"amy.lily@canonical.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"mariadias143","email":"marianovadias@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ando.gq","email":"tom@ando.sh"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/pragma#readme","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"59565fc253bd60b5d19eb7deed8cd242de80a6c1","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.25.0.tgz","fileCount":57,"integrity":"sha512-zB3za5bFY5ZlSltYHIfboMw0/nnM8csGTyhfPVYIvstneYU8AzcAwiuCKplnIfimyY9DaM2m6tOY+k1UoHjzPg==","signatures":[{"sig":"MEUCIFjOU7yTTVM62a1tlM5G3M0rtN+kGZoE38CnXw3VBxTpAiEAhJ4nm5y2gl1C1vybpconvEc/YtSsxAmAKvHmE4bqSbc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":124456},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"c6005a14c8210772ad8c589a2b473946780b6c20","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6006 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"mariadias143","email":"marianovadias@gmail.com"},"repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/9.0.7/node@v24.14.1+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.14.1","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.25.0","@canonical/styles-old":"^0.25.0","@canonical/storybook-config":"^0.25.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.3.1","typescript":"^5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@biomejs/biome":"2.4.9","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.25.0","vite-tsconfig-paths":"^6.1.1","@vitejs/plugin-react":"^6.0.0","@storybook/addon-docs":"^10.3.1","@storybook/react-vite":"^10.3.1","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.25.0","@canonical/webarchitect":"^0.25.0","@canonical/design-tokens":"^0.6.0","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^6.9.1","@canonical/typescript-config-react":"^0.25.0"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.25.0_1776414451994_0.8754473862102494","host":"s3://npm-registry-packages-npm-production"}},"0.26.0":{"name":"@canonical/react-tokens","version":"0.26.0","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.26.0","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"amylily1011","email":"amy.lily@canonical.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"mariadias143","email":"marianovadias@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ando.gq","email":"tom@ando.sh"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/pragma#readme","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"b48ed3a0ab93a3b3da939b72fb31ac5b183eaec1","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.26.0.tgz","fileCount":57,"integrity":"sha512-QZ4eKmnfYd+nk3MPj7rXzvs1ZGsoqJqniQ8ds5KjnottunaG4hVjG1nWtWq+rSr/VdqC+jVslg548WNRhy4rkg==","signatures":[{"sig":"MEUCIBapbbUSfoczTIZ8fCND0GTUWOVLXSF/mzAo1ey+wrrQAiEAs2fir6/tDd4cmII4vG27ZCAdUJCleuiT4s6HlUDi8+Y=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":124456},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"55fece1380dba8dcd3a88af443dd509d9aaaccb2","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6006 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"mariadias143","email":"marianovadias@gmail.com"},"repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/9.0.7/node@v24.14.1+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.14.1","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.26.0","@canonical/styles-old":"^0.26.0","@canonical/storybook-config":"^0.26.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.3.1","typescript":"^5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@biomejs/biome":"2.4.9","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.26.0","vite-tsconfig-paths":"^6.1.1","@vitejs/plugin-react":"^6.0.0","@storybook/addon-docs":"^10.3.1","@storybook/react-vite":"^10.3.1","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.26.0","@canonical/webarchitect":"^0.26.0","@canonical/design-tokens":"^0.6.0","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^6.9.1","@canonical/typescript-config-react":"^0.26.0"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.26.0_1777070648420_0.40802506139607275","host":"s3://npm-registry-packages-npm-production"}},"0.27.0":{"name":"@canonical/react-tokens","version":"0.27.0","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.27.0","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"amylily1011","email":"amy.lily@canonical.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"mariadias143","email":"marianovadias@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ando.gq","email":"tom@ando.sh"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/pragma#readme","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"dd16187bddf0b5e6f121329cc1a034a7084bf9c3","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.27.0.tgz","fileCount":57,"integrity":"sha512-3YsHYBmwnfFwyyas9UR1/xQvaOsP2Nj4YaKVsECu0CzjwCOWe/qrTHXINcRSmbm7VbYQy8sJaFhkcrGfyTxXdg==","signatures":[{"sig":"MEQCIHpYlkAgLl+wbvjBWvhRAUP9YdWYZZZWXV8vw2DCBN2sAiBch7h9vg1InNhP479/GzH5PQr28rgQRvme6e7PU7HAWA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":124379},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"5df5709bf7cb6f2016be2f6eba8391637e2e2a0c","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6006 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"mariadias143","email":"marianovadias@gmail.com"},"repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/9.0.7/node@v24.14.1+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.14.1","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.27.0","@canonical/storybook-config":"^0.27.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.3.1","typescript":"^5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@biomejs/biome":"2.4.9","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.27.0","@vitejs/plugin-react":"^6.0.0","@storybook/addon-docs":"^10.3.1","@storybook/react-vite":"^10.3.1","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.27.0","@canonical/webarchitect":"^0.27.0","@canonical/design-tokens":"^0.6.0","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^6.9.1","@canonical/typescript-config-react":"^0.27.0"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.27.0_1777454205801_0.46103919283197636","host":"s3://npm-registry-packages-npm-production"}},"0.27.1-experimental.0":{"name":"@canonical/react-tokens","version":"0.27.1-experimental.0","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.27.1-experimental.0","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"amylily1011","email":"amy.lily@canonical.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"mariadias143","email":"marianovadias@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ando.gq","email":"tom@ando.sh"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/pragma#readme","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"8cbc64febdfeee9e5fcf8ec2fba364ebc20a347a","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.27.1-experimental.0.tgz","fileCount":57,"integrity":"sha512-ILnnXflcY9M3ddqV6S0LFuZXG8vbsiqEMIbRRjMieHtnfC46BPWh5pfgnpv2YPfiHNLJ6VlZUi3wmlFm6Vlt3A==","signatures":[{"sig":"MEUCIQD3faolgay+O8bx7C6w01hw/xsAWjKUGtgRZQ0/gpku7QIgec3Vpasb11hbp/BciOvrSsngRNtUrue8UzPNrHESxCk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@canonical%2freact-tokens@0.27.1-experimental.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":124533},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"d3f5b9aab7bec07fce40a12b45097d28d3cf0201","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6006 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:00ba94ae-bf00-458b-be3d-2a10590ec22e"}},"repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/9.0.7/node@v24.15.0+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.15.0","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.27.1-experimental.0","@canonical/storybook-config":"^0.27.1-experimental.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.3.1","typescript":"^5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@biomejs/biome":"2.4.9","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.27.1-experimental.0","@vitejs/plugin-react":"^6.0.0","@storybook/addon-docs":"^10.3.1","@storybook/react-vite":"^10.3.1","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.27.1-experimental.0","@canonical/webarchitect":"^0.27.1-experimental.0","@canonical/design-tokens":"^0.6.0","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^6.9.1","@canonical/typescript-config-react":"^0.27.1-experimental.0"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.27.1-experimental.0_1779386189729_0.04120370785512728","host":"s3://npm-registry-packages-npm-production"}},"0.28.0":{"name":"@canonical/react-tokens","version":"0.28.0","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.28.0","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"amylily1011","email":"amy.lily@canonical.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"mariadias143","email":"marianovadias@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ando.gq","email":"tom@ando.sh"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/pragma#readme","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"405354931b6d4dde6e8c09e324aab5e576a7319b","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.28.0.tgz","fileCount":57,"integrity":"sha512-fxyg3toeV2fDU/Ue+PWIOefgO+ShFAxajtWNQDGoNXiIDINL9hBqoHFzjbriw34zPsQU541zex5fG3VGf7dFCA==","signatures":[{"sig":"MEQCIAu4KToWdhMSfncr6A4YPS0A2PlWr87v0hwGGV9MyTP1AiBCIkn4ZiquT7ET1LgJttK75q/jrflASO63Sz/0zx+KAQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@canonical%2freact-tokens@0.28.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":124428},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"8297d72122bcba903f7e8833cb23ccbaa164ed56","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6006 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:00ba94ae-bf00-458b-be3d-2a10590ec22e"}},"repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/9.0.7/node@v24.16.0+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.16.0","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.28.0","@canonical/storybook-config":"^0.28.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.3.1","typescript":"^5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@biomejs/biome":"2.4.9","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.28.0","@vitejs/plugin-react":"^6.0.0","@storybook/addon-docs":"^10.3.1","@storybook/react-vite":"^10.3.1","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.28.0","@canonical/webarchitect":"^0.28.0","@canonical/design-tokens":"^0.6.0","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^6.9.1","@canonical/typescript-config-react":"^0.28.0"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.28.0_1781617513898_0.6625872014448255","host":"s3://npm-registry-packages-npm-production"}},"0.29.0-experimental.0":{"name":"@canonical/react-tokens","version":"0.29.0-experimental.0","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.29.0-experimental.0","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"amylily1011","email":"amy.lily@canonical.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"mariadias143","email":"marianovadias@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ando.gq","email":"tom@ando.sh"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/pragma#readme","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"86b648a1ae5c4a99f7a007dd7fb4ca1fb293ac86","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.29.0-experimental.0.tgz","fileCount":57,"integrity":"sha512-qaaNFDZrp/6/bzRWdcWGNKox79NrfzjEWn8ysr9gelguyuZSa5nNakwlEdArPkdPDrgt3cmLCm6RQwN8lgBe8w==","signatures":[{"sig":"MEQCIE7owzf1WWabruJabMTmUQ6FgFkJrq9ZP4aLRSF1ppLTAiA+jEAHdZUcyFULFV+DBRq4haGngf5xsj5XFHL2kR6GPA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@canonical%2freact-tokens@0.29.0-experimental.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":124488},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"eda67fea634a79b9f77910d3106219efc9b30136","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6006 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:00ba94ae-bf00-458b-be3d-2a10590ec22e"}},"repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/9.0.7/node@v24.16.0+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.16.0","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.28.0","@canonical/storybook-config":"^0.29.0-experimental.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.3.1","typescript":"^5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@biomejs/biome":"2.4.9","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.29.0-experimental.0","@vitejs/plugin-react":"^6.0.0","@storybook/addon-docs":"^10.3.1","@storybook/react-vite":"^10.3.1","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.28.0","@canonical/webarchitect":"^0.29.0-experimental.0","@canonical/design-tokens":"^0.6.0","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^6.9.1","@canonical/typescript-config-react":"^0.28.0"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.29.0-experimental.0_1782338273530_0.49153196023929113","host":"s3://npm-registry-packages-npm-production"}},"0.29.0":{"name":"@canonical/react-tokens","version":"0.29.0","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.29.0","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"amylily1011","email":"amy.lily@canonical.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ando.gq","email":"tom@ando.sh"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/pragma#readme","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"a37e8513fdc0f947bea645eb137a01e55db669f4","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.29.0.tgz","fileCount":57,"integrity":"sha512-TTPFaDhVx6PetdGgjB8zwxDdleZ8DjgVctjzPZ/tDkvNZiBaR7XVmfxESrqe2MjAA5Y+uHTOyKULzHCZkLGZ+A==","signatures":[{"sig":"MEUCIHUJX1lqW5psneyFZR3Z/tu1zj7jua8yIbKmasjVW1cBAiEAiX/f8VGv6T4YU6EJkEngp6n8kFfAGfSRFHHYsXzx5iQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@canonical%2freact-tokens@0.29.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":124428},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"535302c1e1e5dd8fa9bc2da4144de57ec4e63005","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6006 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:00ba94ae-bf00-458b-be3d-2a10590ec22e"}},"repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/9.0.7/node@v24.18.0+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.18.0","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.29.0","@canonical/storybook-config":"^0.29.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.3.1","typescript":"^5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@biomejs/biome":"2.4.9","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.29.0","@vitejs/plugin-react":"^6.0.0","@storybook/addon-docs":"^10.3.1","@storybook/react-vite":"^10.3.1","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.29.0","@canonical/webarchitect":"^0.29.0","@canonical/design-tokens":"^0.6.0","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^6.9.1","@canonical/typescript-config-react":"^0.29.0"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.29.0_1783071089362_0.6430017536834469","host":"s3://npm-registry-packages-npm-production"}},"0.29.1":{"name":"@canonical/react-tokens","version":"0.29.1","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.29.1","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"amylily1011","email":"amy.lily@canonical.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ando.gq","email":"tom@ando.sh"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/pragma#readme","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"9827e033efbfbc3859c1500ec1958409e86016ec","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.29.1.tgz","fileCount":57,"integrity":"sha512-MT6l4h4XbSwcxHng9ZZcqg4LZf4MssILlEDLqpqazLPyJ9jGW7AEs9pB6wpRUk4lePvu20PmqTXXIpimDOVyCw==","signatures":[{"sig":"MEUCIQDwhz+tdf0ItY/Rp6Kyn/nCIK1I7LWxX1gQ0HqrjnxPpwIgNEoNumIxaYCw262LgkHNBTVPcyCcudZ11uizI2DmZZI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@canonical%2freact-tokens@0.29.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":124428},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"7c96ac31ff350a3bd099168d249680a8f9632568","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6006 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:00ba94ae-bf00-458b-be3d-2a10590ec22e"}},"repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/9.0.7/node@v24.18.0+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.18.0","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.29.0","@canonical/storybook-config":"^0.29.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.3.1","typescript":"^5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@biomejs/biome":"2.4.9","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.29.0","@vitejs/plugin-react":"^6.0.0","@storybook/addon-docs":"^10.3.1","@storybook/react-vite":"^10.3.1","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.29.0","@canonical/webarchitect":"^0.29.0","@canonical/design-tokens":"^0.6.0","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^6.9.1","@canonical/typescript-config-react":"^0.29.0"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.29.1_1783100788752_0.07532598228621601","host":"s3://npm-registry-packages-npm-production"}},"0.30.0":{"name":"@canonical/react-tokens","version":"0.30.0","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.30.0","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"amylily1011","email":"amy.lily@canonical.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ando.gq","email":"tom@ando.sh"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/pragma#readme","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"26d40fc198ea89da031636308a15a29d8f5290fa","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.30.0.tgz","fileCount":57,"integrity":"sha512-xfUq+/AUi/RTDQAtIQIcVUmgv7FdVN7avfwlCnVt8xkEeqaFzBFgQLwAjQsVtc/V16rucNfEho8ygxFgxU8i5g==","signatures":[{"sig":"MEYCIQCkXMrgHUk+FkGXhVDtrRhzXYzrUiiT5wZiz/BV8A1cyAIhANhT5Ce3UPZHOlLGfCxkRhshadpoGGHvTA3lfpRd7xPe","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@canonical%2freact-tokens@0.30.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":124489},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"40fe86ac955473536ac14f074812a9821f5b65c0","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6006 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:00ba94ae-bf00-458b-be3d-2a10590ec22e"}},"repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/9.0.7/node@v24.18.0+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.18.0","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.30.0","@canonical/storybook-config":"^0.30.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.3.1","typescript":"^5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@biomejs/biome":"2.4.9","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.30.0","@vitejs/plugin-react":"^6.0.0","@storybook/addon-docs":"^10.3.1","@storybook/react-vite":"^10.3.1","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.30.0","@canonical/webarchitect":"^0.30.0","@canonical/design-tokens":"0.6.2-contrasted.0","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^6.9.1","@canonical/vitest-config-react":"^0.30.0","@canonical/typescript-config-react":"^0.30.0"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.30.0_1783988130599_0.195265595547353","host":"s3://npm-registry-packages-npm-production"}},"0.31.0":{"name":"@canonical/react-tokens","version":"0.31.0","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.31.0","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"amylily1011","email":"amy.lily@canonical.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ando.gq","email":"tom@ando.sh"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/pragma#readme","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"5d3142c19011a6d66efca3e484fa150f60b45c76","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.31.0.tgz","fileCount":57,"integrity":"sha512-8CBKPKpR5ot5xbvysAPdVdGe83gzaLYxdnq2gFXKZQBZqXlifLYELEFy8QJDySe7Ye3CCnUJnFBq0i/FhMFYRg==","signatures":[{"sig":"MEUCIE9Pd/rXIIZnSlE+Uf1m67pEwsLqDvpqN3UzniLqSvPdAiEAjPYIHc/1f+2tkasMe1mT7KdjBtLaryrLFgnnyOmkX/s=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@canonical%2freact-tokens@0.31.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":124489},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"d4a67ebe42e62b8cf3de77f42f537309ca88d672","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6006 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:00ba94ae-bf00-458b-be3d-2a10590ec22e"}},"repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/9.0.7/node@v24.18.0+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.18.0","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.31.0","@canonical/storybook-config":"^0.31.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.3.1","typescript":"^5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@biomejs/biome":"2.4.9","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.31.0","@vitejs/plugin-react":"^6.0.0","@storybook/addon-docs":"^10.3.1","@storybook/react-vite":"^10.3.1","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.31.0","@canonical/webarchitect":"^0.31.0","@canonical/design-tokens":"0.6.2-contrasted.0","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^6.9.1","@canonical/vitest-config-react":"^0.31.0","@canonical/typescript-config-react":"^0.31.0"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.31.0_1784323765865_0.9796836487613545","host":"s3://npm-registry-packages-npm-production"}},"0.32.0":{"name":"@canonical/react-tokens","version":"0.32.0","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.32.0","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"amylily1011","email":"amy.lily@canonical.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ando.gq","email":"tom@ando.sh"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/pragma#readme","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"b9b12c31a4263ad61fc61f1b19fefab993eb4bf8","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.32.0.tgz","fileCount":57,"integrity":"sha512-/01x6OMp/B6fJy5LC96B2kKe6T6GP+ir6Payp9Tvoo1g2gut7Hg4Dry+Hgf8ZuGB5qZWNZC60yjW4KzQeieAJw==","signatures":[{"sig":"MEQCICwrdpYmycbLUBUdOWDl9qyMQRQ3m4Ql1Gm/Knri1QeRAiBSWoBBC4fq327RJa3fyVz3Pvq4KnI3rd1ak0pFfIMQHw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@canonical%2freact-tokens@0.32.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":124476},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"5b279d8150e3988c68c6c2a741046bcd425624ca","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6006 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:00ba94ae-bf00-458b-be3d-2a10590ec22e"}},"repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/9.0.7/node@v24.18.0+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.18.0","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.32.0","@canonical/storybook-config":"^0.32.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.3.1","typescript":"^5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@biomejs/biome":"2.4.9","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.32.0","@vitejs/plugin-react":"^6.0.0","@storybook/addon-docs":"^10.3.1","@storybook/react-vite":"^10.3.1","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.32.0","@canonical/webarchitect":"^0.32.0","@canonical/design-tokens":"0.8.1","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^6.9.1","@canonical/vitest-config-react":"^0.32.0","@canonical/typescript-config-react":"^0.32.0"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.32.0_1784542961895_0.20536836854166585","host":"s3://npm-registry-packages-npm-production"}},"0.33.0":{"name":"@canonical/react-tokens","version":"0.33.0","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.33.0","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"amylily1011","email":"amy.lily@canonical.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ando.gq","email":"tom@ando.sh"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/pragma#readme","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"143aec7070596de7cc5afd78bcd875bf5d6da129","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.33.0.tgz","fileCount":57,"integrity":"sha512-jEQTtsOpzBPwbWtZdNnBsZl1UCkXIms0iHyeojhzTKvt3nTuEMY43Wk2ExhqpOcomCHgswPJh0hb5MnOQh0Wjw==","signatures":[{"sig":"MEUCIBMLrFqyn5QCCF3re4mTg+N+5X1NFVeeuy+JJ22tIgmuAiEAnnsEGbhz6dLGlHmStH6gQbwvAu1b43yOg0KcQyupmjo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@canonical%2freact-tokens@0.33.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":124476},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"fca2bc4440fff2d511fc8db6686f9b19222fdbc7","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6006 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:00ba94ae-bf00-458b-be3d-2a10590ec22e"}},"repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/9.0.7/node@v24.18.0+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.18.0","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.33.0","@canonical/storybook-config":"^0.33.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.3.1","typescript":"^5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@biomejs/biome":"2.4.9","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.33.0","@vitejs/plugin-react":"^6.0.0","@storybook/addon-docs":"^10.3.1","@storybook/react-vite":"^10.3.1","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.33.0","@canonical/webarchitect":"^0.33.0","@canonical/design-tokens":"0.8.1","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^6.9.1","@canonical/vitest-config-react":"^0.33.0","@canonical/typescript-config-react":"^0.33.0"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.33.0_1784914703053_0.9884441582399492","host":"s3://npm-registry-packages-npm-production"}},"0.34.0":{"name":"@canonical/react-tokens","version":"0.34.0","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.34.0","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"amylily1011","email":"amy.lily@canonical.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ando.gq","email":"tom@ando.sh"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/pragma#readme","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"3a305d0e3f236f81ad5a4bc166f0cc07cf336743","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.34.0.tgz","fileCount":57,"integrity":"sha512-iDVog/4leMnDYolRenz9KUqu53iDhXMD2AABD2F0j4EJ1Plep6DVqaFIZKAX969p1pv75dlIOPxIyQn+jzf3nw==","signatures":[{"sig":"MEQCIDgdzzx3NOiBmBeief0aM7ivslWK+nue43NnYJxJqDrjAiBAZDQMy+AMN/YbHIfc6dzE3ZpgMjJjEZvULEy+f/6Dsg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@canonical%2freact-tokens@0.34.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":124476},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"e8d25fecbe6e70edfc4cb300bad65f691dbbd26e","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6006 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:00ba94ae-bf00-458b-be3d-2a10590ec22e"}},"repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/9.0.7/node@v24.19.0+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.19.0","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.34.0","@canonical/storybook-config":"^0.34.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.3.1","typescript":"^5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@biomejs/biome":"2.4.9","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.34.0","@vitejs/plugin-react":"^6.0.0","@storybook/addon-docs":"^10.3.1","@storybook/react-vite":"^10.3.1","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.34.0","@canonical/webarchitect":"^0.34.0","@canonical/design-tokens":"0.8.1","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^6.9.1","@canonical/vitest-config-react":"^0.34.0","@canonical/typescript-config-react":"^0.34.0"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.34.0_1787317105001_0.8533226314410738","host":"s3://npm-registry-packages-npm-production"}},"0.35.0":{"name":"@canonical/react-tokens","version":"0.35.0","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.35.0","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"amylily1011","email":"amy.lily@canonical.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ando.gq","email":"tom@ando.sh"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/pragma#readme","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"a1ea68619e31a04a609a573a36832fea1e8231f7","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.35.0.tgz","fileCount":57,"integrity":"sha512-46w9odcTSkbvdMnXFGuEHeV0fPGmhheIB5akxIUUXIDeW9wdVBcboqSabLH7nzW82xsfeKTzrw1+gQsTd2msaQ==","signatures":[{"sig":"MEUCIQDoSm0lLI7dVx1E4yX57YR7QmL+QDt8gBUNPPbEaZsE2wIgPEuihJU/oA1MNZhil/c9YwK5KNb53Utpr9YfDmJZRHs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@canonical%2freact-tokens@0.35.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":124471},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"5198c5399ef657959272c0e35924391573d81146","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6006 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:00ba94ae-bf00-458b-be3d-2a10590ec22e"}},"repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/9.0.7/node@v24.19.0+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.19.0","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.35.0","@canonical/storybook-config":"^0.35.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.3.1","typescript":"^5.9.3","@types/node":"^26.0.0","@types/react":"^19.2.14","@biomejs/biome":"2.4.9","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.35.0","@vitejs/plugin-react":"^6.0.0","@storybook/addon-docs":"^10.3.1","@storybook/react-vite":"^10.3.1","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.35.0","@canonical/webarchitect":"^0.35.0","@canonical/design-tokens":"0.8.1","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^7.0.0","@canonical/vitest-config-react":"^0.35.0","@canonical/typescript-config-react":"^0.35.0"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.35.0_1787877274810_0.48559284453868035","host":"s3://npm-registry-packages-npm-production"}},"0.36.0":{"name":"@canonical/react-tokens","version":"0.36.0","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.36.0","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ando.gq","email":"tom@ando.sh"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/pragma#readme","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"5e129948fae9d428fbeac5d7c2d1864bfa1fe0e1","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.36.0.tgz","fileCount":57,"integrity":"sha512-OlfR2yU8SCTAoiBc1XbmiCywtH0224W2EWFpFFgD4eLZ96JzySqBOA7KDBKpQv7QA+3ki5jYLIx5Uh9AwudIKA==","signatures":[{"sig":"MEYCIQCNiXI3eb+bmZJTCZv0VoikDWwOgI0dYqfl0B5E0AkhngIhAJr0rUD+i4L65kIxTOp10y8l6E9Aimp2+BmLESRKcjY3","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@canonical%2freact-tokens@0.36.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":124471},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"78eb47ac10104e914eeacd331795e14b832703d4","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6006 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:00ba94ae-bf00-458b-be3d-2a10590ec22e"}},"repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/9.0.7/node@v24.19.0+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.19.0","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.36.0","@canonical/storybook-config":"^0.36.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.3.1","typescript":"^5.9.3","@types/node":"^26.0.0","@types/react":"^19.2.14","@biomejs/biome":"2.4.9","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.36.0","@vitejs/plugin-react":"^6.0.0","@storybook/addon-docs":"^10.3.1","@storybook/react-vite":"^10.3.1","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.36.0","@canonical/webarchitect":"^0.36.0","@canonical/design-tokens":"0.8.1","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^7.0.0","@canonical/vitest-config-react":"^0.36.0","@canonical/typescript-config-react":"^0.36.0"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.36.0_1788012142054_0.2719236714904496","host":"s3://npm-registry-packages-npm-production"}},"0.37.0":{"name":"@canonical/react-tokens","version":"0.37.0","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.37.0","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"abbiesims","email":"abbie.sims@canonical.com"},{"name":"ataku_b","email":"atakan99saglam@gmail.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ando.gq","email":"tom@ando.sh"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/pragma#readme","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"5b74b997f300f830c64f27972b32ca8d07a6b3b8","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.37.0.tgz","fileCount":57,"integrity":"sha512-phS24HYeRbWxzekxBgEZMtyqaS0iNWYAch1q5rEajCDvo5e5XaaeA0JzEag67EqcNtG4WbaZJf9JCeOPxtr72w==","signatures":[{"sig":"MEQCIGieoCXWJs+FybNNzhusVyU/3r2mTrUH/ZJ3NKaB6M1oAiABxkWKXUbTEcGUQY0dLa2RIkjlOmDIDwOdQUcBOVm5Lg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@canonical%2freact-tokens@0.37.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":124471},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"ac8383bdb4be1bcd6fa6c4960a1e3d78c0279688","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6006 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:00ba94ae-bf00-458b-be3d-2a10590ec22e"}},"repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/10.0.1/node@v24.19.0+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.19.0","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.37.0","@canonical/storybook-config":"^0.37.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.3.1","typescript":"^5.9.3","@types/node":"^26.0.0","@types/react":"^19.2.14","@biomejs/biome":"2.4.9","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.37.0","@vitejs/plugin-react":"^6.0.0","@storybook/addon-docs":"^10.3.1","@storybook/react-vite":"^10.3.1","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.37.0","@canonical/webarchitect":"^0.37.0","@canonical/design-tokens":"0.8.1","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^7.0.0","@canonical/vitest-config-react":"^0.37.0","@canonical/typescript-config-react":"^0.37.0"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.37.0_1788345327087_0.24000308718804453","host":"s3://npm-registry-packages-npm-production"}},"0.38.0":{"name":"@canonical/react-tokens","version":"0.38.0","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.38.0","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"abbiesims","email":"abbie.sims@canonical.com"},{"name":"ataku_b","email":"atakan99saglam@gmail.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/pragma#readme","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"ef168b5c636358cabab46b8761bdca50c156243d","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.38.0.tgz","fileCount":57,"integrity":"sha512-4T4ACLIwDYvT59Z3EgEQkT/rGXrTpwY3nSXX+YDPs//TjBisQqnV/lF4iG37SGTcxJ+JvqNx0UcXNFRnwUBKMw==","signatures":[{"sig":"MEUCIQDKhtKVI7FeoDoBKy1JnViAsQ+64BpI48idFMugKQZnpQIgNNKsTbZPrL3zm9LetAwogzwRzK3XzIQQdlnCCrxlCUI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@canonical%2freact-tokens@0.38.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":124734},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"4d10a68a9b299af6fe3d1d7d053e54ca128944ad","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6009 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:00ba94ae-bf00-458b-be3d-2a10590ec22e"}},"repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/10.0.1/node@v24.20.0+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.20.0","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.38.0","@canonical/storybook-config":"^0.38.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.3.1","typescript":"^5.9.3","@types/node":"^26.0.0","@types/react":"^19.2.14","@biomejs/biome":"2.5.13","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.38.0","@vitejs/plugin-react":"^6.0.0","@storybook/addon-docs":"^10.3.1","@storybook/react-vite":"^10.3.1","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.38.0","@canonical/webarchitect":"^0.38.0","@canonical/design-tokens":"0.10.0","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^7.0.0","@canonical/vitest-config-react":"^0.38.0","@canonical/typescript-config-react":"^0.38.0"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.38.0_1789572980492_0.6155420247629684","host":"s3://npm-registry-packages-npm-production"}},"0.40.0":{"name":"@canonical/react-tokens","version":"0.40.0","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","_id":"@canonical/react-tokens@0.40.0","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"abbiesims","email":"abbie.sims@canonical.com"},{"name":"ataku_b","email":"atakan99saglam@gmail.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"homepage":"https://github.com/canonical/pragma#readme","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"2676e21b8ab0e3c3ee0772e3629cb03f659b778a","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.40.0.tgz","fileCount":57,"integrity":"sha512-rhgDXXXx8wTSC6OqEFiWmqnhFhRcxEhFER/jE9hszYNeYDn9w4BosYyurqemfgUQZAL4nXN20IMDah6glJ+/Jg==","signatures":[{"sig":"MEQCICYFvi3evGhBk7u8MvLz/qjKEJQ5mnOOL85xSCKKJIwpAiAyrsbfM+I9FIJ0oIa1cU0NpNZjPX7nEJZPEogA1kaSzQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEUCIAV0Mb1OW/CykaB4XTuKqrQdl+nsegXJqJ5AVEkY6v+qAiEA6XfV1Y9wa4OShvNxTvlzRVc72jAAVPYAIfbVinpQVcA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@canonical%2freact-tokens@0.40.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":124734},"type":"module","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"9136b71518260c5f33e7619da087198c931e4c13","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6009 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:00ba94ae-bf00-458b-be3d-2a10590ec22e"}},"repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/10.0.1/node@v24.20.0+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"_nodeVersion":"24.20.0","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.40.0","@canonical/storybook-config":"^0.40.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.3.1","typescript":"^5.9.3","@types/node":"^26.0.0","@types/react":"^19.2.14","@biomejs/biome":"2.5.13","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.40.0","@vitejs/plugin-react":"^6.0.0","@storybook/addon-docs":"^10.3.1","@storybook/react-vite":"^10.3.1","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.40.0","@canonical/webarchitect":"^0.40.0","@canonical/design-tokens":"0.10.0","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^7.0.0","@canonical/vitest-config-react":"^0.40.0","@canonical/typescript-config-react":"^0.40.0"},"_npmOperationalInternal":{"tmp":"tmp/react-tokens_0.40.0_1789941873862_0.7141189388131581","host":"s3://npm-registry-packages-npm-production"}},"0.42.0":{"_id":"@canonical/react-tokens@0.42.0","bugs":{"url":"https://github.com/canonical/pragma/issues"},"dist":{"shasum":"c287eb78568a0454060a7036d3abce36a2561851","tarball":"https://registry.npmjs.org/@canonical/react-tokens/-/react-tokens-0.42.0.tgz","fileCount":57,"integrity":"sha512-lNbf7HuV6Mi60KPdcnjSmym50ZTG/xe/fbWXgKDaDGlr/Vy2SaAmT4UAIz22GwKUi0nVc3tuNXCXqxLEuAxYIw==","signatures":[{"sig":"MEUCIEjvBe6W2mDxoxn4BOtj9mfLjasxErvZqbb2JKs/l8IYAiEA+JD0XMlDat0WB9ctRcdk5sQ8z0gg0SQfkhtu1y2hGZw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIFC06P+t1X83j74UTjIKKoO6mhFLEj6rfBOg2HeJii48AiBRQYp/1rfafJr9nRQNSFE9giMSeoXsZzUj9U+2cSHiDQ=="}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@canonical%2freact-tokens@0.42.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":125123},"name":"@canonical/react-tokens","type":"module","types":"dist/types/index.d.ts","author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"module":"dist/esm/index.js","gitHead":"75c2b17029ba899be3fa645be28290ac6fcb83a9","license":"LGPL-3.0","scripts":{"test":"bun run test:vitest","build":"bun run build:package","check":"bun run check:biome && bun run check:ts && bun run check:webarchitect","check:ts":"tsc --noEmit","build:all":"bun run build:package && bun run build:storybook","check:fix":"bun run check:biome:fix && bun run check:ts","storybook":"storybook dev -p 6009 --no-open --host 0.0.0.0","check:biome":"biome check","test:vitest":"vitest run --passWithNoTests","build:package":"bun run build:package:tsc && bun run build:package:copycss","build:storybook":"storybook build","check:biome:fix":"biome check --write","build:package:tsc":"tsc -p tsconfig.build.json","test:vitest:watch":"vitest","check:webarchitect":"webarchitect package-react","build:package:copycss":"copyfiles -u 1 'src/lib/{,**/}*.css' dist/esm"},"version":"0.42.0","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:00ba94ae-bf00-458b-be3d-2a10590ec22e"}},"homepage":"https://github.com/canonical/pragma#readme","repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"_npmVersion":"lerna/10.0.1/node@v24.21.0+x64 (linux)","description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","directories":{},"maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"abbiesims","email":"abbie.sims@canonical.com"},{"name":"ataku_b","email":"atakan99saglam@gmail.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"_nodeVersion":"24.21.0","dependencies":{"react":"^19.2.4","react-dom":"^19.2.4","@canonical/styles":"^0.42.0","@canonical/storybook-config":"^0.42.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","jsdom":"^28.1.0","vitest":"^4.0.18","globals":"^17.4.0","copyfiles":"^2.4.1","storybook":"^10.6.0","typescript":"^7.0.2","@types/node":"^26.0.0","@types/react":"^19.2.14","@biomejs/biome":"2.5.14","@types/react-dom":"^19.2.3","@canonical/ds-types":"^0.42.0","@vitejs/plugin-react":"^6.0.0","@storybook/addon-docs":"^10.6.0","@storybook/react-vite":"^10.6.0","@testing-library/react":"^16.3.2","@canonical/biome-config":"^0.42.0","@canonical/webarchitect":"^0.42.0","@canonical/design-tokens":"0.10.0","@chromatic-com/storybook":"^5.0.1","@testing-library/jest-dom":"^7.0.0","@canonical/vitest-config-react":"^0.42.0","@canonical/typescript-config-react":"^0.42.0"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-tokens_0.42.0_1790560906565_0.8822472551720792"}}},"time":{"created":"2026-03-11T11:22:21.850Z","modified":"2026-09-28T02:01:46.988Z","0.17.1":"2026-03-11T11:22:22.103Z","0.20.0":"2026-03-26T14:34:32.108Z","0.21.0":"2026-04-01T01:51:00.031Z","0.22.0":"2026-04-03T14:01:01.704Z","0.23.0":"2026-04-07T07:53:12.658Z","0.24.0":"2026-04-13T14:22:53.582Z","0.25.0":"2026-04-17T08:27:32.124Z","0.26.0":"2026-04-24T22:44:08.554Z","0.27.0":"2026-04-29T09:16:45.964Z","0.27.1-experimental.0":"2026-05-21T17:56:29.906Z","0.28.0":"2026-06-16T13:45:14.028Z","0.29.0-experimental.0":"2026-06-24T21:57:53.666Z","0.29.0":"2026-07-03T09:31:29.495Z","0.29.1":"2026-07-03T17:46:28.880Z","0.30.0":"2026-07-14T00:15:30.744Z","0.31.0":"2026-07-17T21:29:26.006Z","0.32.0":"2026-07-20T10:22:42.022Z","0.33.0":"2026-07-24T17:38:23.186Z","0.34.0":"2026-08-21T12:58:25.160Z","0.35.0":"2026-08-28T00:34:34.956Z","0.36.0":"2026-08-29T14:02:22.197Z","0.37.0":"2026-09-02T10:35:27.227Z","0.38.0":"2026-09-16T15:36:20.626Z","0.40.0":"2026-09-20T22:04:33.946Z","0.42.0":"2026-09-28T02:01:46.660Z"},"bugs":{"url":"https://github.com/canonical/pragma/issues"},"author":{"name":"Canonical Webteam","email":"webteam@canonical.com"},"license":"LGPL-3.0","homepage":"https://github.com/canonical/pragma#readme","repository":{"url":"git+https://github.com/canonical/pragma.git","type":"git"},"description":"Token explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.","maintainers":[{"name":"ilayda21","email":"ilayda.cavusoglupars@canonical.com"},{"name":"frankban","email":"frankban@gmail.com"},{"name":"huwshimi","email":"huw@ikmail.com"},{"name":"anthonydillon","email":"me@anthonydillon.com"},{"name":"steverydz","email":"steverydz@gmail.com"},{"name":"bartaz","email":"bartek.szopka@canonical.com"},{"name":"jpmartinspt","email":"joao.figueiredo.martins@canonical.com"},{"name":"petesfrench","email":"peterfrench94@gmail.com"},{"name":"jmuzina","email":"jmuzina@pm.me"},{"name":"mtruj","email":"mariapaula.trujillo@canonical.com"},{"name":"edlerd","email":"david.edler@canonical.com"},{"name":"abehnia","email":"ardavan.behnia@canonical.com"},{"name":"canonical-organization","email":"is-admin@canonical.com"},{"name":"edisile-canonical","email":"eduard.manta@canonical.com"},{"name":"steciuk-canonical","email":"adam.steciuk@canonical.com"},{"name":"abbiesims","email":"abbie.sims@canonical.com"},{"name":"ataku_b","email":"atakan99saglam@gmail.com"},{"name":"ad.vl","email":"adrian.villa.g@gmail.com"},{"name":"engr-ali","email":"its.muhammad.ali.mughal@gmail.com"},{"name":"ninfa_jeon","email":"urvashi.sharma271099@gmail.com"},{"name":"ndv99","email":"n.devilliers1999@gmail.com"},{"name":"goulin-canonical","email":"goulin.khoge@canonical.com"},{"name":"immortalcodes","email":"21112002mj@gmail.com"},{"name":"alvaromateo","email":"alvaro.mateoalvarez@canonical.com"},{"name":"onibenjo-canonical","email":"benjaminaderopo.oni@canonical.com"}],"readme":"# @canonical/react-tokens\n\nToken explorer components for the Pragma design system. This package provides `TokenTable` and `TokenSwatch` — reusable visualization components for browsing, comparing, and understanding the design token system inside Storybook.\n\n## Prerequisites\n\n- React 19 or higher\n- `@canonical/styles` for global design tokens (the token CSS custom properties that swatches reference)\n\n## Installation\n\n```bash\nbun add @canonical/react-tokens\n```\n\n## Usage\n\nImport the components and pass token data:\n\n```tsx\nimport { TokenTable, type TokenEntry } from \"@canonical/react-tokens\";\n\nconst tokens: TokenEntry[] = [\n  {\n    cssVar: \"--color-text\",\n    id: \"color.text\",\n    type: \"color\",\n    tier: \"semantic\",\n    stability: \"wip\",\n    cssOutputFile: \"modifiers.theme.css\",\n    isPaired: true,\n    valueLight: \"oklch(12.2% 0 0)\",\n    valueDark: \"oklch(93.5% 0 0)\",\n  },\n];\n\nfunction TokenReference() {\n  return (\n    <TokenTable\n      tokens={tokens}\n      title=\"Semantic colors\"\n      columns={[\"token\", \"swatch\", \"light\", \"dark\", \"stability\"]}\n      searchable\n      groupBy=\"prefix\"\n    />\n  );\n}\n```\n\nColor swatches render live `var()` references, so they update automatically when the Storybook theme switches between light and dark modes.\n\n## Components\n\n### TokenTable\n\nA dense, scannable table for browsing design tokens. Supports search, grouping, column selection, and auto-detected column layouts.\n\n```tsx\nimport { TokenTable } from \"@canonical/react-tokens\";\n```\n\n#### Props\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `tokens` | `TokenEntry[]` | — | **Required.** Token data to display. |\n| `title` | `string` | — | Title shown above the table. |\n| `caption` | `string` | — | Supporting copy shown below the title. |\n| `columns` | `TokenColumnId[]` | Auto-detected | Which columns to render. When omitted, columns are inferred from the token data shape. |\n| `searchable` | `boolean` | `false` | Show a search input that filters across all token metadata. |\n| `showCount` | `boolean` | `true` | Show the filtered token count in the toolbar. |\n| `dense` | `boolean` | `true` | Use compact padding optimized for scanning. |\n| `groupBy` | `TokenGroupBy` | — | Group tokens under inline section headers. |\n| `searchPlaceholder` | `string` | `\"Search tokens, ids, or files…\"` | Placeholder text for the search input. |\n| `emptyMessage` | `string` | `\"No tokens match the current filters.\"` | Text shown when no tokens pass the filter. |\n| `className` | `string` | — | Additional CSS class on the root element. |\n\n#### Column identifiers\n\n| Column | Content |\n|--------|---------|\n| `token` | CSS variable name with inline metadata (DTCG ID, type, tier, output file). |\n| `swatch` | Visual preview rendered by `TokenSwatch`. |\n| `light` | Light-mode resolved value. |\n| `dark` | Dark-mode resolved value. |\n| `value` | Single resolved value (for unpaired tokens). |\n| `type` | DTCG token type. |\n| `tier` | Token tier (primitive, semantic, derived). |\n| `stability` | Maturity badge (stable, WIP, experimental). |\n| `derivedFrom` | Parent token CSS variable name. |\n| `derivation` | Derivation mechanism (hover, active, channel-modifier, etc.). |\n\n#### Column auto-detection\n\nWhen `columns` is omitted, TokenTable infers a layout:\n\n- Tokens with `isPaired: true` → `token, swatch, light, dark, stability`\n- Tokens with `derivedFrom` and no values → `token, swatch, derivedFrom, derivation, stability`\n- Tokens with a single value → `token, swatch, value, stability`\n\n#### Grouping modes\n\n| Mode | Groups by | Use when |\n|------|-----------|----------|\n| `type` | DTCG token type | Checking rendering and CSS assignability semantics. |\n| `tier` | Token tier | Deciding what to consume vs. what is infrastructure. |\n| `cssOutputFile` | Generated CSS file | Validating build output and cascade layers. |\n| `derivation` | Derivation mechanism | Debugging modifier, surface, and state relationships. |\n| `prefix` | Semantic family (text, border, icon, foreground) | Finding all tokens in a domain. |\n\n### TokenSwatch\n\nA compact visual preview for a single token. Renders type-specific representations: color patches, dimension bars, font samples, curve indicators, gradient strips, border/shadow/stroke previews, and derivation references.\n\n```tsx\nimport { TokenSwatch } from \"@canonical/react-tokens\";\n```\n\n#### Props\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `token` | `TokenEntry` | — | **Required.** The token to visualize. |\n| `contextClass` | `string` | — | CSS class for modifier context (e.g., `\"error\"`). Reserved for Phase 2. |\n| `className` | `string` | — | Additional CSS class on the root element. |\n\n`TokenSwatch` also accepts all standard `HTMLDivElement` attributes via prop spreading.\n\n#### Rendering by type\n\n| Token type | Rendering |\n|------------|-----------|\n| `color` | 2rem × 2rem filled square using `var(--token-css-var)`. Shows L/D chip when paired. |\n| `dimension` | Horizontal bar scaled to `min(var(--token), 8rem)` with value label. |\n| `number` | Numeric chip (Δ prefix for delta tokens) with formatted value. |\n| `fontFamily` | \"Ag\" sample text in the referenced font family. |\n| `fontWeight` | \"Ag\" sample text at the referenced weight. |\n| `typography` | \"Aa Bb 123\" sample inheriting semantic text color. |\n| `duration` | `ms` chip with duration value. |\n| `cubicBezier` | Curve indicator with truncated function value. |\n| `gradient` | Mini gradient strip using `var(--token)`. |\n| `border` | Mini box with the token applied as `border`. |\n| `shadow` | Mini box with the token applied as `box-shadow`. |\n| `transition` | Arrow indicator (↔) with truncated transition shorthand. |\n| `strokeStyle` | 2px line with the token applied as `border-top-style`. |\n| Derived (no value) | Arrow → parent token name + derivation badge. |\n\n## Data model\n\n### TokenEntry\n\nThe core data structure representing a single design token.\n\n```typescript\ninterface TokenEntry {\n  // Identification\n  cssVar: string;             // \"--color-background\"\n  id: string | null;          // \"color.background\" (DTCG ID)\n  description?: string;       // Human-readable description\n  aliasChain?: string[];      // Full alias resolution chain\n\n  // Classification\n  type: TokenType;            // \"color\" | \"dimension\" | ... (13 DTCG types)\n  tier: TokenTier;            // \"primitive\" | \"semantic\" | \"derived\"\n  stability: Stability;       // \"stable\" | \"wip\" | \"experimental\"\n\n  // CSS output\n  cssOutputFile: string;      // \"modifiers.theme.css\"\n  cssSelector?: string;       // \".surface\" (where token is declared)\n  cssType?: string;           // \"<color>\" (CSS syntax descriptor)\n\n  // Values\n  isPaired: boolean;          // true if light ≠ dark\n  valueLight?: string;        // \"oklch(100% 0 0)\"\n  valueDark?: string;         // \"oklch(12.21% 0 0)\"\n  hexLight?: string;          // \"#ffffff\"\n  hexDark?: string;           // \"#1f1f1f\"\n\n  // Derivation\n  derivedFrom?: string;       // \"--color-foreground-primary\"\n  derivation?: Derivation;    // \"hover\" | \"active\" | \"channel-modifier\" | ...\n\n  // @property registration\n  registered?: boolean;\n  syntax?: string | null;\n  inherits?: boolean | null;\n  initialValue?: string | null;\n}\n```\n\n### Token types (DTCG-aligned)\n\n`color`, `dimension`, `number`, `fontFamily`, `fontWeight`, `duration`, `cubicBezier`, `gradient`, `border`, `shadow`, `typography`, `transition`, `strokeStyle`\n\n### Token tiers\n\n| Tier | Role | Consumption rule |\n|------|------|-----------------|\n| **Primitive** | Raw values (palette colors, spacing units) | Never reference directly in component styles. |\n| **Semantic** | Intent-bearing tokens (color-text, color-background) | The component-facing API. Use these. |\n| **Derived** | Modifier channels, surface channels, interaction states | Resolved through fallback chains. Infrastructure. |\n\n### Stability levels\n\n| Level | Meaning | Guidance |\n|-------|---------|----------|\n| **Stable** | Locked for production. | Safe to depend on. |\n| **WIP** | May change; codemods will be provided. | Use with awareness that names or values may shift. |\n| **Experimental** | Under active design; expect breaking changes. | Internal use only. |\n\n## Styles\n\nTokenTable and TokenSwatch co-locate their CSS under `.ds.token-table` and `.ds.token-swatch` namespaces. Styles use the `color-mix(in srgb, currentColor X%, transparent)` pattern for adaptive borders and backgrounds, so the components work correctly in both light and dark Storybook themes without additional configuration.\n\nImport the global styles package in your Storybook preview to make token CSS custom properties available:\n\n```css\n@import \"@canonical/styles\";\n```\n\n## Storybook\n\nThe package includes reference stories and page-level documentation stories:\n\n```bash\ncd packages/react/tokens\nbun run storybook\n```\n\n### Story structure\n\n| Story | Diataxis quadrant | Content |\n|-------|-------------------|---------|\n| `Foundations/Tokens/Internal/TokenTable` | Reference | Component API demonstration with default and grouped variants. |\n| `Foundations/Tokens/Internal/TokenSwatch` | Reference | Individual swatch rendering for color and derived tokens. |\n| `Foundation/Design Tokens — Overview` | Explanation | Token architecture summary, tier hierarchy, rules of thumb. |\n| `Foundation/Design Tokens — Explorer` | Reference | Dense token catalog with all grouping lenses. |\n| `Foundation/Design Tokens — Patterns` | Explanation | Live modifier, surface, and interaction state demonstrations. |\n| `Foundation/Design Tokens — Consumer Guidance` | How-to | Do/don't guidance, code patterns, change management. |\n\n## Token landscape\n\nThe design token system currently comprises 730 tokens across 7 CSS output files:\n\n| Output file | Token count | Content |\n|-------------|-------------|---------|\n| `sets.primitive.css` | 202 | Palette colors, spacing dimensions. |\n| `modifiers.theme.css` | 332 | Semantic colors (light/dark paired). |\n| `modifiers.typography.css` | 143 | Font families, weights, and typographic scales. |\n| `states.css` | 30 | Hover, active, disabled interaction states. |\n| `modifiers.surfaces.css` | 15 | Surface depth channels. |\n| `modifiers.emphasis.css` | 6 | Emphasis modifier channels. |\n| `modifiers.criticality.css` | 2 | Criticality modifier channels. |\n\nBy DTCG type: 488 color, 135 typography, 79 dimension, 16 number, 8 fontWeight, 4 fontFamily.\n\n## Exported constants\n\n```typescript\nimport {\n  DTCG_TOKEN_TYPES,           // All 13 DTCG type strings\n  DTCG_TOKEN_TYPE_LABELS,     // Human-readable labels per type\n  DTCG_TOKEN_TYPE_TO_CSS,     // DTCG type → CSS syntax descriptor\n  TOKEN_LENS_DESCRIPTIONS,    // Titles and rationale for each grouping lens\n  mockTokens,                 // 45 curated tokens for development and testing\n} from \"@canonical/react-tokens\";\n```\n\n## Component specifications\n\nToken visualization components are specified by the design-system ontology. See `specs/` for the token vocabulary extension and SHACL validation shapes that align the TypeScript `TokenEntry` interface with the `ds:Token` class.\n","readmeFilename":"README.md"}