{"_id":"@aleph-alpha/design-tokens","_rev":"10-01da7c9478fba47ffd7ab73973115b37","name":"@aleph-alpha/design-tokens","dist-tags":{"latest":"2.1.0"},"versions":{"0.2.0":{"name":"@aleph-alpha/design-tokens","version":"0.2.0","author":{"name":"Aleph Alpha GmbH"},"license":"Apache-2.0","_id":"@aleph-alpha/design-tokens@0.2.0","maintainers":[{"name":"uyiaa","email":"uyiosa.enabulele@aleph-alpha.com"},{"name":"martinachtner","email":"martin.achtner@ext.aleph-alpha.com"}],"homepage":"https://docs.aleph-alpha.com","dist":{"shasum":"d5ab729b4f211143c6f2485651717868248f0fb2","tarball":"https://registry.npmjs.org/@aleph-alpha/design-tokens/-/design-tokens-0.2.0.tgz","fileCount":7,"integrity":"sha512-M3dV0s5/MzwC3yI393wHU9S7bC82fcPKl7r5D9pFFBM/Rt5x9Q39Cc/h47MWIveQv1Fwa/Pxo14CXUIw56GwEA==","signatures":[{"sig":"MEUCIQC5GKIN+ydz4D5UoxUxm3NRJX2+vczW0bR+/mxmpQviewIgPiUnhgXZoU5Oy8gypyf2pdZJGrWld9H3oeuoZCDXfnc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":19435},"main":"dist/mui-palette.mjs","type":"module","_from":"file:aleph-alpha-design-tokens-0.2.0.tgz","engines":{"node":">=20.19.0"},"exports":{".":"./dist/mui-palette.mjs","./typography":"./dist/typography.mjs","./mui-palette":"./dist/mui-palette.mjs","./bui-theme.css":"./dist/bui-theme.css","./bui-spacing.css":"./dist/bui-spacing.css"},"scripts":{"build":"node sd.config.mjs","publish:local":"yalc publish && yalc push --sig"},"_npmUser":{"name":"uyiaa","email":"uyiosa.enabulele@aleph-alpha.com"},"prettier":"@aleph-alpha/prettier-config-frontend","_resolved":"/tmp/945ad6e04b6f86ce43a410fea5c680c6/aleph-alpha-design-tokens-0.2.0.tgz","_integrity":"sha512-M3dV0s5/MzwC3yI393wHU9S7bC82fcPKl7r5D9pFFBM/Rt5x9Q39Cc/h47MWIveQv1Fwa/Pxo14CXUIw56GwEA==","_npmVersion":"10.8.2","description":"Design tokens (CSS variables, MUI palette, typography) for Aleph Alpha UI.","directories":{},"_nodeVersion":"20.19.0","dependencies":{"style-dictionary":"^4.0.1","@tokens-studio/sd-transforms":"2.0.2"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/design-tokens_0.2.0_1772570541658_0.15163806797089086","host":"s3://npm-registry-packages-npm-production"}},"0.3.0":{"name":"@aleph-alpha/design-tokens","version":"0.3.0","author":{"name":"Aleph Alpha GmbH"},"license":"Apache-2.0","_id":"@aleph-alpha/design-tokens@0.3.0","maintainers":[{"name":"uyiaa","email":"uyiosa.enabulele@aleph-alpha.com"},{"name":"martinachtner","email":"martin.achtner@ext.aleph-alpha.com"}],"homepage":"https://docs.aleph-alpha.com","dist":{"shasum":"dee2dbc468173691d47fabe424c26c55a4ed8212","tarball":"https://registry.npmjs.org/@aleph-alpha/design-tokens/-/design-tokens-0.3.0.tgz","fileCount":7,"integrity":"sha512-juheF/ORUldwUrUR4HayvhwRjGSHl+qhIaXDp+bWOvGIP5qpXPd920fYPYLeEfOEXFYi3+apRW+5ZEhR3dlXTQ==","signatures":[{"sig":"MEUCIGP56Liio5YLwmN4PGG36FUrXBV3emRV4lDf78CWsq+1AiEAwR6QuGiSUsnOcKB0EQm5byPFT28rlspFJFbzzdlLyh0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":19436},"main":"dist/mui-palette.mjs","type":"module","_from":"file:aleph-alpha-design-tokens-0.3.0.tgz","engines":{"node":">=20.19.0"},"exports":{".":"./dist/mui-palette.mjs","./typography":"./dist/typography.mjs","./mui-palette":"./dist/mui-palette.mjs","./bui-theme.css":"./dist/bui-theme.css","./bui-spacing.css":"./dist/bui-spacing.css"},"scripts":{"build":"node sd.config.mjs","publish:local":"yalc publish && yalc push --sig"},"_npmUser":{"name":"uyiaa","email":"uyiosa.enabulele@aleph-alpha.com"},"prettier":"@aleph-alpha/prettier-config-frontend","_resolved":"/tmp/a3c0fa4b8e5bf47073fb197e92603100/aleph-alpha-design-tokens-0.3.0.tgz","_integrity":"sha512-juheF/ORUldwUrUR4HayvhwRjGSHl+qhIaXDp+bWOvGIP5qpXPd920fYPYLeEfOEXFYi3+apRW+5ZEhR3dlXTQ==","_npmVersion":"10.8.2","description":"Design tokens (CSS variables, MUI palette, typography) for Aleph Alpha UI.","directories":{},"_nodeVersion":"20.19.0","dependencies":{"style-dictionary":"^4.0.1","@tokens-studio/sd-transforms":"2.0.2"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/design-tokens_0.3.0_1775550509458_0.38043644449604597","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"@aleph-alpha/design-tokens","version":"1.0.0","author":{"name":"Aleph Alpha GmbH"},"license":"Apache-2.0","_id":"@aleph-alpha/design-tokens@1.0.0","maintainers":[{"name":"uyiaa","email":"uyiosa.enabulele@aleph-alpha.com"},{"name":"martinachtner","email":"martin.achtner@ext.aleph-alpha.com"}],"homepage":"https://docs.aleph-alpha.com","dist":{"shasum":"d460c497ec0dd9b3d11faafd0e83ae2cf5f5c06b","tarball":"https://registry.npmjs.org/@aleph-alpha/design-tokens/-/design-tokens-1.0.0.tgz","fileCount":7,"integrity":"sha512-2epMGnGasR0o7L/EY7hhU8kN5TeEQ/NgPKfS5StkMpGdOtu8eV3z9+w3NP9DgBTNCm9eA+qGd4SYf07s7feoBg==","signatures":[{"sig":"MEQCIDxgWXxuJ9VCWFibGk4RaLguGDewV8GzHsS/yQptv9xkAiBGZ4LCZhomXsJvMqCXMEpilIB4NU3mg/U7c7hBu347Xg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":19436},"main":"dist/mui-palette.mjs","type":"module","_from":"file:aleph-alpha-design-tokens-1.0.0.tgz","engines":{"node":">=20.19.0"},"exports":{".":"./dist/mui-palette.mjs","./typography":"./dist/typography.mjs","./mui-palette":"./dist/mui-palette.mjs","./bui-theme.css":"./dist/bui-theme.css","./bui-spacing.css":"./dist/bui-spacing.css"},"scripts":{"build":"node sd.config.mjs","publish:local":"yalc publish && yalc push --sig"},"_npmUser":{"name":"uyiaa","email":"uyiosa.enabulele@aleph-alpha.com"},"prettier":"@aleph-alpha/prettier-config-frontend","_resolved":"/tmp/6d1a0436ef7d52e49d2d5ceb7c179cf5/aleph-alpha-design-tokens-1.0.0.tgz","_integrity":"sha512-2epMGnGasR0o7L/EY7hhU8kN5TeEQ/NgPKfS5StkMpGdOtu8eV3z9+w3NP9DgBTNCm9eA+qGd4SYf07s7feoBg==","_npmVersion":"10.8.2","description":"Design tokens (CSS variables, MUI palette, typography) for Aleph Alpha UI.","directories":{},"_nodeVersion":"20.19.0","dependencies":{"style-dictionary":"^4.0.1","@tokens-studio/sd-transforms":"2.0.2"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/design-tokens_1.0.0_1777995389551_0.2941489218017881","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@aleph-alpha/design-tokens","version":"1.0.1","author":{"name":"Aleph Alpha GmbH"},"license":"Apache-2.0","_id":"@aleph-alpha/design-tokens@1.0.1","maintainers":[{"name":"uyiaa","email":"uyiosa.enabulele@aleph-alpha.com"},{"name":"martinachtner","email":"martin.achtner@ext.aleph-alpha.com"}],"homepage":"https://docs.aleph-alpha.com","dist":{"shasum":"066bba6013bb9f0f6e089cc794bf1e6cc2a3d2b1","tarball":"https://registry.npmjs.org/@aleph-alpha/design-tokens/-/design-tokens-1.0.1.tgz","fileCount":7,"integrity":"sha512-uH4q++9/3Yfx3w2OAtw0tbnUuRo9+LauhltgvhA8/517ruKl/G7nuTypH0hMeZWUxsTny+H0OqZvW8Qq1eyVsQ==","signatures":[{"sig":"MEYCIQCT+6DgHu66bwJKgZf/TndOgsQJWUI/DhM1EzX14Q3ApAIhAL0GBFk03bqg4pGh0BvIJyNZxMO7rzOeEBtSdR4rmEOn","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":21228},"main":"dist/mui-palette.mjs","type":"module","_from":"file:aleph-alpha-design-tokens-1.0.1.tgz","engines":{"node":">=20.19.0"},"exports":{".":"./dist/mui-palette.mjs","./typography":"./dist/typography.mjs","./mui-palette":"./dist/mui-palette.mjs","./bui-theme.css":"./dist/bui-theme.css","./bui-spacing.css":"./dist/bui-spacing.css"},"scripts":{"build":"node sd.config.mjs","publish:local":"yalc publish && yalc push --sig","validate-mapping":"node scripts/validate-mapping.mjs"},"_npmUser":{"name":"uyiaa","email":"uyiosa.enabulele@aleph-alpha.com"},"prettier":"@aleph-alpha/prettier-config-frontend","_resolved":"/tmp/4d109d98a9fc02f33e4ac372eefb73df/aleph-alpha-design-tokens-1.0.1.tgz","_integrity":"sha512-uH4q++9/3Yfx3w2OAtw0tbnUuRo9+LauhltgvhA8/517ruKl/G7nuTypH0hMeZWUxsTny+H0OqZvW8Qq1eyVsQ==","_npmVersion":"10.8.2","description":"Design tokens (CSS variables, MUI palette, typography) for Aleph Alpha UI.","directories":{},"_nodeVersion":"20.19.0","dependencies":{"style-dictionary":"^4.0.1","@tokens-studio/sd-transforms":"2.0.2"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/design-tokens_1.0.1_1778487804994_0.6114376498359761","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@aleph-alpha/design-tokens","version":"1.1.0","author":{"name":"Aleph Alpha GmbH"},"license":"Apache-2.0","_id":"@aleph-alpha/design-tokens@1.1.0","maintainers":[{"name":"oleksandr.honskyi","email":"oleksandr.honskyi@aleph-alpha.com"},{"name":"uyiaa","email":"uyiosa.enabulele@aleph-alpha.com"}],"homepage":"https://docs.aleph-alpha.com","dist":{"shasum":"81407bf632d631f4134de8c9fceb266312b651f1","tarball":"https://registry.npmjs.org/@aleph-alpha/design-tokens/-/design-tokens-1.1.0.tgz","fileCount":7,"integrity":"sha512-9/YKUYqg5ComWTP1WblTCL6URQuPPm1/WXU1aLoiK5dbJ5yi4n7Ia07vMV8ByzHvlxflPqW63BFKMIdJzycImA==","signatures":[{"sig":"MEQCIDZQU2a0QJ31z5V9mA3k+4Mpys7QB4q3LPb95/ngU1ShAiBsxLqMyuw8kyLfxpid0LcpM5dtQcFJHVsJsnkumlAC3Q==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":21228},"main":"dist/mui-palette.mjs","type":"module","_from":"file:aleph-alpha-design-tokens-1.1.0.tgz","engines":{"node":">=20.19.0"},"exports":{".":"./dist/mui-palette.mjs","./typography":"./dist/typography.mjs","./mui-palette":"./dist/mui-palette.mjs","./bui-theme.css":"./dist/bui-theme.css","./bui-spacing.css":"./dist/bui-spacing.css"},"scripts":{"build":"node sd.config.mjs","publish:local":"yalc publish && yalc push --sig","validate-mapping":"node scripts/validate-mapping.mjs"},"_npmUser":{"name":"uyiaa","email":"uyiosa.enabulele@aleph-alpha.com"},"prettier":"@aleph-alpha/prettier-config-frontend","_resolved":"/tmp/dfd92cd42954cdfe43d461cbc28a279e/aleph-alpha-design-tokens-1.1.0.tgz","_integrity":"sha512-9/YKUYqg5ComWTP1WblTCL6URQuPPm1/WXU1aLoiK5dbJ5yi4n7Ia07vMV8ByzHvlxflPqW63BFKMIdJzycImA==","_npmVersion":"10.8.2","description":"Design tokens (CSS variables, MUI palette, typography) for Aleph Alpha UI.","directories":{},"_nodeVersion":"20.19.0","dependencies":{"style-dictionary":"^4.0.1","@tokens-studio/sd-transforms":"2.0.2"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/design-tokens_1.1.0_1787579327270_0.39385740982589024","host":"s3://npm-registry-packages-npm-production"}},"2.0.0":{"name":"@aleph-alpha/design-tokens","version":"2.0.0","author":{"name":"Aleph Alpha GmbH"},"license":"Apache-2.0","_id":"@aleph-alpha/design-tokens@2.0.0","maintainers":[{"name":"oleksandr.honskyi","email":"oleksandr.honskyi@aleph-alpha.com"},{"name":"mlauinger-aa","email":"marco.lauinger@aleph-alpha.com"},{"name":"uyiaa","email":"uyiosa.enabulele@aleph-alpha.com"}],"homepage":"https://docs.aleph-alpha.com","dist":{"shasum":"862cd712df3cebfe89468eee6afbb61cf420082a","tarball":"https://registry.npmjs.org/@aleph-alpha/design-tokens/-/design-tokens-2.0.0.tgz","fileCount":7,"integrity":"sha512-wc3iGPnKEIkvPdvbuFdtA3MWMfZvqmgB4DSSSW7+n12Lp/NXFrcdLmK/uBYaekCIi3lTnowboGve4q735MBZNQ==","signatures":[{"sig":"MEYCIQDfUjZKR6oggm5f84G8/2k9cUHN+DdAa0Mp4s8THGBm5wIhAPfa1D+C+yZe1TWycvGNG4oiRRE2hYYmU4fsjNSp57Kc","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":21228},"main":"dist/mui-palette.mjs","type":"module","_from":"file:aleph-alpha-design-tokens-2.0.0.tgz","engines":{"node":">=22.13.0"},"exports":{".":"./dist/mui-palette.mjs","./typography":"./dist/typography.mjs","./mui-palette":"./dist/mui-palette.mjs","./bui-theme.css":"./dist/bui-theme.css","./bui-spacing.css":"./dist/bui-spacing.css"},"scripts":{"build":"node sd.config.mjs","publish:local":"yalc publish && yalc push --sig","validate-mapping":"node scripts/validate-mapping.mjs"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:28c0b831-0761-419f-9328-39a30ec0dd87"}},"prettier":"@aleph-alpha/prettier-config-frontend","_resolved":"/tmp/5444d72ab03f9c439dc52d1422215c5e/aleph-alpha-design-tokens-2.0.0.tgz","_integrity":"sha512-wc3iGPnKEIkvPdvbuFdtA3MWMfZvqmgB4DSSSW7+n12Lp/NXFrcdLmK/uBYaekCIi3lTnowboGve4q735MBZNQ==","_npmVersion":"11.19.0","description":"Design tokens (CSS variables, MUI palette, typography) for Aleph Alpha UI.","directories":{},"_nodeVersion":"24.20.0","dependencies":{"style-dictionary":"^4.0.1","@tokens-studio/sd-transforms":"2.0.2"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/design-tokens_2.0.0_1788791341692_0.07019863651250646","host":"s3://npm-registry-packages-npm-production"}},"2.1.0":{"name":"@aleph-alpha/design-tokens","version":"2.1.0","license":"Apache-2.0","type":"module","main":"dist/mui-palette.mjs","description":"Design tokens (CSS variables, MUI palette, typography) for Aleph Alpha UI.","author":{"name":"Aleph Alpha GmbH"},"prettier":"@aleph-alpha/prettier-config-frontend","homepage":"https://docs.aleph-alpha.com","engines":{"node":">=22.13.0"},"exports":{".":"./dist/mui-palette.mjs","./bui-theme.css":"./dist/bui-theme.css","./bui-spacing.css":"./dist/bui-spacing.css","./mui-palette":"./dist/mui-palette.mjs","./typography":"./dist/typography.mjs"},"dependencies":{"style-dictionary":"^4.0.1","@tokens-studio/sd-transforms":"2.0.2"},"scripts":{"build":"node sd.config.mjs","validate-mapping":"node scripts/validate-mapping.mjs","publish:local":"yalc publish && yalc push --sig"},"_id":"@aleph-alpha/design-tokens@2.1.0","_integrity":"sha512-hVuihtE1GD12jr3gwlvDQtdCgugV6qFAUWjyDeGYlsizpEHIljQ9t9qm4trBTsMeqxVAFI+OCuvqKMuzsxpzBQ==","_resolved":"/tmp/cbf0a84824fcd38fe356b748f2853ccb/aleph-alpha-design-tokens-2.1.0.tgz","_from":"file:aleph-alpha-design-tokens-2.1.0.tgz","_nodeVersion":"24.20.0","_npmVersion":"11.19.0","dist":{"integrity":"sha512-hVuihtE1GD12jr3gwlvDQtdCgugV6qFAUWjyDeGYlsizpEHIljQ9t9qm4trBTsMeqxVAFI+OCuvqKMuzsxpzBQ==","shasum":"b5ed402bb5f8dfcfe42a9a589d1ffe4e2760f7b5","tarball":"https://registry.npmjs.org/@aleph-alpha/design-tokens/-/design-tokens-2.1.0.tgz","fileCount":7,"unpackedSize":21228,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDpdz+vMZMWplxVWYmFW9JLJuLKUaAtxBDHMMEi31wKJQIhAI8u6qnBWord3ER97QOTaKj78d7x3OEF+H2kUym/0HOF"}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:28c0b831-0761-419f-9328-39a30ec0dd87"}},"directories":{},"maintainers":[{"name":"oleksandr.honskyi","email":"oleksandr.honskyi@aleph-alpha.com"},{"name":"mlauinger-aa","email":"marco.lauinger@aleph-alpha.com"},{"name":"uyiaa","email":"uyiosa.enabulele@aleph-alpha.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/design-tokens_2.1.0_1789470951889_0.23554753722995336"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-03T20:42:21.587Z","modified":"2026-09-15T11:15:52.200Z","0.2.0":"2026-03-03T20:42:21.778Z","0.3.0":"2026-04-07T08:28:29.589Z","1.0.0":"2026-05-05T15:36:29.678Z","1.0.1":"2026-05-11T08:23:25.163Z","1.1.0":"2026-08-24T13:48:47.402Z","2.0.0":"2026-09-07T14:29:01.844Z","2.1.0":"2026-09-15T11:15:52.014Z"},"author":{"name":"Aleph Alpha GmbH"},"license":"Apache-2.0","homepage":"https://docs.aleph-alpha.com","description":"Design tokens (CSS variables, MUI palette, typography) for Aleph Alpha UI.","maintainers":[{"name":"oleksandr.honskyi","email":"oleksandr.honskyi@aleph-alpha.com"},{"name":"mlauinger-aa","email":"marco.lauinger@aleph-alpha.com"},{"name":"uyiaa","email":"uyiosa.enabulele@aleph-alpha.com"}],"readme":"# @aleph-alpha/design-tokens\n\nTransforms design tokens from `ui-library/tokens.json` (Tokens Studio format) into platform-specific outputs that applications can consume directly — CSS custom properties, JS modules, or any format supported by [Style Dictionary v4](https://styledictionary.com/). \n\n## Installation\n\n```sh\npnpm add @aleph-alpha/design-tokens\n```\n\n\n## How to use\n\n### Backstage\n\nImport the generated CSS and JS in your app. Example entry point (e.g. `App.tsx`):\n\n```ts\n// CSS — in your app entry (e.g. App.tsx)\nimport '@aleph-alpha/design-tokens/bui-theme.css';\nimport '@aleph-alpha/design-tokens/bui-spacing.css';\n\n// JS — in your theme/config (e.g. theme.ts)\nimport { lightPalette, darkPalette } from '@aleph-alpha/design-tokens/mui-palette';\nimport { typographyConfig } from '@aleph-alpha/design-tokens/typography';\n```\nFor more information, see [BACKSTAGE.md](BACKSTAGE.md).\n\n## How it works\n\nThe build script (`sd.config.mjs`) reads the multi-set `tokens.json` and runs Style Dictionary with the [Tokens Studio transforms](https://github.com/tokens-studio/sd-transforms) to resolve the 3-tier token architecture:\n\n```\nprimitives (raw values) → theme (AA Base) → mode (Light / Dark)\n```\n\nColor tokens go through the full chain. Spacing and radius are mode-independent (primitives + theme only). Typography bypasses Style Dictionary entirely — it's generated from a declarative mapping in `bui-mapping.mjs` because the `global` set has cross-references that break the preprocessor.\n\n## Build\n\n```sh\ncd packages/design-tokens\npnpm build\n```\n\nOr via Nx from the workspace root:\n\n```sh\nnpx nx build design-tokens\n```\n\n## Supported targets\n\n| Target | Docs |\n|--------|------|\n| Backstage | [BACKSTAGE.md](BACKSTAGE.md) — BUI CSS variables, MUI palette, typography |\n\n## Extending\n\nTo add a new output target:\n\n1. Define a new platform with transforms, format, and output files in `sd.config.mjs`\n2. Add the new output to `package.json` exports\n","readmeFilename":"README.md"}