{"_id":"@beerush/toqin","_rev":"20-6bf25f09641ef144179762cd9e9f51be","name":"@beerush/toqin","dist-tags":{"alpha":"0.1.1","latest":"0.4.0"},"versions":{"0.0.1":{"name":"@beerush/toqin","version":"0.0.1","description":"Design System Manager","main":"dist/cjs/index.cjs","module":"dist/esm/index.js","types":"./dist/esm/index.d.ts","exports":{".":{"types":"./dist/esm/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./tokens/*":"./tokens/*","./plugins":{"types":"./dist/esm/plugins/index.d.ts","import":"./dist/esm/plugins/index.js","require":"./dist/cjs/plugins/index.cjs"},"./css-plugin":{"types":"./dist/esm/plugins/css/index.d.ts","import":"./dist/esm/plugins/css/index.js","require":"./dist/cjs/plugins/css/index.cjs"}},"bin":{"toqin":"bin\\toqin.js"},"repository":{"type":"git","url":"git+https://github.com/beerush-id/toqin.git"},"bugs":{"url":"https://github.com/beerush-id/toqin/issues"},"author":{"name":"Nanang Mahdaen El Agung","email":"mahdaen@gmail.com"},"license":"MIT","type":"module","publishConfig":{"access":"public"},"scripts":{"dev":"esdev --watch","build":"esdev --clean","prepublish":"npm run build","test":"cd test && node design.test.js","test:extend":"cd test && node extend.test.js"},"devDependencies":{"@beerush/esdev":"*","@beerush/resolve":"*","@types/fs-extra":"^11.0.1","json-source-map":"^0.6.1","source-map":"^0.7.4","typescript":"^5.1.6","vite":"^4.4.6"},"dependencies":{"@beerush/utils":"^0.1.0","autoprefixer":"^10.4.14","chokidar":"^3.5.3","cssnano":"^6.0.1","fs-extra":"^11.1.1","postcss":"^8.4.27"},"homepage":"https://github.com/beerush-id/toqin#readme","keywords":["css","design","token","design","system"],"peerDependencies":{"express":"^4.18.2","socket.io":"^4.7.1","socket.io-client":"^4.7.1"},"_id":"@beerush/toqin@0.0.1","dist":{"shasum":"187426b483bdffbd145334af97c1bec7a137faf4","integrity":"sha512-FWPYZFXNhdk/bSkmzFqFd4+yE0+V8xOlrnaNmQzlVo0EBU5Kb0XikES+VOM7CafKLYJavIikKAHQgBEiGRPVbg==","tarball":"https://registry.npmjs.org/@beerush/toqin/-/toqin-0.0.1.tgz","fileCount":144,"unpackedSize":274609,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHZyMeVHmmv0AgChgL/lIXhVurIM3mme9GH8KHqVo1ahAiEA0Eto2c8amnJGjxbf/9U/qT7XmUb2YrZ2kV5gXL/Ym1k="}]},"_npmUser":{"name":"mahdaen","email":"mahdaen@gmail.com"},"directories":{},"maintainers":[{"name":"mahdaen","email":"mahdaen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toqin_0.0.1_1691465785152_0.07231886903531315"},"_hasShrinkwrap":false},"0.0.2":{"name":"@beerush/toqin","version":"0.0.2","description":"Design System Manager","main":"dist/cjs/index.cjs","module":"dist/esm/index.js","types":"./dist/esm/index.d.ts","exports":{".":{"types":"./dist/esm/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./tokens/*":"./tokens/*","./plugins":{"types":"./dist/esm/plugins/index.d.ts","import":"./dist/esm/plugins/index.js","require":"./dist/cjs/plugins/index.cjs"},"./css-plugin":{"types":"./dist/esm/plugins/css/index.d.ts","import":"./dist/esm/plugins/css/index.js","require":"./dist/cjs/plugins/css/index.cjs"}},"bin":{"toqin":"bin\\toqin.js"},"repository":{"type":"git","url":"git+https://github.com/beerush-id/toqin.git"},"bugs":{"url":"https://github.com/beerush-id/toqin/issues"},"author":{"name":"Nanang Mahdaen El Agung","email":"mahdaen@gmail.com"},"license":"MIT","type":"module","publishConfig":{"access":"public"},"scripts":{"dev":"esdev --watch","build":"esdev --clean","prepublish":"npm run build","test":"cd test && node design.test.js","test:extend":"cd test && node extend.test.js"},"devDependencies":{"@beerush/esdev":"*","@types/fs-extra":"^11.0.1","typescript":"^5.1.6"},"dependencies":{"@beerush/resolve":"*","@beerush/utils":"^0.1.0","autoprefixer":"^10.4.14","chokidar":"^3.5.3","cssnano":"^6.0.1","json-source-map":"^0.6.1","fs-extra":"^11.1.1","postcss":"^8.4.27","source-map":"^0.7.4"},"homepage":"https://github.com/beerush-id/toqin#readme","keywords":["css","design","token","design","system"],"peerDependencies":{"vite":"^4.4.6"},"readmeFilename":"README.MD","readme":"# Toqin\n\nTokin is a Design Token Library for UI Development.\n\nSharing design tokens across platforms and keeping them in sync is a challenge. Toqin is a tool that helps you to manage\nyour design tokens in a single source of truth and generate the code for your favorite platforms.\n\n## 🎨 Design Token\n\nDesign tokens are the visual design atoms of the design system — specifically, they are named entities that store\nvisual design attributes. We use them in place of hard-coded values (such as hex values for color or pixel values for\nspacing) in order to maintain a scalable and consistent visual system for UI development.\n\n## 🖇️ The Problem\n\nIn a big company with multiple teams that working on different platforms and frameworks, keeping the design tokens in\nsync is hard.\n\nIt's easy to create a design token for a single platform, but when you want to use a different platform/framework,\nyou need to create a new design token for that platform. It's hard to keep them in sync. You need to update the design\ntoken in multiple places.\n\nFor example, one project is using pure CSS, and another project is using Tailwind CSS. You need to create a design\ntoken for each platform. When you want to change the primary color, you need to update the design token in multiple\nplaces. 🤮\n\n## 💡 The Solution\n\nToqin is a tool that helps you to manage your design tokens in a single source of truth and generate the code for your\nfavorite platforms. You can create a design token for multiple platforms in a single file and Toqin will generate the\ncode for you.\n\n## Example\n\n### Design Token\n\n```json\n{\n \"name\": \"design-system\",\n \"description\": \"My Design System\",\n \"tokens\": [\n {\n \"name\": \"color\",\n \"type\": \"color\",\n \"tokens\": [\n {\n \"name\": \"blue\",\n \"value\": \"#0000ff\"\n },\n {\n \"name\": \"black\",\n \"value\": \"#000000\"\n },\n {\n \"name\": \"white\",\n \"value\": \"#ffffff\"\n },\n {\n \"name\": \"text\",\n \"value\": {\n \"@\": \"@color.black\",\n \"@dark\": \"@color.white\"\n }\n },\n {\n \"name\": \"background\",\n \"value\": {\n \"@\": \"@color.white\",\n \"@dark\": \"@color.black\"\n }\n }\n ]\n }\n ],\n \"designs\": [\n {\n \"name\": \"anchor\",\n \"selectors\": [\"a\"],\n \"description\": \"Anchor styles\",\n \"rules\": {\n \"color\": {\n \"@\": \"@color.blue\",\n \"@dark\": \"@color.white\"\n },\n \"font-size\": {\n \"@\": \"14px\",\n \"@small\": \"12px\"\n }\n }\n }\n ]\n}\n```\n\n### Generate CSS\n\n```css\n:root {\n --color-blue: #0000ff;\n --color-black: #000000;\n --color-white: #ffffff;\n --color-text: var(--color-black);\n --color-background: var(--color-white);\n}\n\na {\n color: var(--color-blue);\n font-size: 14px;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --color-text: var(--color-white);\n --color-background: var(--color-black);\n }\n\n a {\n color: var(--color-white);\n }\n}\n\n@media (max-width: 640px) {\n a {\n font-size: 12px;\n }\n}\n```\n\n### Generated Tailwind CSS\n\n**`CSS Variable Mode`**\n\n```js (title=\"tailwind.config.js\")\nexport default {\n theme: {\n colors: {\n blue: '#0000ff',\n black: '#000000',\n white: '#ffffff',\n text: {\n DEFAULT: 'var(--color-black)',\n dark: 'var(--color-white)',\n },\n background: {\n DEFAULT: 'var(--color-white)',\n dark: 'var(--color-black)',\n },\n },\n },\n};\n\n```\n\n**`Inline Mode`**\n\n```js (title=\"tailwind.config.js\")\nexport default {\n theme: {\n colors: {\n blue: '#0000ff',\n black: '#000000',\n white: '#ffffff',\n text: {\n DEFAULT: '#000000',\n dark: '#ffffff',\n },\n background: {\n DEFAULT: '#ffffff',\n dark: '#000000',\n },\n },\n },\n};\n\n```\n\n**`Tailwind Classes (WIP)`**\n\n```js (title=\"tailwind.classes.js\")\nexport const anchor = 'text-blue text-[14px] dark:text-white sm:text-[12px]';\n```\n","_id":"@beerush/toqin@0.0.2","dist":{"shasum":"0527e99b9db41f3031b22aa98bf1b4ccd4a2435b","integrity":"sha512-7JqU3ERAt270XXIhli9TnMy1a5ewlPbkZgii7aoM6S0IBazqpP/iNblUeV62OgtHae5q8Mp+rbmEatbZnOo5mg==","tarball":"https://registry.npmjs.org/@beerush/toqin/-/toqin-0.0.2.tgz","fileCount":144,"unpackedSize":274693,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDsJiBQqHyoOc3jo4rxj056EJpa3Z75Des/J1YhTU6mgAiAd4PgynV8vawIPXxrOu6aeVkUScj9xuxQ8HTL4GPjwqw=="}]},"_npmUser":{"name":"mahdaen","email":"mahdaen@gmail.com"},"directories":{},"maintainers":[{"name":"mahdaen","email":"mahdaen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toqin_0.0.2_1691918153417_0.2437527022969772"},"_hasShrinkwrap":false},"0.0.3":{"name":"@beerush/toqin","version":"0.0.3","description":"Design System Manager","main":"dist/cjs/index.cjs","module":"dist/esm/index.js","types":"./dist/esm/index.d.ts","exports":{".":{"types":"./dist/esm/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./tokens/*":"./tokens/*","./plugins":{"types":"./dist/esm/plugins/index.d.ts","import":"./dist/esm/plugins/index.js","require":"./dist/cjs/plugins/index.cjs"},"./css-plugin":{"types":"./dist/esm/plugins/css/index.d.ts","import":"./dist/esm/plugins/css/index.js","require":"./dist/cjs/plugins/css/index.cjs"}},"bin":{"toqin":"bin\\toqin.js"},"repository":{"type":"git","url":"git+https://github.com/beerush-id/toqin.git"},"bugs":{"url":"https://github.com/beerush-id/toqin/issues"},"author":{"name":"Nanang Mahdaen El Agung","email":"mahdaen@gmail.com"},"license":"MIT","type":"module","publishConfig":{"access":"public"},"scripts":{"dev":"esdev --watch","build":"esdev --clean","prepublish":"npm run build","test":"cd test && node design.test.js","test:extend":"cd test && node extend.test.js"},"devDependencies":{"@beerush/esdev":"*","@types/fs-extra":"^11.0.1","typescript":"^5.1.6"},"dependencies":{"@beerush/resolve":"*","@beerush/utils":"^0.1.0","autoprefixer":"^10.4.14","chokidar":"^3.5.3","cssnano":"^6.0.1","json-source-map":"^0.6.1","fs-extra":"^11.1.1","postcss":"^8.4.27","source-map":"^0.7.4"},"homepage":"https://github.com/beerush-id/toqin#readme","keywords":["css","design","token","design","system"],"peerDependencies":{"vite":"^4.4.6"},"readmeFilename":"README.MD","readme":"# Toqin\n\nTokin is a Design Token Library for UI Development.\n\nSharing design tokens across platforms and keeping them in sync is a challenge. Toqin is a tool that helps you to manage\nyour design tokens in a single source of truth and generate the code for your favorite platforms.\n\n## 🎨 Design Token\n\nDesign tokens are the visual design atoms of the design system — specifically, they are named entities that store\nvisual design attributes. We use them in place of hard-coded values (such as hex values for color or pixel values for\nspacing) in order to maintain a scalable and consistent visual system for UI development.\n\n## 🖇️ The Problem\n\nIn a big company with multiple teams that working on different platforms and frameworks, keeping the design tokens in\nsync is hard.\n\nIt's easy to create a design token for a single platform, but when you want to use a different platform/framework,\nyou need to create a new design token for that platform. It's hard to keep them in sync. You need to update the design\ntoken in multiple places.\n\nFor example, one project is using pure CSS, and another project is using Tailwind CSS. You need to create a design\ntoken for each platform. When you want to change the primary color, you need to update the design token in multiple\nplaces. 🤮\n\n## 💡 The Solution\n\nToqin is a tool that helps you to manage your design tokens in a single source of truth and generate the code for your\nfavorite platforms. You can create a design token for multiple platforms in a single file and Toqin will generate the\ncode for you.\n\n## Example\n\n### Design Token\n\n```json\n{\n \"name\": \"design-system\",\n \"description\": \"My Design System\",\n \"tokens\": [\n {\n \"name\": \"color\",\n \"type\": \"color\",\n \"tokens\": [\n {\n \"name\": \"blue\",\n \"value\": \"#0000ff\"\n },\n {\n \"name\": \"black\",\n \"value\": \"#000000\"\n },\n {\n \"name\": \"white\",\n \"value\": \"#ffffff\"\n },\n {\n \"name\": \"text\",\n \"value\": {\n \"@\": \"@color.black\",\n \"@dark\": \"@color.white\"\n }\n },\n {\n \"name\": \"background\",\n \"value\": {\n \"@\": \"@color.white\",\n \"@dark\": \"@color.black\"\n }\n }\n ]\n }\n ],\n \"designs\": [\n {\n \"name\": \"anchor\",\n \"selectors\": [\"a\"],\n \"description\": \"Anchor styles\",\n \"rules\": {\n \"color\": {\n \"@\": \"@color.blue\",\n \"@dark\": \"@color.white\"\n },\n \"font-size\": {\n \"@\": \"14px\",\n \"@small\": \"12px\"\n }\n }\n }\n ]\n}\n```\n\n### Generate CSS\n\n```css\n:root {\n --color-blue: #0000ff;\n --color-black: #000000;\n --color-white: #ffffff;\n --color-text: var(--color-black);\n --color-background: var(--color-white);\n}\n\na {\n color: var(--color-blue);\n font-size: 14px;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --color-text: var(--color-white);\n --color-background: var(--color-black);\n }\n\n a {\n color: var(--color-white);\n }\n}\n\n@media (max-width: 640px) {\n a {\n font-size: 12px;\n }\n}\n```\n\n### Generated Tailwind CSS\n\n**`CSS Variable Mode`**\n\n```js (title=\"tailwind.config.js\")\nexport default {\n theme: {\n colors: {\n blue: '#0000ff',\n black: '#000000',\n white: '#ffffff',\n text: {\n DEFAULT: 'var(--color-black)',\n dark: 'var(--color-white)',\n },\n background: {\n DEFAULT: 'var(--color-white)',\n dark: 'var(--color-black)',\n },\n },\n },\n};\n\n```\n\n**`Inline Mode`**\n\n```js (title=\"tailwind.config.js\")\nexport default {\n theme: {\n colors: {\n blue: '#0000ff',\n black: '#000000',\n white: '#ffffff',\n text: {\n DEFAULT: '#000000',\n dark: '#ffffff',\n },\n background: {\n DEFAULT: '#ffffff',\n dark: '#000000',\n },\n },\n },\n};\n\n```\n\n**`Tailwind Classes (WIP)`**\n\n```js (title=\"tailwind.classes.js\")\nexport const anchor = 'text-blue text-[14px] dark:text-white sm:text-[12px]';\n```\n","_id":"@beerush/toqin@0.0.3","dist":{"shasum":"d63cbedaa561ec7e7443fef9e10afb69a90bce0b","integrity":"sha512-LwYFRbbp92uJT0IdnMNn+cXj1hNaj1nu6DxJy8ATOwv4KQekckdNPC1VZ+50wfSugJYA2oq+gC7Uq3hYQ/zSUg==","tarball":"https://registry.npmjs.org/@beerush/toqin/-/toqin-0.0.3.tgz","fileCount":144,"unpackedSize":275795,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEiBp1SBygj7ClEs+wkSnKLfDjDZvBp4pwPmKQwuePwYAiAuHRBg8rfc+NZEswS1QKhyzI9SRwklX9+cPZQA22/Ftw=="}]},"_npmUser":{"name":"mahdaen","email":"mahdaen@gmail.com"},"directories":{},"maintainers":[{"name":"mahdaen","email":"mahdaen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toqin_0.0.3_1692135280363_0.9840911567581552"},"_hasShrinkwrap":false},"0.0.4":{"name":"@beerush/toqin","version":"0.0.4","description":"Design System Manager","main":"dist/cjs/index.cjs","module":"dist/esm/index.js","types":"./dist/esm/index.d.ts","exports":{".":{"types":"./dist/esm/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./tokens/*":"./tokens/*","./plugins":{"types":"./dist/esm/plugins/index.d.ts","import":"./dist/esm/plugins/index.js","require":"./dist/cjs/plugins/index.cjs"},"./css-plugin":{"types":"./dist/esm/plugins/css/index.d.ts","import":"./dist/esm/plugins/css/index.js","require":"./dist/cjs/plugins/css/index.cjs"}},"bin":{"toqin":"bin\\toqin.js"},"repository":{"type":"git","url":"git+https://github.com/beerush-id/toqin.git"},"bugs":{"url":"https://github.com/beerush-id/toqin/issues"},"author":{"name":"Nanang Mahdaen El Agung","email":"mahdaen@gmail.com"},"license":"MIT","type":"module","publishConfig":{"access":"public"},"scripts":{"dev":"esdev --watch","build":"esdev --clean","prepublish":"npm run build","test":"cd test && node design.test.js","test:extend":"cd test && node extend.test.js"},"devDependencies":{"@beerush/esdev":"*","@types/fs-extra":"^11.0.1","typescript":"^5.1.6"},"dependencies":{"@beerush/resolve":"*","@beerush/utils":"^0.1.0","autoprefixer":"^10.4.14","chokidar":"^3.5.3","cssnano":"^6.0.1","json-source-map":"^0.6.1","fs-extra":"^11.1.1","postcss":"^8.4.27","source-map":"^0.7.4"},"homepage":"https://github.com/beerush-id/toqin#readme","keywords":["css","design","token","design","system"],"peerDependencies":{"vite":"^4.4.6"},"readmeFilename":"README.MD","readme":"# Toqin\n\nTokin is a Design Token Library for UI Development.\n\nSharing design tokens across platforms and keeping them in sync is a challenge. Toqin is a tool that helps you to manage\nyour design tokens in a single source of truth and generate the code for your favorite platforms.\n\n## 🎨 Design Token\n\nDesign tokens are the visual design atoms of the design system — specifically, they are named entities that store\nvisual design attributes. We use them in place of hard-coded values (such as hex values for color or pixel values for\nspacing) in order to maintain a scalable and consistent visual system for UI development.\n\n## 🖇️ The Problem\n\nIn a big company with multiple teams that working on different platforms and frameworks, keeping the design tokens in\nsync is hard.\n\nIt's easy to create a design token for a single platform, but when you want to use a different platform/framework,\nyou need to create a new design token for that platform. It's hard to keep them in sync. You need to update the design\ntoken in multiple places.\n\nFor example, one project is using pure CSS, and another project is using Tailwind CSS. You need to create a design\ntoken for each platform. When you want to change the primary color, you need to update the design token in multiple\nplaces. 🤮\n\n## 💡 The Solution\n\nToqin is a tool that helps you to manage your design tokens in a single source of truth and generate the code for your\nfavorite platforms. You can create a design token for multiple platforms in a single file and Toqin will generate the\ncode for you.\n\n## Example\n\n### Design Token\n\n```json\n{\n \"name\": \"design-system\",\n \"description\": \"My Design System\",\n \"tokens\": [\n {\n \"name\": \"color\",\n \"type\": \"color\",\n \"tokens\": [\n {\n \"name\": \"blue\",\n \"value\": \"#0000ff\"\n },\n {\n \"name\": \"black\",\n \"value\": \"#000000\"\n },\n {\n \"name\": \"white\",\n \"value\": \"#ffffff\"\n },\n {\n \"name\": \"text\",\n \"value\": {\n \"@\": \"@color.black\",\n \"@dark\": \"@color.white\"\n }\n },\n {\n \"name\": \"background\",\n \"value\": {\n \"@\": \"@color.white\",\n \"@dark\": \"@color.black\"\n }\n }\n ]\n }\n ],\n \"designs\": [\n {\n \"name\": \"anchor\",\n \"selectors\": [\"a\"],\n \"description\": \"Anchor styles\",\n \"rules\": {\n \"color\": {\n \"@\": \"@color.blue\",\n \"@dark\": \"@color.white\"\n },\n \"font-size\": {\n \"@\": \"14px\",\n \"@small\": \"12px\"\n }\n }\n }\n ]\n}\n```\n\n### Generate CSS\n\n```css\n:root {\n --color-blue: #0000ff;\n --color-black: #000000;\n --color-white: #ffffff;\n --color-text: var(--color-black);\n --color-background: var(--color-white);\n}\n\na {\n color: var(--color-blue);\n font-size: 14px;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --color-text: var(--color-white);\n --color-background: var(--color-black);\n }\n\n a {\n color: var(--color-white);\n }\n}\n\n@media (max-width: 640px) {\n a {\n font-size: 12px;\n }\n}\n```\n\n### Generated Tailwind CSS\n\n**`CSS Variable Mode`**\n\n```js (title=\"tailwind.config.js\")\nexport default {\n theme: {\n colors: {\n blue: '#0000ff',\n black: '#000000',\n white: '#ffffff',\n text: {\n DEFAULT: 'var(--color-black)',\n dark: 'var(--color-white)',\n },\n background: {\n DEFAULT: 'var(--color-white)',\n dark: 'var(--color-black)',\n },\n },\n },\n};\n\n```\n\n**`Inline Mode`**\n\n```js (title=\"tailwind.config.js\")\nexport default {\n theme: {\n colors: {\n blue: '#0000ff',\n black: '#000000',\n white: '#ffffff',\n text: {\n DEFAULT: '#000000',\n dark: '#ffffff',\n },\n background: {\n DEFAULT: '#ffffff',\n dark: '#000000',\n },\n },\n },\n};\n\n```\n\n**`Tailwind Classes (WIP)`**\n\n```js (title=\"tailwind.classes.js\")\nexport const anchor = 'text-blue text-[14px] dark:text-white sm:text-[12px]';\n```\n","_id":"@beerush/toqin@0.0.4","dist":{"shasum":"fb26ccc6c32bc7467c8782d20d8fe24360228cc9","integrity":"sha512-OWzkrMfbQy4TQKzNCJSq+y92bZMgf0R18BNg7yM3770igcfkhGICoZesnp09IlobBCO/3kpb0S/jBhkfB7pkZw==","tarball":"https://registry.npmjs.org/@beerush/toqin/-/toqin-0.0.4.tgz","fileCount":144,"unpackedSize":275757,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDTTYBCOPArDGA8BQWZa1jbGeRWZEKKlLK3jSCgAm7T/AiEA5ggHeZfJmQixwbngXQk5XNcNRaM5h5Z3qMmolZ/61aY="}]},"_npmUser":{"name":"mahdaen","email":"mahdaen@gmail.com"},"directories":{},"maintainers":[{"name":"mahdaen","email":"mahdaen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toqin_0.0.4_1692136039974_0.8843799298798845"},"_hasShrinkwrap":false},"0.0.5":{"name":"@beerush/toqin","version":"0.0.5","description":"Design System Manager","main":"dist/cjs/index.cjs","module":"dist/esm/index.js","types":"./dist/esm/index.d.ts","exports":{".":{"types":"./dist/esm/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./tokens/*":"./tokens/*","./plugins":{"types":"./dist/esm/plugins/index.d.ts","import":"./dist/esm/plugins/index.js","require":"./dist/cjs/plugins/index.cjs"},"./css-plugin":{"types":"./dist/esm/plugins/css/index.d.ts","import":"./dist/esm/plugins/css/index.js","require":"./dist/cjs/plugins/css/index.cjs"}},"bin":{"toqin":"bin\\toqin.js"},"repository":{"type":"git","url":"git+https://github.com/beerush-id/toqin.git"},"bugs":{"url":"https://github.com/beerush-id/toqin/issues"},"author":{"name":"Nanang Mahdaen El Agung","email":"mahdaen@gmail.com"},"license":"MIT","type":"module","publishConfig":{"access":"public"},"scripts":{"dev":"esdev --watch","build":"esdev --clean","prepublish":"npm run build","test":"cd test && node design.test.js","test:extend":"cd test && node extend.test.js"},"devDependencies":{"@beerush/esdev":"*","@types/fs-extra":"^11.0.1","typescript":"^5.1.6"},"dependencies":{"@beerush/resolve":"*","@beerush/utils":"^0.1.0","autoprefixer":"^10.4.14","chokidar":"^3.5.3","cssnano":"^6.0.1","json-source-map":"^0.6.1","fs-extra":"^11.1.1","postcss":"^8.4.27","source-map":"^0.7.4"},"homepage":"https://github.com/beerush-id/toqin#readme","keywords":["css","design","token","design","system"],"peerDependencies":{"vite":"^4.4.6"},"readmeFilename":"README.MD","readme":"# Toqin\n\nTokin is a Design Token Library for UI Development.\n\nSharing design tokens across platforms and keeping them in sync is a challenge. Toqin is a tool that helps you to manage\nyour design tokens in a single source of truth and generate the code for your favorite platforms.\n\n## 🎨 Design Token\n\nDesign tokens are the visual design atoms of the design system — specifically, they are named entities that store\nvisual design attributes. We use them in place of hard-coded values (such as hex values for color or pixel values for\nspacing) in order to maintain a scalable and consistent visual system for UI development.\n\n## 🖇️ The Problem\n\nIn a big company with multiple teams that working on different platforms and frameworks, keeping the design tokens in\nsync is hard.\n\nIt's easy to create a design token for a single platform, but when you want to use a different platform/framework,\nyou need to create a new design token for that platform. It's hard to keep them in sync. You need to update the design\ntoken in multiple places.\n\nFor example, one project is using pure CSS, and another project is using Tailwind CSS. You need to create a design\ntoken for each platform. When you want to change the primary color, you need to update the design token in multiple\nplaces. 🤮\n\n## 💡 The Solution\n\nToqin is a tool that helps you to manage your design tokens in a single source of truth and generate the code for your\nfavorite platforms. You can create a design token for multiple platforms in a single file and Toqin will generate the\ncode for you.\n\n## Example\n\n### Design Token\n\n```json\n{\n \"name\": \"design-system\",\n \"description\": \"My Design System\",\n \"tokens\": [\n {\n \"name\": \"color\",\n \"type\": \"color\",\n \"tokens\": [\n {\n \"name\": \"blue\",\n \"value\": \"#0000ff\"\n },\n {\n \"name\": \"black\",\n \"value\": \"#000000\"\n },\n {\n \"name\": \"white\",\n \"value\": \"#ffffff\"\n },\n {\n \"name\": \"text\",\n \"value\": {\n \"@\": \"@color.black\",\n \"@dark\": \"@color.white\"\n }\n },\n {\n \"name\": \"background\",\n \"value\": {\n \"@\": \"@color.white\",\n \"@dark\": \"@color.black\"\n }\n }\n ]\n }\n ],\n \"designs\": [\n {\n \"name\": \"anchor\",\n \"selectors\": [\"a\"],\n \"description\": \"Anchor styles\",\n \"rules\": {\n \"color\": {\n \"@\": \"@color.blue\",\n \"@dark\": \"@color.white\"\n },\n \"font-size\": {\n \"@\": \"14px\",\n \"@small\": \"12px\"\n }\n }\n }\n ]\n}\n```\n\n### Generate CSS\n\n```css\n:root {\n --color-blue: #0000ff;\n --color-black: #000000;\n --color-white: #ffffff;\n --color-text: var(--color-black);\n --color-background: var(--color-white);\n}\n\na {\n color: var(--color-blue);\n font-size: 14px;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --color-text: var(--color-white);\n --color-background: var(--color-black);\n }\n\n a {\n color: var(--color-white);\n }\n}\n\n@media (max-width: 640px) {\n a {\n font-size: 12px;\n }\n}\n```\n\n### Generated Tailwind CSS\n\n**`CSS Variable Mode`**\n\n```js (title=\"tailwind.config.js\")\nexport default {\n theme: {\n colors: {\n blue: '#0000ff',\n black: '#000000',\n white: '#ffffff',\n text: {\n DEFAULT: 'var(--color-black)',\n dark: 'var(--color-white)',\n },\n background: {\n DEFAULT: 'var(--color-white)',\n dark: 'var(--color-black)',\n },\n },\n },\n};\n\n```\n\n**`Inline Mode`**\n\n```js (title=\"tailwind.config.js\")\nexport default {\n theme: {\n colors: {\n blue: '#0000ff',\n black: '#000000',\n white: '#ffffff',\n text: {\n DEFAULT: '#000000',\n dark: '#ffffff',\n },\n background: {\n DEFAULT: '#ffffff',\n dark: '#000000',\n },\n },\n },\n};\n\n```\n\n**`Tailwind Classes (WIP)`**\n\n```js (title=\"tailwind.classes.js\")\nexport const anchor = 'text-blue text-[14px] dark:text-white sm:text-[12px]';\n```\n","_id":"@beerush/toqin@0.0.5","dist":{"shasum":"39c6da5b54f505b3c8a5a996f583376bce23d58d","integrity":"sha512-6fDZOKPEdeTAv77HgtpcpYPTCxpqKf69EGo0z/iVRKFugWM/Tvt/PbPcFVpIuiJn2J7p/XpnkBHGZGaKK1R7Qg==","tarball":"https://registry.npmjs.org/@beerush/toqin/-/toqin-0.0.5.tgz","fileCount":144,"unpackedSize":280633,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGmtytlZWauchK9pRMq4tWv0urmJ+R6Y9Ykojda6dcSuAiBJ/K/JQeRj8qHXwqkNdu/U+CUjmiS6+ucBoaC4WAkWQA=="}]},"_npmUser":{"name":"mahdaen","email":"mahdaen@gmail.com"},"directories":{},"maintainers":[{"name":"mahdaen","email":"mahdaen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toqin_0.0.5_1692139397841_0.2210174765583992"},"_hasShrinkwrap":false},"0.0.6":{"name":"@beerush/toqin","version":"0.0.6","description":"Design System Manager","main":"dist/cjs/index.cjs","module":"dist/esm/index.js","types":"./dist/esm/index.d.ts","exports":{".":{"types":"./dist/esm/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./tokens/*":"./tokens/*","./plugins":{"types":"./dist/esm/plugins/index.d.ts","import":"./dist/esm/plugins/index.js","require":"./dist/cjs/plugins/index.cjs"},"./css-plugin":{"types":"./dist/esm/plugins/css/index.d.ts","import":"./dist/esm/plugins/css/index.js","require":"./dist/cjs/plugins/css/index.cjs"}},"bin":{"toqin":"bin\\toqin.js"},"repository":{"type":"git","url":"git+https://github.com/beerush-id/toqin.git"},"bugs":{"url":"https://github.com/beerush-id/toqin/issues"},"author":{"name":"Nanang Mahdaen El Agung","email":"mahdaen@gmail.com"},"license":"MIT","type":"module","publishConfig":{"access":"public"},"scripts":{"dev":"esdev --watch","build":"esdev --clean","prepublish":"npm run build","test":"cd test && node design.test.js","test:extend":"cd test && node extend.test.js"},"devDependencies":{"@beerush/esdev":"*","@types/fs-extra":"^11.0.1","typescript":"^5.1.6"},"dependencies":{"@beerush/resolve":"*","@beerush/utils":"^0.1.0","autoprefixer":"^10.4.14","chokidar":"^3.5.3","cssnano":"^6.0.1","json-source-map":"^0.6.1","fs-extra":"^11.1.1","postcss":"^8.4.27","source-map":"^0.7.4"},"homepage":"https://github.com/beerush-id/toqin#readme","keywords":["css","design","token","design","system"],"peerDependencies":{"vite":"^4.4.6"},"readmeFilename":"README.MD","readme":"# Toqin\n\nTokin is a Design Token Library for UI Development.\n\nSharing design tokens across platforms and keeping them in sync is a challenge. Toqin is a tool that helps you to manage\nyour design tokens in a single source of truth and generate the code for your favorite platforms.\n\n## 🎨 Design Token\n\nDesign tokens are the visual design atoms of the design system — specifically, they are named entities that store\nvisual design attributes. We use them in place of hard-coded values (such as hex values for color or pixel values for\nspacing) in order to maintain a scalable and consistent visual system for UI development.\n\n## 🖇️ The Problem\n\nIn a big company with multiple teams that working on different platforms and frameworks, keeping the design tokens in\nsync is hard.\n\nIt's easy to create a design token for a single platform, but when you want to use a different platform/framework,\nyou need to create a new design token for that platform. It's hard to keep them in sync. You need to update the design\ntoken in multiple places.\n\nFor example, one project is using pure CSS, and another project is using Tailwind CSS. You need to create a design\ntoken for each platform. When you want to change the primary color, you need to update the design token in multiple\nplaces. 🤮\n\n## 💡 The Solution\n\nToqin is a tool that helps you to manage your design tokens in a single source of truth and generate the code for your\nfavorite platforms. You can create a design token for multiple platforms in a single file and Toqin will generate the\ncode for you.\n\n## Example\n\n### Design Token\n\n```json\n{\n \"name\": \"design-system\",\n \"description\": \"My Design System\",\n \"tokens\": [\n {\n \"name\": \"color\",\n \"type\": \"color\",\n \"tokens\": [\n {\n \"name\": \"blue\",\n \"value\": \"#0000ff\"\n },\n {\n \"name\": \"black\",\n \"value\": \"#000000\"\n },\n {\n \"name\": \"white\",\n \"value\": \"#ffffff\"\n },\n {\n \"name\": \"text\",\n \"value\": {\n \"@\": \"@color.black\",\n \"@dark\": \"@color.white\"\n }\n },\n {\n \"name\": \"background\",\n \"value\": {\n \"@\": \"@color.white\",\n \"@dark\": \"@color.black\"\n }\n }\n ]\n }\n ],\n \"designs\": [\n {\n \"name\": \"anchor\",\n \"selectors\": [\"a\"],\n \"description\": \"Anchor styles\",\n \"rules\": {\n \"color\": {\n \"@\": \"@color.blue\",\n \"@dark\": \"@color.white\"\n },\n \"font-size\": {\n \"@\": \"14px\",\n \"@small\": \"12px\"\n }\n }\n }\n ]\n}\n```\n\n### Generate CSS\n\n```css\n:root {\n --color-blue: #0000ff;\n --color-black: #000000;\n --color-white: #ffffff;\n --color-text: var(--color-black);\n --color-background: var(--color-white);\n}\n\na {\n color: var(--color-blue);\n font-size: 14px;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --color-text: var(--color-white);\n --color-background: var(--color-black);\n }\n\n a {\n color: var(--color-white);\n }\n}\n\n@media (max-width: 640px) {\n a {\n font-size: 12px;\n }\n}\n```\n\n### Generated Tailwind CSS\n\n**`CSS Variable Mode`**\n\n```js (title=\"tailwind.config.js\")\nexport default {\n theme: {\n colors: {\n blue: '#0000ff',\n black: '#000000',\n white: '#ffffff',\n text: {\n DEFAULT: 'var(--color-black)',\n dark: 'var(--color-white)',\n },\n background: {\n DEFAULT: 'var(--color-white)',\n dark: 'var(--color-black)',\n },\n },\n },\n};\n\n```\n\n**`Inline Mode`**\n\n```js (title=\"tailwind.config.js\")\nexport default {\n theme: {\n colors: {\n blue: '#0000ff',\n black: '#000000',\n white: '#ffffff',\n text: {\n DEFAULT: '#000000',\n dark: '#ffffff',\n },\n background: {\n DEFAULT: '#ffffff',\n dark: '#000000',\n },\n },\n },\n};\n\n```\n\n**`Tailwind Classes (WIP)`**\n\n```js (title=\"tailwind.classes.js\")\nexport const anchor = 'text-blue text-[14px] dark:text-white sm:text-[12px]';\n```\n","_id":"@beerush/toqin@0.0.6","dist":{"shasum":"0eb67d984d21c5499d9e1539d13edb25eb470f84","integrity":"sha512-VhwKDVtpTEue2ViTfyvaMpWqrplgd9RzYDsjYP3x9q6fY/Eo5VON8T61SvZevLOLKCCPlkLz+DFuC34ip6jS3A==","tarball":"https://registry.npmjs.org/@beerush/toqin/-/toqin-0.0.6.tgz","fileCount":144,"unpackedSize":280631,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDJu/efheKsk7/qny8Lf8YC45j+pm5RFMHTu4MhU9iIlwIhAPNoXqh5TMkeVrREIn5S1UOCyYuoKKhbZ2Un5yFbpBwH"}]},"_npmUser":{"name":"mahdaen","email":"mahdaen@gmail.com"},"directories":{},"maintainers":[{"name":"mahdaen","email":"mahdaen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toqin_0.0.6_1692139769136_0.37917661139069536"},"_hasShrinkwrap":false},"0.0.7":{"name":"@beerush/toqin","version":"0.0.7","description":"Design System Manager","main":"dist/cjs/index.cjs","module":"dist/esm/index.js","types":"./dist/esm/index.d.ts","exports":{".":{"types":"./dist/esm/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./tokens/*":"./tokens/*","./plugins":{"types":"./dist/esm/plugins/index.d.ts","import":"./dist/esm/plugins/index.js","require":"./dist/cjs/plugins/index.cjs"},"./css-plugin":{"types":"./dist/esm/plugins/css/index.d.ts","import":"./dist/esm/plugins/css/index.js","require":"./dist/cjs/plugins/css/index.cjs"}},"bin":{"toqin":"bin\\toqin.js"},"repository":{"type":"git","url":"git+https://github.com/beerush-id/toqin.git"},"bugs":{"url":"https://github.com/beerush-id/toqin/issues"},"author":{"name":"Nanang Mahdaen El Agung","email":"mahdaen@gmail.com"},"license":"MIT","type":"module","publishConfig":{"access":"public"},"scripts":{"dev":"esdev --watch","build":"esdev --clean","prepublish":"npm run build","test":"cd test && node design.test.js","test:extend":"cd test && node extend.test.js"},"devDependencies":{"@beerush/esdev":"*","@types/fs-extra":"^11.0.1","typescript":"^5.1.6"},"dependencies":{"@beerush/resolve":"*","@beerush/utils":"^0.1.0","autoprefixer":"^10.4.14","chokidar":"^3.5.3","cssnano":"^6.0.1","fs-extra":"^11.1.1","json-source-map":"^0.6.1","known-css-properties":"^0.28.0","postcss":"^8.4.27","source-map":"^0.7.4"},"homepage":"https://github.com/beerush-id/toqin#readme","keywords":["css","design","token","design","system"],"peerDependencies":{"vite":"^4.4.6"},"readmeFilename":"README.MD","readme":"# Toqin\n\nTokin is a Design Token Library for UI Development.\n\nSharing design tokens across platforms and keeping them in sync is a challenge. Toqin is a tool that helps you to manage\nyour design tokens in a single source of truth and generate the code for your favorite platforms.\n\n## 🎨 Design Token\n\nDesign tokens are the visual design atoms of the design system — specifically, they are named entities that store\nvisual design attributes. We use them in place of hard-coded values (such as hex values for color or pixel values for\nspacing) in order to maintain a scalable and consistent visual system for UI development.\n\n## 🖇️ The Problem\n\nIn a big company with multiple teams that working on different platforms and frameworks, keeping the design tokens in\nsync is hard.\n\nIt's easy to create a design token for a single platform, but when you want to use a different platform/framework,\nyou need to create a new design token for that platform. It's hard to keep them in sync. You need to update the design\ntoken in multiple places.\n\nFor example, one project is using pure CSS, and another project is using Tailwind CSS. You need to create a design\ntoken for each platform. When you want to change the primary color, you need to update the design token in multiple\nplaces. 🤮\n\n## 💡 The Solution\n\nToqin is a tool that helps you to manage your design tokens in a single source of truth and generate the code for your\nfavorite platforms. You can create a design token for multiple platforms in a single file and Toqin will generate the\ncode for you.\n\n## Example\n\n### Design Token\n\n```json\n{\n \"name\": \"design-system\",\n \"description\": \"My Design System\",\n \"tokens\": [\n {\n \"name\": \"color\",\n \"type\": \"color\",\n \"tokens\": [\n {\n \"name\": \"blue\",\n \"value\": \"#0000ff\"\n },\n {\n \"name\": \"black\",\n \"value\": \"#000000\"\n },\n {\n \"name\": \"white\",\n \"value\": \"#ffffff\"\n },\n {\n \"name\": \"text\",\n \"value\": {\n \"@\": \"@color.black\",\n \"@dark\": \"@color.white\"\n }\n },\n {\n \"name\": \"background\",\n \"value\": {\n \"@\": \"@color.white\",\n \"@dark\": \"@color.black\"\n }\n }\n ]\n }\n ],\n \"designs\": [\n {\n \"name\": \"anchor\",\n \"selectors\": [\"a\"],\n \"description\": \"Anchor styles\",\n \"rules\": {\n \"color\": {\n \"@\": \"@color.blue\",\n \"@dark\": \"@color.white\"\n },\n \"font-size\": {\n \"@\": \"14px\",\n \"@small\": \"12px\"\n }\n }\n }\n ]\n}\n```\n\n### Generate CSS\n\n```css\n:root {\n --color-blue: #0000ff;\n --color-black: #000000;\n --color-white: #ffffff;\n --color-text: var(--color-black);\n --color-background: var(--color-white);\n}\n\na {\n color: var(--color-blue);\n font-size: 14px;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --color-text: var(--color-white);\n --color-background: var(--color-black);\n }\n\n a {\n color: var(--color-white);\n }\n}\n\n@media (max-width: 640px) {\n a {\n font-size: 12px;\n }\n}\n```\n\n### Generated Tailwind CSS\n\n**`CSS Variable Mode`**\n\n```js (title=\"tailwind.config.js\")\nexport default {\n theme: {\n colors: {\n blue: '#0000ff',\n black: '#000000',\n white: '#ffffff',\n text: {\n DEFAULT: 'var(--color-black)',\n dark: 'var(--color-white)',\n },\n background: {\n DEFAULT: 'var(--color-white)',\n dark: 'var(--color-black)',\n },\n },\n },\n};\n\n```\n\n**`Inline Mode`**\n\n```js (title=\"tailwind.config.js\")\nexport default {\n theme: {\n colors: {\n blue: '#0000ff',\n black: '#000000',\n white: '#ffffff',\n text: {\n DEFAULT: '#000000',\n dark: '#ffffff',\n },\n background: {\n DEFAULT: '#ffffff',\n dark: '#000000',\n },\n },\n },\n};\n\n```\n\n**`Tailwind Classes (WIP)`**\n\n```js (title=\"tailwind.classes.js\")\nexport const anchor = 'text-blue text-[14px] dark:text-white sm:text-[12px]';\n```\n","_id":"@beerush/toqin@0.0.7","dist":{"shasum":"47766b843be1e0dbf17bbf37a46b81be4ccc159e","integrity":"sha512-h0RIcipq8L8EP5g2fggrFLc5NZAzrddOCr8hJjHg5cYt5riCpx6EKss1LBM260uUls2Wycg1b7eXor9wit/8Yg==","tarball":"https://registry.npmjs.org/@beerush/toqin/-/toqin-0.0.7.tgz","fileCount":144,"unpackedSize":285919,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEQINdQyOWJix3ci98rGsV6C1z1SGfHEX89AlUqwfWjoAiEAy21LNGK7xYoPGm7lEjQVEW3eYrr3sPc8MpE4kAP/Fww="}]},"_npmUser":{"name":"mahdaen","email":"mahdaen@gmail.com"},"directories":{},"maintainers":[{"name":"mahdaen","email":"mahdaen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toqin_0.0.7_1692347827357_0.20556754135897704"},"_hasShrinkwrap":false},"0.0.9":{"name":"@beerush/toqin","version":"0.0.9","description":"Design System Manager","main":"dist/cjs/index.cjs","module":"dist/esm/index.js","types":"./dist/esm/index.d.ts","exports":{".":{"types":"./dist/esm/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./tokens/*":"./tokens/*","./plugins":{"types":"./dist/esm/plugins/index.d.ts","import":"./dist/esm/plugins/index.js","require":"./dist/cjs/plugins/index.cjs"},"./css-plugin":{"types":"./dist/esm/plugins/css/index.d.ts","import":"./dist/esm/plugins/css/index.js","require":"./dist/cjs/plugins/css/index.cjs"}},"bin":{"toqin":"bin\\toqin.js"},"repository":{"type":"git","url":"git+https://github.com/beerush-id/toqin.git"},"bugs":{"url":"https://github.com/beerush-id/toqin/issues"},"author":{"name":"Nanang Mahdaen El Agung","email":"mahdaen@gmail.com"},"license":"MIT","type":"module","publishConfig":{"access":"public"},"scripts":{"dev":"esdev --watch","build":"esdev --clean","prepublish":"npm run build","test":"cd test && node design.test.js","test:extend":"cd test && node extend.test.js"},"devDependencies":{"@beerush/esdev":"*","@types/fs-extra":"^11.0.1","typescript":"^5.1.6"},"dependencies":{"@beerush/resolve":"*","@beerush/utils":"^0.2.0","autoprefixer":"^10.4.14","chokidar":"^3.5.3","cssnano":"^6.0.1","fs-extra":"^11.1.1","json-source-map":"^0.6.1","known-css-properties":"^0.28.0","postcss":"^8.4.27","source-map":"^0.7.4"},"homepage":"https://github.com/beerush-id/toqin#readme","keywords":["css","design","token","design","system"],"peerDependencies":{"vite":"^4.4.6"},"readmeFilename":"README.MD","readme":"# Toqin\n\nTokin is a Design Token Library for UI Development.\n\nSharing design tokens across platforms and keeping them in sync is a challenge. Toqin is a tool that helps you to manage\nyour design tokens in a single source of truth and generate the code for your favorite platforms.\n\n## 🎨 Design Token\n\nDesign tokens are the visual design atoms of the design system — specifically, they are named entities that store\nvisual design attributes. We use them in place of hard-coded values (such as hex values for color or pixel values for\nspacing) in order to maintain a scalable and consistent visual system for UI development.\n\n## 🖇️ The Problem\n\nIn a big company with multiple teams that working on different platforms and frameworks, keeping the design tokens in\nsync is hard.\n\nIt's easy to create a design token for a single platform, but when you want to use a different platform/framework,\nyou need to create a new design token for that platform. It's hard to keep them in sync. You need to update the design\ntoken in multiple places.\n\nFor example, one project is using pure CSS, and another project is using Tailwind CSS. You need to create a design\ntoken for each platform. When you want to change the primary color, you need to update the design token in multiple\nplaces. 🤮\n\n## 💡 The Solution\n\nToqin is a tool that helps you to manage your design tokens in a single source of truth and generate the code for your\nfavorite platforms. You can create a design token for multiple platforms in a single file and Toqin will generate the\ncode for you.\n\n## Example\n\n### Design Token\n\n```json\n{\n \"name\": \"design-system\",\n \"description\": \"My Design System\",\n \"tokens\": [\n {\n \"name\": \"color\",\n \"type\": \"color\",\n \"tokens\": [\n {\n \"name\": \"blue\",\n \"value\": \"#0000ff\"\n },\n {\n \"name\": \"black\",\n \"value\": \"#000000\"\n },\n {\n \"name\": \"white\",\n \"value\": \"#ffffff\"\n },\n {\n \"name\": \"text\",\n \"value\": {\n \"@\": \"@color.black\",\n \"@dark\": \"@color.white\"\n }\n },\n {\n \"name\": \"background\",\n \"value\": {\n \"@\": \"@color.white\",\n \"@dark\": \"@color.black\"\n }\n }\n ]\n }\n ],\n \"designs\": [\n {\n \"name\": \"anchor\",\n \"selectors\": [\"a\"],\n \"description\": \"Anchor styles\",\n \"rules\": {\n \"color\": {\n \"@\": \"@color.blue\",\n \"@dark\": \"@color.white\"\n },\n \"font-size\": {\n \"@\": \"14px\",\n \"@small\": \"12px\"\n }\n }\n }\n ]\n}\n```\n\n### Generate CSS\n\n```css\n:root {\n --color-blue: #0000ff;\n --color-black: #000000;\n --color-white: #ffffff;\n --color-text: var(--color-black);\n --color-background: var(--color-white);\n}\n\na {\n color: var(--color-blue);\n font-size: 14px;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --color-text: var(--color-white);\n --color-background: var(--color-black);\n }\n\n a {\n color: var(--color-white);\n }\n}\n\n@media (max-width: 640px) {\n a {\n font-size: 12px;\n }\n}\n```\n\n### Generated Tailwind CSS\n\n**`CSS Variable Mode`**\n\n```js (title=\"tailwind.config.js\")\nexport default {\n theme: {\n colors: {\n blue: '#0000ff',\n black: '#000000',\n white: '#ffffff',\n text: {\n DEFAULT: 'var(--color-black)',\n dark: 'var(--color-white)',\n },\n background: {\n DEFAULT: 'var(--color-white)',\n dark: 'var(--color-black)',\n },\n },\n },\n};\n\n```\n\n**`Inline Mode`**\n\n```js (title=\"tailwind.config.js\")\nexport default {\n theme: {\n colors: {\n blue: '#0000ff',\n black: '#000000',\n white: '#ffffff',\n text: {\n DEFAULT: '#000000',\n dark: '#ffffff',\n },\n background: {\n DEFAULT: '#ffffff',\n dark: '#000000',\n },\n },\n },\n};\n\n```\n\n**`Tailwind Classes (WIP)`**\n\n```js (title=\"tailwind.classes.js\")\nexport const anchor = 'text-blue text-[14px] dark:text-white sm:text-[12px]';\n```\n","_id":"@beerush/toqin@0.0.9","dist":{"shasum":"f0d446733dcf53c206f124debf0b58d3999449a3","integrity":"sha512-hUPEipWMHO48HWVXvOfwhod9eExg6pWdxcRB7JQgQkaWHU1sfRbkbBGeAajr2PmLj72fbkMYyh8tn59IkLDMjQ==","tarball":"https://registry.npmjs.org/@beerush/toqin/-/toqin-0.0.9.tgz","fileCount":150,"unpackedSize":288492,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZIKCQsk5mfjXgmNTgDiUhPKB2bhygf4ObRI5pyqnebAIhAM7yCuJFRl1gQC7dz7548afSCWv63/j/2EcouCQo5Cyb"}]},"_npmUser":{"name":"mahdaen","email":"mahdaen@gmail.com"},"directories":{},"maintainers":[{"name":"mahdaen","email":"mahdaen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toqin_0.0.9_1693136025314_0.5928009987826499"},"_hasShrinkwrap":false},"0.1.0":{"name":"@beerush/toqin","version":"0.1.0","description":"Design System Manager","main":"dist/cjs/index.cjs","module":"dist/esm/index.js","types":"./dist/esm/index.d.ts","exports":{".":{"types":"./dist/esm/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./tokens/*":"./tokens/*","./plugins":{"types":"./dist/esm/plugins/index.d.ts","import":"./dist/esm/plugins/index.js","require":"./dist/cjs/plugins/index.cjs"},"./css-plugin":{"types":"./dist/esm/plugins/css/index.d.ts","import":"./dist/esm/plugins/css/index.js","require":"./dist/cjs/plugins/css/index.cjs"}},"bin":{"toqin":"bin\\toqin.js"},"repository":{"type":"git","url":"git+https://github.com/beerush-id/toqin.git"},"bugs":{"url":"https://github.com/beerush-id/toqin/issues"},"author":{"name":"Nanang Mahdaen El Agung","email":"mahdaen@gmail.com"},"license":"MIT","type":"module","publishConfig":{"access":"public"},"scripts":{"dev":"esdev --watch","build":"esdev --clean","prepublish":"npm run build","test":"cd test && node design.test.js","test:extend":"cd test && node extend.test.js"},"devDependencies":{"@beerush/esdev":"*","@types/fs-extra":"^11.0.1","typescript":"^5.1.6"},"dependencies":{"@beerush/resolve":"*","@beerush/utils":"^0.2.0","autoprefixer":"^10.4.14","chokidar":"^3.5.3","cssnano":"^6.0.1","fs-extra":"^11.1.1","json-source-map":"^0.6.1","known-css-properties":"^0.28.0","postcss":"^8.4.27","source-map":"^0.7.4"},"homepage":"https://github.com/beerush-id/toqin#readme","keywords":["css","design","token","design","system"],"peerDependencies":{"vite":"^4.4.6"},"readmeFilename":"README.MD","readme":"# Toqin\n\nTokin is a Design Token Library for UI Development.\n\nSharing design tokens across platforms and keeping them in sync is a challenge. Toqin is a tool that helps you to manage\nyour design tokens in a single source of truth and generate the code for your favorite platforms.\n\n## 🎨 Design Token\n\nDesign tokens are the visual design atoms of the design system — specifically, they are named entities that store\nvisual design attributes. We use them in place of hard-coded values (such as hex values for color or pixel values for\nspacing) in order to maintain a scalable and consistent visual system for UI development.\n\n## 🖇️ The Problem\n\nIn a big company with multiple teams that working on different platforms and frameworks, keeping the design tokens in\nsync is hard.\n\nIt's easy to create a design token for a single platform, but when you want to use a different platform/framework,\nyou need to create a new design token for that platform. It's hard to keep them in sync. You need to update the design\ntoken in multiple places.\n\nFor example, one project is using pure CSS, and another project is using Tailwind CSS. You need to create a design\ntoken for each platform. When you want to change the primary color, you need to update the design token in multiple\nplaces. 🤮\n\n## 💡 The Solution\n\nToqin is a tool that helps you to manage your design tokens in a single source of truth and generate the code for your\nfavorite platforms. You can create a design token for multiple platforms in a single file and Toqin will generate the\ncode for you.\n\n## Example\n\n### Design Token\n\n```json\n{\n \"name\": \"design-system\",\n \"description\": \"My Design System\",\n \"tokens\": [\n {\n \"name\": \"color\",\n \"type\": \"color\",\n \"tokens\": [\n {\n \"name\": \"blue\",\n \"value\": \"#0000ff\"\n },\n {\n \"name\": \"black\",\n \"value\": \"#000000\"\n },\n {\n \"name\": \"white\",\n \"value\": \"#ffffff\"\n },\n {\n \"name\": \"text\",\n \"value\": {\n \"@\": \"@color.black\",\n \"@dark\": \"@color.white\"\n }\n },\n {\n \"name\": \"background\",\n \"value\": {\n \"@\": \"@color.white\",\n \"@dark\": \"@color.black\"\n }\n }\n ]\n }\n ],\n \"designs\": [\n {\n \"name\": \"anchor\",\n \"selectors\": [\"a\"],\n \"description\": \"Anchor styles\",\n \"rules\": {\n \"color\": {\n \"@\": \"@color.blue\",\n \"@dark\": \"@color.white\"\n },\n \"font-size\": {\n \"@\": \"14px\",\n \"@small\": \"12px\"\n }\n }\n }\n ]\n}\n```\n\n### Generate CSS\n\n```css\n:root {\n --color-blue: #0000ff;\n --color-black: #000000;\n --color-white: #ffffff;\n --color-text: var(--color-black);\n --color-background: var(--color-white);\n}\n\na {\n color: var(--color-blue);\n font-size: 14px;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --color-text: var(--color-white);\n --color-background: var(--color-black);\n }\n\n a {\n color: var(--color-white);\n }\n}\n\n@media (max-width: 640px) {\n a {\n font-size: 12px;\n }\n}\n```\n\n### Generated Tailwind CSS\n\n**`CSS Variable Mode`**\n\n```js (title=\"tailwind.config.js\")\nexport default {\n theme: {\n colors: {\n blue: '#0000ff',\n black: '#000000',\n white: '#ffffff',\n text: {\n DEFAULT: 'var(--color-black)',\n dark: 'var(--color-white)',\n },\n background: {\n DEFAULT: 'var(--color-white)',\n dark: 'var(--color-black)',\n },\n },\n },\n};\n\n```\n\n**`Inline Mode`**\n\n```js (title=\"tailwind.config.js\")\nexport default {\n theme: {\n colors: {\n blue: '#0000ff',\n black: '#000000',\n white: '#ffffff',\n text: {\n DEFAULT: '#000000',\n dark: '#ffffff',\n },\n background: {\n DEFAULT: '#ffffff',\n dark: '#000000',\n },\n },\n },\n};\n\n```\n\n**`Tailwind Classes (WIP)`**\n\n```js (title=\"tailwind.classes.js\")\nexport const anchor = 'text-blue text-[14px] dark:text-white sm:text-[12px]';\n```\n","_id":"@beerush/toqin@0.1.0","dist":{"shasum":"164cfa69392ae77248268c9cca4de9c02126eecf","integrity":"sha512-nrRn5Wx4nxggipqAvek+OVJBRETTvS8dh99krjxlf0fuHII9I2u1yvhYmvHZ49yZhM6bqhaROJxuQ4ZxjTK3Xw==","tarball":"https://registry.npmjs.org/@beerush/toqin/-/toqin-0.1.0.tgz","fileCount":156,"unpackedSize":294640,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAili66sC8NWDKbBcm9MYshda7fhnTTTdBNT/VpxmxLRAiAyIu+l3CBDPyUgajoUUVAejS3LradcL96GWLFqovw+2g=="}]},"_npmUser":{"name":"mahdaen","email":"mahdaen@gmail.com"},"directories":{},"maintainers":[{"name":"mahdaen","email":"mahdaen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toqin_0.1.0_1693142045063_0.8887844971743377"},"_hasShrinkwrap":false},"0.1.1":{"name":"@beerush/toqin","version":"0.1.1","description":"Design System Manager","main":"dist/cjs/index.cjs","module":"dist/esm/index.js","types":"./dist/esm/index.d.ts","exports":{".":{"types":"./dist/esm/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./tokens/*":"./tokens/*","./plugins":{"types":"./dist/esm/plugins/index.d.ts","import":"./dist/esm/plugins/index.js","require":"./dist/cjs/plugins/index.cjs"},"./css-plugin":{"types":"./dist/esm/plugins/css/index.d.ts","import":"./dist/esm/plugins/css/index.js","require":"./dist/cjs/plugins/css/index.cjs"}},"bin":{"toqin":"bin\\toqin.js"},"repository":{"type":"git","url":"git+https://github.com/beerush-id/toqin.git"},"bugs":{"url":"https://github.com/beerush-id/toqin/issues"},"author":{"name":"Nanang Mahdaen El Agung","email":"mahdaen@gmail.com"},"license":"MIT","type":"module","publishConfig":{"access":"public"},"scripts":{"dev":"esdev --watch","build":"esdev --clean","prepublish":"npm run build","test":"cd test && node design.test.js","test:extend":"cd test && node extend.test.js","docs:dev":"vitepress dev docs --port 5273","docs:build":"vitepress build docs","docs:preview":"vitepress preview docs"},"devDependencies":{"@beerush/esdev":"*","@types/fs-extra":"^11.0.1","typescript":"^5.1.6","vitepress":"^1.0.0-rc.5"},"dependencies":{"@beerush/resolve":"*","@beerush/utils":"^0.2.0","autoprefixer":"^10.4.14","chokidar":"^3.5.3","cssnano":"^6.0.1","fs-extra":"^11.1.1","json-source-map":"^0.6.1","known-css-properties":"^0.28.0","postcss":"^8.4.27","source-map":"^0.7.4"},"homepage":"https://github.com/beerush-id/toqin#readme","keywords":["css","design","token","design","system"],"peerDependencies":{"vite":"^4.4.6"},"readmeFilename":"README.MD","readme":"# Toqin\n\nTokin is a Design Token Library for UI Development.\n\nSharing design tokens across platforms and keeping them in sync is a challenge. Toqin is a tool that helps you to manage\nyour design tokens in a single source of truth and generate the code for your favorite platforms.\n\n## 🎨 Design Token\n\nDesign tokens are the visual design atoms of the design system — specifically, they are named entities that store\nvisual design attributes. We use them in place of hard-coded values (such as hex values for color or pixel values for\nspacing) in order to maintain a scalable and consistent visual system for UI development.\n\n## 🖇️ The Problem\n\nIn a big company with multiple teams that working on different platforms and frameworks, keeping the design tokens in\nsync is hard.\n\nIt's easy to create a design token for a single platform, but when you want to use a different platform/framework,\nyou need to create a new design token for that platform. It's hard to keep them in sync. You need to update the design\ntoken in multiple places.\n\nFor example, one project is using pure CSS, and another project is using Tailwind CSS. You need to create a design\ntoken for each platform. When you want to change the primary color, you need to update the design token in multiple\nplaces. 🤮\n\n## 💡 The Solution\n\nToqin is a tool that helps you to manage your design tokens in a single source of truth and generate the code for your\nfavorite platforms. You can create a design token for multiple platforms in a single file and Toqin will generate the\ncode for you.\n\n## Example\n\n### Design Token\n\n```json\n{\n \"name\": \"design-system\",\n \"description\": \"My Design System\",\n \"tokens\": [\n {\n \"name\": \"color\",\n \"type\": \"color\",\n \"tokens\": [\n {\n \"name\": \"blue\",\n \"value\": \"#0000ff\"\n },\n {\n \"name\": \"black\",\n \"value\": \"#000000\"\n },\n {\n \"name\": \"white\",\n \"value\": \"#ffffff\"\n },\n {\n \"name\": \"text\",\n \"value\": {\n \"@\": \"@color.black\",\n \"@dark\": \"@color.white\"\n }\n },\n {\n \"name\": \"background\",\n \"value\": {\n \"@\": \"@color.white\",\n \"@dark\": \"@color.black\"\n }\n }\n ]\n }\n ],\n \"designs\": [\n {\n \"name\": \"anchor\",\n \"selectors\": [\"a\"],\n \"description\": \"Anchor styles\",\n \"rules\": {\n \"color\": {\n \"@\": \"@color.blue\",\n \"@dark\": \"@color.white\"\n },\n \"font-size\": {\n \"@\": \"14px\",\n \"@small\": \"12px\"\n }\n }\n }\n ]\n}\n```\n\n### Generate CSS\n\n```css\n:root {\n --color-blue: #0000ff;\n --color-black: #000000;\n --color-white: #ffffff;\n --color-text: var(--color-black);\n --color-background: var(--color-white);\n}\n\na {\n color: var(--color-blue);\n font-size: 14px;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --color-text: var(--color-white);\n --color-background: var(--color-black);\n }\n\n a {\n color: var(--color-white);\n }\n}\n\n@media (max-width: 640px) {\n a {\n font-size: 12px;\n }\n}\n```\n\n### Generated Tailwind CSS\n\n**`CSS Variable Mode`**\n\n```js (title=\"tailwind.config.js\")\nexport default {\n theme: {\n colors: {\n blue: '#0000ff',\n black: '#000000',\n white: '#ffffff',\n text: {\n DEFAULT: 'var(--color-black)',\n dark: 'var(--color-white)',\n },\n background: {\n DEFAULT: 'var(--color-white)',\n dark: 'var(--color-black)',\n },\n },\n },\n};\n\n```\n\n**`Inline Mode`**\n\n```js (title=\"tailwind.config.js\")\nexport default {\n theme: {\n colors: {\n blue: '#0000ff',\n black: '#000000',\n white: '#ffffff',\n text: {\n DEFAULT: '#000000',\n dark: '#ffffff',\n },\n background: {\n DEFAULT: '#ffffff',\n dark: '#000000',\n },\n },\n },\n};\n\n```\n\n**`Tailwind Classes (WIP)`**\n\n```js (title=\"tailwind.classes.js\")\nexport const anchor = 'text-blue text-[14px] dark:text-white sm:text-[12px]';\n```\n","_id":"@beerush/toqin@0.1.1","dist":{"shasum":"4250108deaa5b45b83f2ee2783e33ecd39f8af0a","integrity":"sha512-TItRID/cYH3SfVrr08EVBXO7uV+fLKOFKk+pFJ7Vx5m2Stx2Ven2r9ttnld0hhYqfbHzLiXt9khy8um+TJ9Jbw==","tarball":"https://registry.npmjs.org/@beerush/toqin/-/toqin-0.1.1.tgz","fileCount":156,"unpackedSize":298693,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGjdg36HACjxI1MdkL3Z9EuRx3OGayWMJDVZljtBFWPtAiEAnSM3jqTfz5BWjqjY0dUhtLMHoPo9W5UmISkGqqaQarA="}]},"_npmUser":{"name":"mahdaen","email":"mahdaen@gmail.com"},"directories":{},"maintainers":[{"name":"mahdaen","email":"mahdaen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toqin_0.1.1_1693898422407_0.19418619447785956"},"_hasShrinkwrap":false},"0.1.2":{"name":"@beerush/toqin","version":"0.1.2","description":"Design System Manager","main":"dist/cjs/index.cjs","module":"dist/esm/index.js","types":"./dist/esm/index.d.ts","exports":{".":{"types":"./dist/esm/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./tokens/*":"./tokens/*","./plugins":{"types":"./dist/esm/plugins/index.d.ts","import":"./dist/esm/plugins/index.js","require":"./dist/cjs/plugins/index.cjs"},"./css-plugin":{"types":"./dist/esm/plugins/css/index.d.ts","import":"./dist/esm/plugins/css/index.js","require":"./dist/cjs/plugins/css/index.cjs"}},"bin":{"toqin":"bin\\toqin.js"},"repository":{"type":"git","url":"git+https://github.com/beerush-id/toqin.git"},"bugs":{"url":"https://github.com/beerush-id/toqin/issues"},"author":{"name":"Nanang Mahdaen El Agung","email":"mahdaen@gmail.com"},"license":"MIT","type":"module","publishConfig":{"access":"public"},"scripts":{"dev":"esdev --watch","build":"esdev --clean","prepublish":"npm run build","test":"cd test && node design.test.js","test:extend":"cd test && node extend.test.js","docs:dev":"vitepress dev docs --port 5273","docs:build":"vitepress build docs","docs:preview":"vitepress preview docs"},"devDependencies":{"@beerush/esdev":"^1.1.0","@types/fs-extra":"^11.0.1","typescript":"^5.1.6","vitepress":"^1.0.0-rc.5"},"dependencies":{"@beerush/resolve":"^1.0.0","@beerush/utils":"^0.3.1","autoprefixer":"^10.4.14","chokidar":"^3.5.3","cssnano":"^6.0.1","fs-extra":"^11.1.1","json-source-map":"^0.6.1","known-css-properties":"^0.28.0","postcss":"^8.4.27","source-map":"^0.7.4"},"homepage":"https://github.com/beerush-id/toqin#readme","keywords":["css","design","token","design","system"],"peerDependencies":{"vite":"^4.4.6"},"_id":"@beerush/toqin@0.1.2","dist":{"shasum":"77df00095bcee57bdb5e920c0faacb58cfab8d95","integrity":"sha512-LvZCL6MDnMVP3TOE3uArqXXuY+UMH4/Xf5srtkkDB10MakcTnsmtHhGI9+9+SRwKZfSPejVGXjf/p50/Xeh7nw==","tarball":"https://registry.npmjs.org/@beerush/toqin/-/toqin-0.1.2.tgz","fileCount":162,"unpackedSize":313182,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDugt9+UgxZWc42qJxc5a/hKB2FaHJogrM4+NzTlNDB4gIhALl4jOLR/7B+/nCRuOAsFt0eO1F/OtiMHCjQpW9olZWR"}]},"_npmUser":{"name":"mahdaen","email":"mahdaen@gmail.com"},"directories":{},"maintainers":[{"name":"mahdaen","email":"mahdaen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toqin_0.1.2_1710960758225_0.870073096800418"},"_hasShrinkwrap":false},"0.1.3":{"name":"@beerush/toqin","version":"0.1.3","description":"Design System Manager","main":"dist/cjs/index.cjs","module":"dist/esm/index.js","types":"./dist/esm/index.d.ts","exports":{".":{"types":"./dist/esm/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./tokens/*":"./tokens/*","./plugins":{"types":"./dist/esm/plugins/index.d.ts","import":"./dist/esm/plugins/index.js","require":"./dist/cjs/plugins/index.cjs"},"./css-plugin":{"types":"./dist/esm/plugins/css/index.d.ts","import":"./dist/esm/plugins/css/index.js","require":"./dist/cjs/plugins/css/index.cjs"}},"bin":{"toqin":"bin\\toqin.js"},"repository":{"type":"git","url":"git+https://github.com/beerush-id/toqin.git"},"bugs":{"url":"https://github.com/beerush-id/toqin/issues"},"author":{"name":"Nanang Mahdaen El Agung","email":"mahdaen@gmail.com"},"license":"MIT","type":"module","publishConfig":{"access":"public"},"scripts":{"dev":"esdev --watch","build":"esdev --clean","prepublish":"npm run build","test":"cd test && node design.test.js","test:extend":"cd test && node extend.test.js","docs:dev":"vitepress dev docs --port 5273","docs:build":"vitepress build docs","docs:preview":"vitepress preview docs"},"devDependencies":{"@beerush/esdev":"^1.1.0","@types/fs-extra":"^11.0.1","typescript":"^5.1.6","vitepress":"^1.0.0-rc.5"},"dependencies":{"@beerush/resolve":"^1.0.0","@beerush/utils":"^0.3.1","autoprefixer":"^10.4.14","chokidar":"^3.5.3","cssnano":"^6.0.1","fs-extra":"^11.1.1","json-source-map":"^0.6.1","known-css-properties":"^0.28.0","postcss":"^8.4.27","source-map":"^0.7.4"},"homepage":"https://github.com/beerush-id/toqin#readme","keywords":["css","design","token","design","system"],"peerDependencies":{"vite":"^4.4.6"},"_id":"@beerush/toqin@0.1.3","dist":{"shasum":"dfcb3a526bd4d7cfe726338ddb311cc96ec6926f","integrity":"sha512-PHOsvDOfvE1YVvybMJNqo8Shr6Za2CFhSUyNkUQv17hHHqAKsTfQYd7fQn5L3G403AfPtarlXskI6bwE1gjz7A==","tarball":"https://registry.npmjs.org/@beerush/toqin/-/toqin-0.1.3.tgz","fileCount":162,"unpackedSize":315306,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC+tzkrmkuf8Jf4SgR/SG/V20mPKQfQxKqtQ6BLyOUszwIhANyty1X7Py4YWFszPz0QTIIbEfHYdKxfJcMrl+Pl6Y6G"}]},"_npmUser":{"name":"mahdaen","email":"mahdaen@gmail.com"},"directories":{},"maintainers":[{"name":"mahdaen","email":"mahdaen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toqin_0.1.3_1711002855920_0.02172362829637331"},"_hasShrinkwrap":false},"0.2.0":{"name":"@beerush/toqin","version":"0.2.0","description":"Design System Manager","main":"dist/cjs/index.cjs","module":"dist/esm/index.js","types":"./dist/esm/index.d.ts","exports":{".":{"types":"./dist/esm/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./tokens/*":"./tokens/*","./plugins":{"types":"./dist/esm/plugins/index.d.ts","import":"./dist/esm/plugins/index.js","require":"./dist/cjs/plugins/index.cjs"},"./css-plugin":{"types":"./dist/esm/plugins/css/index.d.ts","import":"./dist/esm/plugins/css/index.js","require":"./dist/cjs/plugins/css/index.cjs"}},"bin":{"toqin":"bin\\toqin.js"},"repository":{"type":"git","url":"git+https://github.com/beerush-id/toqin.git"},"bugs":{"url":"https://github.com/beerush-id/toqin/issues"},"author":{"name":"Nanang Mahdaen El Agung","email":"mahdaen@gmail.com"},"license":"MIT","type":"module","publishConfig":{"access":"public"},"scripts":{"dev":"esdev --watch","build":"esdev --clean","prepublish":"npm run build","test":"cd test && node design.test.js","test:extend":"cd test && node extend.test.js","docs:dev":"vitepress dev docs --port 5273","docs:build":"vitepress build docs","docs:preview":"vitepress preview docs"},"devDependencies":{"@beerush/esdev":"^1.1.0","@types/fs-extra":"^11.0.1","typescript":"^5.1.6","vitepress":"^1.0.0-rc.5"},"dependencies":{"@beerush/resolve":"^1.0.0","@beerush/utils":"^0.3.1","autoprefixer":"^10.4.14","chokidar":"^3.5.3","cssnano":"^6.0.1","fs-extra":"^11.1.1","json-source-map":"^0.6.1","known-css-properties":"^0.28.0","postcss":"^8.4.27","source-map":"^0.7.4"},"homepage":"https://github.com/beerush-id/toqin#readme","keywords":["css","design","token","design","system"],"peerDependencies":{"vite":"^4.4.6"},"_id":"@beerush/toqin@0.2.0","dist":{"shasum":"95ee8de4a7ef11d33a5c1b18fe6db937a4b8209c","integrity":"sha512-B+ReDoKhqPD1zoSARm1B+O2Dc+a9pVu3crvCxE6/j6eZB+3UYvLkHgocKkFiaJ/9HlRtRXxV0i+r1GxsSmiBlg==","tarball":"https://registry.npmjs.org/@beerush/toqin/-/toqin-0.2.0.tgz","fileCount":162,"unpackedSize":302434,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDusOUujhWROr9PE3Pzrcq4r9Ry/Rzcl+8LTR9MwSYOIwIhAMUk9kN6ybSOmZuSJklG4JHu/XN6RP1agBLyTkTSUvZT"}]},"_npmUser":{"name":"mahdaen","email":"mahdaen@gmail.com"},"directories":{},"maintainers":[{"name":"mahdaen","email":"mahdaen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toqin_0.2.0_1711382393184_0.5307908377270587"},"_hasShrinkwrap":false},"0.2.1":{"name":"@beerush/toqin","version":"0.2.1","description":"Design System Manager","main":"dist/cjs/index.cjs","module":"dist/esm/index.js","types":"./dist/esm/index.d.ts","exports":{".":{"types":"./dist/esm/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./tokens/*":"./tokens/*","./plugins":{"types":"./dist/esm/plugins/index.d.ts","import":"./dist/esm/plugins/index.js","require":"./dist/cjs/plugins/index.cjs"},"./css-plugin":{"types":"./dist/esm/plugins/css/index.d.ts","import":"./dist/esm/plugins/css/index.js","require":"./dist/cjs/plugins/css/index.cjs"}},"bin":{"toqin":"bin\\toqin.js"},"repository":{"type":"git","url":"git+https://github.com/beerush-id/toqin.git"},"bugs":{"url":"https://github.com/beerush-id/toqin/issues"},"author":{"name":"Nanang Mahdaen El Agung","email":"mahdaen@gmail.com"},"license":"MIT","type":"module","publishConfig":{"access":"public"},"scripts":{"dev":"esdev --watch","build":"esdev --clean","prepublish":"npm run build","test":"cd test && node design.test.js","test:extend":"cd test && node extend.test.js","docs:dev":"vitepress dev docs --port 5273","docs:build":"vitepress build docs","docs:preview":"vitepress preview docs"},"devDependencies":{"@beerush/esdev":"^1.1.0","@types/fs-extra":"^11.0.1","typescript":"^5.1.6","vitepress":"^1.0.0-rc.5"},"dependencies":{"@beerush/resolve":"^1.0.0","@beerush/utils":"^0.3.1","autoprefixer":"^10.4.14","chokidar":"^3.5.3","cssnano":"^6.0.1","fs-extra":"^11.1.1","json-source-map":"^0.6.1","known-css-properties":"^0.28.0","postcss":"^8.4.27","source-map":"^0.7.4"},"homepage":"https://github.com/beerush-id/toqin#readme","keywords":["css","design","token","design","system"],"peerDependencies":{"vite":"^4.4.6"},"_id":"@beerush/toqin@0.2.1","dist":{"shasum":"23f7222189da41f09a9bb3931afdf5c295ab420c","integrity":"sha512-8XC/Pil80/xcqDMSmPyFgYq6uLTCpP73IyeTeSb+bD1Y+VS7rSeaNUux9MmYkymltoUDgpOQWjkEysPZArznOA==","tarball":"https://registry.npmjs.org/@beerush/toqin/-/toqin-0.2.1.tgz","fileCount":162,"unpackedSize":302578,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGUdULAMoGkBAG6wN6/K4gLE4TaQc64o0vP5NzXTD4IkAiBjQ+cydaIWDJWJhJllOulutjVpq5J8Bo3FexU/L32DOg=="}]},"_npmUser":{"name":"mahdaen","email":"mahdaen@gmail.com"},"directories":{},"maintainers":[{"name":"mahdaen","email":"mahdaen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toqin_0.2.1_1711618619754_0.43928316056821526"},"_hasShrinkwrap":false},"0.2.2":{"name":"@beerush/toqin","version":"0.2.2","description":"Design System Manager","main":"dist/cjs/index.cjs","module":"dist/esm/index.js","types":"./dist/esm/index.d.ts","exports":{".":{"types":"./dist/esm/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./tokens/*":"./tokens/*","./plugins":{"types":"./dist/esm/plugins/index.d.ts","import":"./dist/esm/plugins/index.js","require":"./dist/cjs/plugins/index.cjs"},"./css-plugin":{"types":"./dist/esm/plugins/css/index.d.ts","import":"./dist/esm/plugins/css/index.js","require":"./dist/cjs/plugins/css/index.cjs"}},"bin":{"toqin":"bin\\toqin.js"},"repository":{"type":"git","url":"git+https://github.com/beerush-id/toqin.git"},"bugs":{"url":"https://github.com/beerush-id/toqin/issues"},"author":{"name":"Nanang Mahdaen El Agung","email":"mahdaen@gmail.com"},"license":"MIT","type":"module","publishConfig":{"access":"public"},"scripts":{"dev":"esdev --watch","build":"esdev --clean","prepublish":"npm run build","test":"cd test && node design.test.js","test:extend":"cd test && node extend.test.js","docs:dev":"vitepress dev docs --port 5273","docs:build":"vitepress build docs","docs:preview":"vitepress preview docs"},"devDependencies":{"@beerush/esdev":"^1.1.0","@types/fs-extra":"^11.0.1","typescript":"^5.1.6","vitepress":"^1.0.0-rc.5"},"dependencies":{"@beerush/resolve":"^1.0.0","@beerush/utils":"^0.3.1","autoprefixer":"^10.4.14","chokidar":"^3.5.3","cssnano":"^6.0.1","fs-extra":"^11.1.1","json-source-map":"^0.6.1","known-css-properties":"^0.28.0","postcss":"^8.4.27","source-map":"^0.7.4"},"homepage":"https://github.com/beerush-id/toqin#readme","keywords":["css","design","token","design","system"],"peerDependencies":{"vite":"^4.4.6"},"_id":"@beerush/toqin@0.2.2","dist":{"shasum":"d5bb7fcb4841b8f8276fff01ca59a42d1bdb6671","integrity":"sha512-Vq4c6HXavG8zuODV1GFtq9AUAyddIgNbzpo5GqGm88/1apPt/tN27QHS7vIrYEC5SxuHKFK9MXMtGBHZzSj/tw==","tarball":"https://registry.npmjs.org/@beerush/toqin/-/toqin-0.2.2.tgz","fileCount":162,"unpackedSize":302592,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDzG01GUTXxkmiuOJ4j3dn5kkDMcoMC1VOlDMGUKC4qSQIhAIVU6Z+eRx33nN8+8HH5AOYHfWfMw8yGKz1DZl2XTX6R"}]},"_npmUser":{"name":"mahdaen","email":"mahdaen@gmail.com"},"directories":{},"maintainers":[{"name":"mahdaen","email":"mahdaen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toqin_0.2.2_1711618819828_0.2785728822746276"},"_hasShrinkwrap":false},"0.2.3":{"name":"@beerush/toqin","version":"0.2.3","description":"Design System Manager","main":"dist/cjs/index.cjs","module":"dist/esm/index.js","types":"./dist/esm/index.d.ts","exports":{".":{"types":"./dist/esm/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./tokens/*":"./tokens/*","./plugins":{"types":"./dist/esm/plugins/index.d.ts","import":"./dist/esm/plugins/index.js","require":"./dist/cjs/plugins/index.cjs"},"./css-plugin":{"types":"./dist/esm/plugins/css/index.d.ts","import":"./dist/esm/plugins/css/index.js","require":"./dist/cjs/plugins/css/index.cjs"}},"bin":{"toqin":"bin\\toqin.js"},"repository":{"type":"git","url":"git+https://github.com/beerush-id/toqin.git"},"bugs":{"url":"https://github.com/beerush-id/toqin/issues"},"author":{"name":"Nanang Mahdaen El Agung","email":"mahdaen@gmail.com"},"license":"MIT","type":"module","publishConfig":{"access":"public"},"scripts":{"dev":"esdev --watch","build":"esdev --clean","prepublish":"npm run build","test":"cd test && node design.test.js","test:extend":"cd test && node extend.test.js","docs:dev":"vitepress dev docs --port 5273","docs:build":"vitepress build docs","docs:preview":"vitepress preview docs"},"devDependencies":{"@beerush/esdev":"^1.1.0","@types/fs-extra":"^11.0.1","typescript":"^5.1.6","vitepress":"^1.0.0-rc.5"},"dependencies":{"@beerush/resolve":"^1.0.0","@beerush/utils":"^0.3.1","autoprefixer":"^10.4.14","chokidar":"^3.5.3","cssnano":"^6.0.1","fs-extra":"^11.1.1","json-source-map":"^0.6.1","known-css-properties":"^0.28.0","postcss":"^8.4.27","source-map":"^0.7.4"},"homepage":"https://github.com/beerush-id/toqin#readme","keywords":["css","design","token","design","system"],"peerDependencies":{"vite":"^4.4.6"},"_id":"@beerush/toqin@0.2.3","dist":{"shasum":"e5057747ce02c5863d40021137c8932acd85692f","integrity":"sha512-oiMplRnQdEgxTQv0OOMlh5y6zxySnL2NqPbyTnNk/0XBkU0g899WXnHgSY7/KquxhN9JtfRSdKtDgUvQVyheNQ==","tarball":"https://registry.npmjs.org/@beerush/toqin/-/toqin-0.2.3.tgz","fileCount":163,"unpackedSize":399395,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICKD0WotqEomqtMxWmASnwWD8ljAAVgMpXnZlDytfmiiAiEAhtwdVutUwTtCFy3hXHYH2nc3rEgUNl2xFq1whaRceeY="}]},"_npmUser":{"name":"mahdaen","email":"mahdaen@gmail.com"},"directories":{},"maintainers":[{"name":"mahdaen","email":"mahdaen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toqin_0.2.3_1711630825272_0.38824784304532267"},"_hasShrinkwrap":false},"0.3.0":{"name":"@beerush/toqin","version":"0.3.0","description":"Design System Manager","main":"dist/cjs/index.cjs","module":"dist/esm/index.js","types":"./dist/esm/index.d.ts","exports":{".":{"types":"./dist/esm/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./tokens/*":"./tokens/*","./plugins":{"types":"./dist/esm/plugins/index.d.ts","import":"./dist/esm/plugins/index.js","require":"./dist/cjs/plugins/index.cjs"},"./css-plugin":{"types":"./dist/esm/plugins/css/index.d.ts","import":"./dist/esm/plugins/css/index.js","require":"./dist/cjs/plugins/css/index.cjs"}},"bin":{"toqin":"bin\\toqin.js"},"repository":{"type":"git","url":"git+https://github.com/beerush-id/toqin.git"},"bugs":{"url":"https://github.com/beerush-id/toqin/issues"},"author":{"name":"Nanang Mahdaen El Agung","email":"mahdaen@gmail.com"},"license":"MIT","type":"module","publishConfig":{"access":"public"},"scripts":{"dev":"esdev --watch","build":"esdev --clean","prepublish":"npm run build","test":"cd test && node design.test.js","test:extend":"cd test && node extend.test.js","docs:dev":"vitepress dev docs --port 5273","docs:build":"vitepress build docs","docs:preview":"vitepress preview docs"},"devDependencies":{"@beerush/esdev":"^1.1.0","@types/fs-extra":"^11.0.1","typescript":"^5.1.6","vitepress":"^1.0.0-rc.5"},"dependencies":{"@beerush/resolve":"^1.0.0","@beerush/utils":"^0.3.1","autoprefixer":"^10.4.14","chokidar":"^3.5.3","cssnano":"^6.0.1","fs-extra":"^11.1.1","json-source-map":"^0.6.1","known-css-properties":"^0.28.0","postcss":"^8.4.27","source-map":"^0.7.4"},"homepage":"https://github.com/beerush-id/toqin#readme","keywords":["css","design","token","design","system"],"peerDependencies":{"vite":"^4.4.6"},"_id":"@beerush/toqin@0.3.0","dist":{"shasum":"19c7e07bf87766796735d2aaf840613112413215","integrity":"sha512-xaw8+UrP01EestVBG2SEC5B7/zftAAON2bW05zGrbIl2mh4VlISUxKiHXW0xP1wlUOQdcIIxcuvK8Wxx6pwOVw==","tarball":"https://registry.npmjs.org/@beerush/toqin/-/toqin-0.3.0.tgz","fileCount":163,"unpackedSize":401024,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICY4KRe2+0KE1APq3qgufE+tXo4XpxrsSVQ4jSVtiQYZAiBG6q48aRcKGqEz6qYNMQz4vbNTiFRF1OFyTDpSke7KqA=="}]},"_npmUser":{"name":"mahdaen","email":"mahdaen@gmail.com"},"directories":{},"maintainers":[{"name":"mahdaen","email":"mahdaen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toqin_0.3.0_1711632521415_0.3064620670359808"},"_hasShrinkwrap":false},"0.3.1":{"name":"@beerush/toqin","version":"0.3.1","description":"Design System Manager","main":"dist/cjs/index.cjs","module":"dist/esm/index.js","types":"./dist/esm/index.d.ts","exports":{".":{"types":"./dist/esm/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./tokens/*":"./tokens/*","./plugins":{"types":"./dist/esm/plugins/index.d.ts","import":"./dist/esm/plugins/index.js","require":"./dist/cjs/plugins/index.cjs"},"./css-plugin":{"types":"./dist/esm/plugins/css/index.d.ts","import":"./dist/esm/plugins/css/index.js","require":"./dist/cjs/plugins/css/index.cjs"}},"bin":{"toqin":"bin\\toqin.js"},"repository":{"type":"git","url":"git+https://github.com/beerush-id/toqin.git"},"bugs":{"url":"https://github.com/beerush-id/toqin/issues"},"author":{"name":"Nanang Mahdaen El Agung","email":"mahdaen@gmail.com"},"license":"MIT","type":"module","publishConfig":{"access":"public"},"scripts":{"dev":"esdev --watch","build":"esdev --clean","prepublish":"npm run build","test":"cd test && node design.test.js","test:extend":"cd test && node extend.test.js","docs:dev":"vitepress dev docs --port 5273","docs:build":"vitepress build docs","docs:preview":"vitepress preview docs"},"devDependencies":{"@beerush/esdev":"^1.1.0","@types/fs-extra":"^11.0.1","typescript":"^5.1.6","vitepress":"^1.0.0-rc.5"},"dependencies":{"@beerush/resolve":"^1.0.0","@beerush/utils":"^0.3.1","autoprefixer":"^10.4.14","chokidar":"^3.5.3","cssnano":"^6.0.1","fs-extra":"^11.1.1","json-source-map":"^0.6.1","known-css-properties":"^0.28.0","postcss":"^8.4.27","source-map":"^0.7.4"},"homepage":"https://github.com/beerush-id/toqin#readme","keywords":["css","design","token","design","system"],"peerDependencies":{"vite":"^4.4.6"},"_id":"@beerush/toqin@0.3.1","dist":{"shasum":"d5080cce77f4ed4e238d2a2766be0c65adaf8440","integrity":"sha512-eT1ssEQY8nSrL+Z4457ZiGIk3qLKNgZN7hg3d4fYwxRGlW6ltrXASsEA61OgXNAawhzkOa3ajvVhNEYmaAPtHQ==","tarball":"https://registry.npmjs.org/@beerush/toqin/-/toqin-0.3.1.tgz","fileCount":163,"unpackedSize":400978,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCy81nVC1p3UX+4OQ930bCbWyW5x/5/sH6eF1QzXVL6hAIhAN8W4qBl6n8vxop61f+dwZgrIbeUwaeWLcJnqlyDzz/R"}]},"_npmUser":{"name":"mahdaen","email":"mahdaen@gmail.com"},"directories":{},"maintainers":[{"name":"mahdaen","email":"mahdaen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toqin_0.3.1_1711638239325_0.5773679560058804"},"_hasShrinkwrap":false},"0.3.2":{"name":"@beerush/toqin","version":"0.3.2","description":"Design System Manager","main":"dist/cjs/index.cjs","module":"dist/esm/index.js","types":"./dist/esm/index.d.ts","exports":{".":{"types":"./dist/esm/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./tokens/*":"./tokens/*","./plugins":{"types":"./dist/esm/plugins/index.d.ts","import":"./dist/esm/plugins/index.js","require":"./dist/cjs/plugins/index.cjs"},"./css-plugin":{"types":"./dist/esm/plugins/css/index.d.ts","import":"./dist/esm/plugins/css/index.js","require":"./dist/cjs/plugins/css/index.cjs"}},"bin":{"toqin":"bin\\toqin.js"},"repository":{"type":"git","url":"git+https://github.com/beerush-id/toqin.git"},"bugs":{"url":"https://github.com/beerush-id/toqin/issues"},"author":{"name":"Nanang Mahdaen El Agung","email":"mahdaen@gmail.com"},"license":"MIT","type":"module","publishConfig":{"access":"public"},"scripts":{"dev":"esdev --watch","build":"esdev --clean","prepublish":"npm run build","test":"cd test && node design.test.js","test:extend":"cd test && node extend.test.js","docs:dev":"vitepress dev docs --port 5273","docs:build":"vitepress build docs","docs:preview":"vitepress preview docs"},"devDependencies":{"@beerush/esdev":"^1.1.0","@types/fs-extra":"^11.0.1","typescript":"^5.1.6","vitepress":"^1.0.0-rc.5"},"dependencies":{"@beerush/resolve":"^1.0.0","@beerush/utils":"^0.3.1","autoprefixer":"^10.4.14","chokidar":"^3.5.3","cssnano":"^6.0.1","fs-extra":"^11.1.1","json-source-map":"^0.6.1","known-css-properties":"^0.28.0","postcss":"^8.4.27","source-map":"^0.7.4"},"homepage":"https://github.com/beerush-id/toqin#readme","keywords":["css","design","token","design","system"],"peerDependencies":{"vite":"^4.4.6"},"_id":"@beerush/toqin@0.3.2","dist":{"shasum":"65b057d7e93f6e6f713e951234f6877a5318472f","integrity":"sha512-hNiL2YucWbndexLbmsI7jfimX2xaeRZ79EmdH503+bubw6WINq/+24DPlrhj5npWzFK946qCyOWlt7iL9MUXuQ==","tarball":"https://registry.npmjs.org/@beerush/toqin/-/toqin-0.3.2.tgz","fileCount":163,"unpackedSize":402258,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDFlaQUy5yqm2R9WmFGfqilVSydGRIHBWkTIm0ztmuMogIhAMe6OPdu2kmYH3z51t2/H7GVMNcDom5Qk6lzV1dGXAUX"}]},"_npmUser":{"name":"mahdaen","email":"mahdaen@gmail.com"},"directories":{},"maintainers":[{"name":"mahdaen","email":"mahdaen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toqin_0.3.2_1711899121073_0.30986591765201554"},"_hasShrinkwrap":false},"0.3.3":{"name":"@beerush/toqin","version":"0.3.3","description":"Design System Manager","main":"dist/cjs/index.cjs","module":"dist/esm/index.js","types":"./dist/esm/index.d.ts","exports":{".":{"types":"./dist/esm/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./tokens/*":"./tokens/*","./plugins":{"types":"./dist/esm/plugins/index.d.ts","import":"./dist/esm/plugins/index.js","require":"./dist/cjs/plugins/index.cjs"},"./css-plugin":{"types":"./dist/esm/plugins/css/index.d.ts","import":"./dist/esm/plugins/css/index.js","require":"./dist/cjs/plugins/css/index.cjs"}},"bin":{"toqin":"bin\\toqin.js"},"repository":{"type":"git","url":"git+https://github.com/beerush-id/toqin.git"},"bugs":{"url":"https://github.com/beerush-id/toqin/issues"},"author":{"name":"Nanang Mahdaen El Agung","email":"mahdaen@gmail.com"},"license":"MIT","type":"module","publishConfig":{"access":"public"},"scripts":{"dev":"esdev --watch","build":"esdev --clean","test":"cd test && node design.test.js","test:extend":"cd test && node extend.test.js","docs:dev":"vitepress dev docs --port 5273","docs:build":"vitepress build docs","docs:preview":"vitepress preview docs"},"devDependencies":{"@beerush/esdev":"^1.1.0","@types/fs-extra":"^11.0.1","@typescript-eslint/eslint-plugin":"^7.5.0","@typescript-eslint/parser":"^7.5.0","eslint":"^8.57.0","eslint-config-prettier":"^9.1.0","prettier":"^3.2.5","typescript":"^5.1.6","vitepress":"^1.0.0-rc.5","vitest":"^1.4.0"},"dependencies":{"@beerush/resolve":"^1.0.0","@beerush/utils":"^0.3.1","autoprefixer":"^10.4.14","chokidar":"^3.5.3","cssnano":"^6.0.1","fs-extra":"^11.1.1","json-source-map":"^0.6.1","known-css-properties":"^0.28.0","postcss":"^8.4.27","source-map":"^0.7.4"},"homepage":"https://github.com/beerush-id/toqin#readme","keywords":["css","design","token","design","system"],"peerDependencies":{"vite":"^4.4.6"},"packageManager":"yarn@1.22.19+sha1.4ba7fc5c6e704fce2066ecbfb0b0d8976fe62447","_id":"@beerush/toqin@0.3.3","dist":{"shasum":"cc373c0587590ee8404dd39c901bd0821d25cc70","integrity":"sha512-tUlR2oMssFodEx+VqpjoW+OoZcNelGc5fcZOJJ5I4t00KJhoE1ALqMGFvRw8hz8yrOrAXCiB63hFcSRS10sFyA==","tarball":"https://registry.npmjs.org/@beerush/toqin/-/toqin-0.3.3.tgz","fileCount":163,"unpackedSize":411017,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCiv6F7E5PMxcaS2iX6jo2gAiLJeJzwlRtaHCQD0Sx9PwIhAIMdoQjGdgW9w2LmwxNfQbTzRZ0sxv4Uz+x6n/EXSyjR"}]},"_npmUser":{"name":"mahdaen","email":"mahdaen@gmail.com"},"directories":{},"maintainers":[{"name":"mahdaen","email":"mahdaen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toqin_0.3.3_1712378044051_0.47709771790466515"},"_hasShrinkwrap":false},"0.4.0":{"name":"@beerush/toqin","version":"0.4.0","description":"Design System Manager","main":"dist/cjs/index.cjs","module":"dist/esm/index.js","types":"./dist/esm/index.d.ts","exports":{".":{"types":"./dist/esm/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./tokens/*":"./tokens/*","./plugins":{"types":"./dist/esm/plugins/index.d.ts","import":"./dist/esm/plugins/index.js","require":"./dist/cjs/plugins/index.cjs"},"./css-plugin":{"types":"./dist/esm/plugins/css/index.d.ts","import":"./dist/esm/plugins/css/index.js","require":"./dist/cjs/plugins/css/index.cjs"}},"bin":{"toqin":"bin\\toqin.js"},"repository":{"type":"git","url":"git+https://github.com/beerush-id/toqin.git"},"bugs":{"url":"https://github.com/beerush-id/toqin/issues"},"author":{"name":"Nanang Mahdaen El Agung","email":"mahdaen@gmail.com"},"license":"MIT","type":"module","publishConfig":{"access":"public"},"scripts":{"dev":"esdev --watch","build":"esdev --clean","test":"cd test && node design.test.js","test:extend":"cd test && node extend.test.js","docs:dev":"vitepress dev docs --port 5273","docs:build":"vitepress build docs","docs:preview":"vitepress preview docs"},"devDependencies":{"@beerush/esdev":"^1.1.0","@types/fs-extra":"^11.0.1","@typescript-eslint/eslint-plugin":"^7.5.0","@typescript-eslint/parser":"^7.5.0","eslint":"^8.57.0","eslint-config-prettier":"^9.1.0","prettier":"^3.2.5","typescript":"^5.1.6","vitepress":"^1.0.0-rc.5","vitest":"^1.4.0"},"dependencies":{"@beerush/resolve":"^1.0.0","@beerush/utils":"^0.4.0","autoprefixer":"^10.4.14","chokidar":"^3.5.3","cssnano":"^6.0.1","fs-extra":"^11.1.1","json-source-map":"^0.6.1","known-css-properties":"^0.28.0","postcss":"^8.4.27","source-map":"^0.7.4"},"homepage":"https://github.com/beerush-id/toqin#readme","keywords":["css","design","token","design","system"],"peerDependencies":{"vite":"^4.4.6"},"packageManager":"yarn@1.22.19+sha1.4ba7fc5c6e704fce2066ecbfb0b0d8976fe62447","_id":"@beerush/toqin@0.4.0","dist":{"shasum":"087f7e5b06ef97103ce483190bf3673fe4efef76","integrity":"sha512-adne7vCUwS0K3MSj/hx9GU3vrjeHm66qzs9FJc7zDHCnUASodZQqh8qhtvYHiV388WRq22xRmXjfSpVRfPxpgg==","tarball":"https://registry.npmjs.org/@beerush/toqin/-/toqin-0.4.0.tgz","fileCount":163,"unpackedSize":423712,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD7rzNqRx43WGXd65OPzwBNwIEiChtiX8UheJPSWemjoAIhAO/voQTVAG7eYwkrsHrSaNLPoo4Sb0THkW9UZ9xum98i"}]},"_npmUser":{"name":"mahdaen","email":"mahdaen@gmail.com"},"directories":{},"maintainers":[{"name":"mahdaen","email":"mahdaen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toqin_0.4.0_1713049051722_0.6024123980396918"},"_hasShrinkwrap":false}},"time":{"created":"2023-08-08T03:36:25.079Z","0.0.1":"2023-08-08T03:36:25.352Z","modified":"2024-04-13T22:57:32.120Z","0.0.2":"2023-08-13T09:15:53.738Z","0.0.3":"2023-08-15T21:34:40.582Z","0.0.4":"2023-08-15T21:47:20.203Z","0.0.5":"2023-08-15T22:43:18.120Z","0.0.6":"2023-08-15T22:49:29.378Z","0.0.7":"2023-08-18T08:37:07.549Z","0.0.9":"2023-08-27T11:33:45.570Z","0.1.0":"2023-08-27T13:14:05.337Z","0.1.1":"2023-09-05T07:20:22.737Z","0.1.2":"2024-03-20T18:52:38.385Z","0.1.3":"2024-03-21T06:34:16.200Z","0.2.0":"2024-03-25T15:59:53.368Z","0.2.1":"2024-03-28T09:36:59.947Z","0.2.2":"2024-03-28T09:40:19.998Z","0.2.3":"2024-03-28T13:00:25.436Z","0.3.0":"2024-03-28T13:28:41.610Z","0.3.1":"2024-03-28T15:03:59.589Z","0.3.2":"2024-03-31T15:32:01.259Z","0.3.3":"2024-04-06T04:34:04.211Z","0.4.0":"2024-04-13T22:57:31.876Z"},"maintainers":[{"name":"mahdaen","email":"mahdaen@gmail.com"}],"description":"Design System Manager","homepage":"https://github.com/beerush-id/toqin#readme","keywords":["css","design","token","design","system"],"repository":{"type":"git","url":"git+https://github.com/beerush-id/toqin.git"},"author":{"name":"Nanang Mahdaen El Agung","email":"mahdaen@gmail.com"},"bugs":{"url":"https://github.com/beerush-id/toqin/issues"},"license":"MIT","readme":"# Toqin\n\nTokin is a Design Token Library for UI Development.\n\nSharing design tokens across platforms and keeping them in sync is a challenge. Toqin is a tool that helps you to manage\nyour design tokens in a single source of truth and generate the code for your favorite platforms.\n\n## 🎨 Design Token\n\nDesign tokens are the visual design atoms of the design system — specifically, they are named entities that store\nvisual design attributes. We use them in place of hard-coded values (such as hex values for color or pixel values for\nspacing) in order to maintain a scalable and consistent visual system for UI development.\n\n## 🖇️ The Problem\n\nIn a big company with multiple teams that working on different platforms and frameworks, keeping the design tokens in\nsync is hard.\n\nIt's easy to create a design token for a single platform, but when you want to use a different platform/framework,\nyou need to create a new design token for that platform. It's hard to keep them in sync. You need to update the design\ntoken in multiple places.\n\nFor example, one project is using pure CSS, and another project is using Tailwind CSS. You need to create a design\ntoken for each platform. When you want to change the primary color, you need to update the design token in multiple\nplaces. 🤮\n\n## 💡 The Solution\n\nToqin is a tool that helps you to manage your design tokens in a single source of truth and generate the code for your\nfavorite platforms. You can create a design token for multiple platforms in a single file and Toqin will generate the\ncode for you.\n\n## Example\n\n### Design Token\n\n```json\n{\n \"name\": \"design-system\",\n \"description\": \"My Design System\",\n \"tokens\": [\n {\n \"name\": \"color\",\n \"type\": \"color\",\n \"tokens\": [\n {\n \"name\": \"blue\",\n \"value\": \"#0000ff\"\n },\n {\n \"name\": \"black\",\n \"value\": \"#000000\"\n },\n {\n \"name\": \"white\",\n \"value\": \"#ffffff\"\n },\n {\n \"name\": \"text\",\n \"value\": {\n \"@\": \"@color.black\",\n \"@dark\": \"@color.white\"\n }\n },\n {\n \"name\": \"background\",\n \"value\": {\n \"@\": \"@color.white\",\n \"@dark\": \"@color.black\"\n }\n }\n ]\n }\n ],\n \"designs\": [\n {\n \"name\": \"anchor\",\n \"selectors\": [\"a\"],\n \"description\": \"Anchor styles\",\n \"rules\": {\n \"color\": {\n \"@\": \"@color.blue\",\n \"@dark\": \"@color.white\"\n },\n \"font-size\": {\n \"@\": \"14px\",\n \"@small\": \"12px\"\n }\n }\n }\n ]\n}\n```\n\n### Generate CSS\n\n```css\n:root {\n --color-blue: #0000ff;\n --color-black: #000000;\n --color-white: #ffffff;\n --color-text: var(--color-black);\n --color-background: var(--color-white);\n}\n\na {\n color: var(--color-blue);\n font-size: 14px;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --color-text: var(--color-white);\n --color-background: var(--color-black);\n }\n\n a {\n color: var(--color-white);\n }\n}\n\n@media (max-width: 640px) {\n a {\n font-size: 12px;\n }\n}\n```\n\n### Generated Tailwind CSS\n\n**`CSS Variable Mode`**\n\n```js (title=\"tailwind.config.js\")\nexport default {\n theme: {\n colors: {\n blue: '#0000ff',\n black: '#000000',\n white: '#ffffff',\n text: {\n DEFAULT: 'var(--color-black)',\n dark: 'var(--color-white)',\n },\n background: {\n DEFAULT: 'var(--color-white)',\n dark: 'var(--color-black)',\n },\n },\n },\n};\n\n```\n\n**`Inline Mode`**\n\n```js (title=\"tailwind.config.js\")\nexport default {\n theme: {\n colors: {\n blue: '#0000ff',\n black: '#000000',\n white: '#ffffff',\n text: {\n DEFAULT: '#000000',\n dark: '#ffffff',\n },\n background: {\n DEFAULT: '#ffffff',\n dark: '#000000',\n },\n },\n },\n};\n\n```\n\n**`Tailwind Classes (WIP)`**\n\n```js (title=\"tailwind.classes.js\")\nexport const anchor = 'text-blue text-[14px] dark:text-white sm:text-[12px]';\n```\n","readmeFilename":"README.MD"}