{"_id":"@cicada-ag/meteor-tokens","name":"@cicada-ag/meteor-tokens","dist-tags":{"latest":"0.3.0"},"versions":{"0.3.0":{"name":"@cicada-ag/meteor-tokens","version":"0.3.0","description":"Design Tokens for the Meteor Design System used at shopware","repository":{"type":"git","url":"git+ssh://git@github.com/getcicada/meteor.git"},"license":"MIT","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"},"main":"index.js","dependencies":{"dotenv":"^16.4.1","ora":"^8.0.1","vitest":"^1.2.1","zod":"^3.22.4"},"devDependencies":{"@types/node":"^20.11.8","@typescript-eslint/eslint-plugin":"^6.19.1","@typescript-eslint/parser":"^6.19.1","eslint":"^8.56.0","eslint-plugin-vitest":"^0.3.20","msw":"^2.1.5","prettier":"^3.2.4","style-dictionary":"^3.9.2","tsx":"^4.7.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":"@cicada-ag/meteor-tokens@0.3.0","bugs":{"url":"https://github.com/getcicada/meteor/issues"},"homepage":"https://github.com/getcicada/meteor#readme","_integrity":"sha512-aUy+cNwCLPT8k7d19mYgnEEj8DoPwpqKqPz0qwOIYGOeW06kLXAUOqJKJp5UBbrsxenK9amoHPjM3BpbYKKm0A==","_resolved":"/tmp/1685a1bd23c598ad07d4dba8fbc67e45/cicada-ag-meteor-tokens-0.3.0.tgz","_from":"file:cicada-ag-meteor-tokens-0.3.0.tgz","_nodeVersion":"20.18.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-aUy+cNwCLPT8k7d19mYgnEEj8DoPwpqKqPz0qwOIYGOeW06kLXAUOqJKJp5UBbrsxenK9amoHPjM3BpbYKKm0A==","shasum":"c05eca907e0003a46025f754986bf89dbb214799","tarball":"https://registry.npmjs.org/@cicada-ag/meteor-tokens/-/meteor-tokens-0.3.0.tgz","fileCount":9,"unpackedSize":54602,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCRhLKoTmTtYTcUHrrNxocM3fAI+6S6UypxqpOVjvauzAIgdxz+JLsCpfMGmj8wBftcLkvrINH5b4vpLOFrxB78PYQ="}]},"_npmUser":{"name":"xiaosong66","email":"1596363735@qq.com"},"directories":{},"maintainers":[{"name":"xiaosong66","email":"1596363735@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/meteor-tokens_0.3.0_1734001739498_0.5823780106721475"},"_hasShrinkwrap":false}},"time":{"created":"2024-12-12T11:08:59.399Z","0.3.0":"2024-12-12T11:08:59.652Z","modified":"2024-12-12T11:08:59.921Z"},"maintainers":[{"name":"xiaosong66","email":"1596363735@qq.com"}],"description":"Design Tokens for the Meteor Design System used at shopware","homepage":"https://github.com/getcicada/meteor#readme","repository":{"type":"git","url":"git+ssh://git@github.com/getcicada/meteor.git"},"bugs":{"url":"https://github.com/getcicada/meteor/issues"},"license":"MIT","readme":"This repository contains the Design Tokens for the Meteor Design System at shopware.\n\n> ⚠️ This package is still in early development. It's possible that we release breaking\n> changes in minor or patch version. Once the package is stable we'll release a 1.0.0\n> version and conform to the semver versioning.\n\n## Installation\n\n```sh\nnpm install @cicada-ag/meteor-tokens\n```\n\n## Usage\n\nThis packages exposes a handful of files to consume:\n\n- Primitive tokens\n- Tokens for the Shopware 6 Administration (light & dark)\n\nAs an example we'll show you how to make use of the tokens\nfor the Shopware 6 Administration.\n\nImport the CSS files that contain the corresponding tokens.\n\n```js\nimport '@cicada-ag/meteor-tokens/administration/light.css';\n\n// If you want to support dark mode\nimport '@cicada-ag/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.sw-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\nShopware 6 is completely free and released under the [MIT License](./LICENSE.md).\n","readmeFilename":"README.md"}