{"_id":"@contena/meteor-tokens","name":"@contena/meteor-tokens","dist-tags":{"latest":"1.4.1"},"versions":{"1.4.1":{"name":"@contena/meteor-tokens","version":"1.4.1","description":"Design Tokens for the Meteor Design System used at contena","repository":{"type":"git","url":"git+ssh://git@github.com/contena/meteor.git"},"license":"Apache-2.0","author":{"name":"contena AG"},"type":"module","exports":{"./primitives.css":"./deliverables/foundation/primitives.css","./administration/light.css":"./deliverables/administration/light.css","./administration/dark.css":"./deliverables/administration/dark.css","./foundation/primitives.json":"./dictionaries/foundation/primitives.tokens.json","./tailwind":"./deliverables/tailwind.css","./tailwind/administration":"./deliverables/tailwind-administration.css"},"main":"index.js","devDependencies":{"dotenv":"^16.4.7","ora":"^8.2.0","vitest":"^3.0.6","zod":"^3.25.75","@eslint/js":"^9.20.0","@types/node":"^25.0.0","eslint":"^9.20.1","@vitest/eslint-plugin":"^1.5.4","msw":"^2.12.7","prettier":"^3.5.1","tsx":"^4.19.3","typescript-eslint":"^8.35.0"},"scripts":{"format":"prettier --write .","format:check":"prettier --check .","lint:all":"npm run lint:eslint && npm run lint:types","lint:eslint":"eslint .","lint:types":"tsc --noEmit","start":"tsx ./src/scripts/index.ts","test:unit":"vitest --run","test:unit:watch":"vitest","build":"echo 'This is only used for turbo repo caching'"},"_id":"@contena/meteor-tokens@1.4.1","bugs":{"url":"https://github.com/contena/meteor/issues"},"homepage":"https://github.com/contena/meteor#readme","_integrity":"sha512-GqwCy/VARIsb65nHXzqyPC1HEYe8gM7zoC1k3nlIhB1+Y6aShQLCSrdnY2WfWFHgo49d1GMwAhqytJyJ9T6zsQ==","_resolved":"/private/var/folders/7k/tcw8tk8n08361s09yp77f61c0000gq/T/3de9965f33f27ac464b7988e5026d05f/contena-meteor-tokens-1.4.1.tgz","_from":"file:contena-meteor-tokens-1.4.1.tgz","_nodeVersion":"22.23.1","_npmVersion":"10.9.8","dist":{"integrity":"sha512-GqwCy/VARIsb65nHXzqyPC1HEYe8gM7zoC1k3nlIhB1+Y6aShQLCSrdnY2WfWFHgo49d1GMwAhqytJyJ9T6zsQ==","shasum":"ea3fd2993d09072d2bc6b706c6c04b04562f7b31","tarball":"https://registry.npmjs.org/@contena/meteor-tokens/-/meteor-tokens-1.4.1.tgz","fileCount":12,"unpackedSize":99244,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCKmMMG0FbaRozSv0CPQ2u8sb58PTzON6eZFk/wLAJYmQIgPBJqO1wSNG/mqcr9UNYB4sF6p7dRHUzXuK2DaxeHu8M="}]},"_npmUser":{"name":"gouxiaosong","email":"gouxiaosong1001@gmail.com"},"directories":{},"maintainers":[{"name":"gouxiaosong","email":"gouxiaosong1001@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/meteor-tokens_1.4.1_1787470497563_0.721252212101656"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-23T07:34:57.453Z","1.4.1":"2026-08-23T07:34:57.699Z","modified":"2026-08-23T07:34:57.872Z"},"maintainers":[{"name":"gouxiaosong","email":"gouxiaosong1001@gmail.com"}],"description":"Design Tokens for the Meteor Design System used at contena","homepage":"https://github.com/contena/meteor#readme","repository":{"type":"git","url":"git+ssh://git@github.com/contena/meteor.git"},"author":{"name":"contena AG"},"bugs":{"url":"https://github.com/contena/meteor/issues"},"license":"Apache-2.0","readme":"This repository contains the Design Tokens for the Meteor Design System at contena.\n\n## Installation\n\n```sh\nnpm install @contena/meteor-tokens\n```\n\n## Usage\n\nThis packages exposes a handful of files to consume:\n\n- Primitive tokens\n- Tokens for the Contena 6 Administration (light & dark)\n\nAs an example we'll show you how to make use of the tokens\nfor the Contena 6 Administration.\n\nImport the CSS files that contain the corresponding tokens.\n\n```js\nimport '@contena/meteor-tokens/administration/light.css';\n\n// If you want to support dark mode\nimport '@contena/meteor-tokens/administration/dark.css';\n```\n\nNow, you're able to make use of the Design Tokens trough\nCSS custom properties, like this:\n\n```css\n.ct-button {\n  background-color: var(--color-interaction-primary-default);\n}\n```\n\nTo switch to the dark mode add the attribute `data-theme=\"dark\"` to\na DOM element as far up in the DOM tree as possible.\n\n```html\n<body data-theme=\"dark\">\n  <!-- Your application -->\n</body>\n```\n\n## License\n\nContena 6 is completely free and released under the [MIT License](./LICENSE.md).\n","readmeFilename":"README.md","_rev":"1-877e2ff1c6d11421ee813a5083fae76e"}