48:I[660678,["/_next/static/chunks/13vqyfldau57p.js","/_next/static/chunks/1gbl-dcot4vlq.js","/_next/static/chunks/2ugxrg8mt6ccc.js","/_next/static/chunks/06u_dm-_ph36_.js","/_next/static/chunks/0cnrn8dx8wpm6.js","/_next/static/chunks/2e4udl7tfg2xd.js","/_next/static/chunks/3erz2--ndwlxz.js","/_next/static/chunks/0pp6seif9t0rh.js","/_next/static/chunks/40fmu66fmb8tm.js","/_next/static/chunks/1sh719482-5um.js","/_next/static/chunks/2i4xo8xu-dpuk.js","/_next/static/chunks/1gth09_ur0iam.js","/_next/static/chunks/2wyk4b1ao4pa_.js","/_next/static/chunks/3vehc-g2atkra.js","/_next/static/chunks/0ugk39ckud30x.js","/_next/static/chunks/2a4jc680f5x-9.js","/_next/static/chunks/44c_5nh0vyeb5.js","/_next/static/chunks/0r86cplnpkdza.js","/_next/static/chunks/1jiredr0b6jr_.js","/_next/static/chunks/3inhpdbyfua_r.js","/_next/static/chunks/1qsa_rj-5yj90.js","/_next/static/chunks/3s8x8w7a2lgsa.js","/_next/static/chunks/2md3whhhv655w.js","/_next/static/chunks/1_5ue0bs85y9-.js","/_next/static/chunks/39r5jk4yvppc5.js","/_next/static/chunks/3-906s1ue5fj3.js","/_next/static/chunks/2t_5zfez2-77k.js","/_next/static/chunks/3v9yse6gfm876.js","/_next/static/chunks/2ghxk472-g0i6.js","/_next/static/chunks/3t7z44cjl4fyh.js","/_next/static/chunks/0meqi_44gz4np.js","/_next/static/chunks/2641m2aqdum9a.js","/_next/static/chunks/0ojgzwcpt7vsk.js","/_next/static/chunks/2l8l4_a9-xhts.js","/_next/static/chunks/2f0mnapfb6qc-.js","/_next/static/chunks/04zz8eh1956za.js"],"HydrationBoundary"] 47:T9e6,{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://app.codemod.com/registry#website","url":"https://app.codemod.com/registry","name":"Codemod Registry"},{"@type":"Organization","@id":"https://app.codemod.com#org","name":"Alex Bit","url":"https://app.codemod.com","logo":"https://avatars.githubusercontent.com/u/78109534?v=4"},{"@type":"BreadcrumbList","@id":"https://app.codemod.com/registry/css-design-token-mining#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Registry","item":"https://app.codemod.com/registry"},{"@type":"ListItem","position":2,"name":"css-design-token-mining","item":"https://app.codemod.com/registry/css-design-token-mining"}]},{"@type":"WebPage","@id":"https://app.codemod.com/registry/css-design-token-mining#webpage","url":"https://app.codemod.com/registry/css-design-token-mining","name":"css-design-token-mining - Codemod Registry","description":"Detect hardcoded CSS values that should become design tokens or CSS custom properties","isPartOf":{"@id":"https://app.codemod.com/registry#website"},"author":{"@id":"https://app.codemod.com#org"},"breadcrumb":{"@id":"https://app.codemod.com/registry/css-design-token-mining#breadcrumb"},"mainEntity":{"@id":"https://app.codemod.com/registry/css-design-token-mining#sourcecode"}},{"@type":"SoftwareSourceCode","@id":"https://app.codemod.com/registry/css-design-token-mining#sourcecode","name":"css-design-token-mining","description":"Detect hardcoded CSS values that should become design tokens or CSS custom properties","url":"https://app.codemod.com/registry/css-design-token-mining","publisher":{"@id":"https://app.codemod.com#org"},"image":"https://avatars.githubusercontent.com/u/78109534?v=4","isAccessibleForFree":true,"license":"Fair Source License","version":"0.1.8","keywords":["code-mining","design-tokens","css","standardization"],"datePublished":"2026-03-10 03:01:43.43699+00","dateModified":"2026-03-11 02:58:30.497201+00"},{"@type":"SoftwareApplication","@id":"https://app.codemod.com/registry/css-design-token-mining#app","name":"css-design-token-mining codemod","description":"Detect hardcoded CSS values that should become design tokens or CSS custom properties","url":"https://app.codemod.com/registry/css-design-token-mining","publisher":{"@id":"https://app.codemod.com#org"},"softwareVersion":"0.1.8","applicationCategory":"DeveloperApplication","operatingSystem":"Cross-platform","offers":{"@type":"Offer","price":"0","priceCurrency":"USD","availability":"https://schema.org/InStock"}}]}49:T61f,# CSS Design Token Mining Detect hardcoded CSS values that should become design tokens or CSS custom properties. A detection-only (code-mining) codemod that emits metrics for Codemod Insights. ## Problem Hardcoded CSS values scattered across a codebase lead to: - **Design drift** — Near-duplicate values (e.g. 15px, 16px, 17px) that should be one token - **Theme blocking** — Hardcoded colors prevent dark mode, branding, and white-labeling - **Maintenance cost** — Repeated literals instead of semantic tokens ## Solution The codemod parses CSS and Less files, extracts declarations, and emits the `design-token-declarations-collected` metric for (property, literal) pairs that appear 2+ times per file. ## Usage ```bash npx codemod run css-design-token-mining -t /path/to/your/project ``` ### Create dashboard in Codemod Insights Go to app.codemod.com/insights, create a dashboard and a widget, set the source to js-ast-grep, and pick this package from the registry dropdown. ## Metrics - **design-token-declarations-collected** — Count of (property, literal) pairs that appear 2+ times per file. Cardinalities: `family`, `file`, `property`, `literal`, `property-literal` (combined `property|literal` for single-dimension grouping). Single-occurrence pairs are omitted to reduce cardinality for Codemod Insights. ## What Gets Detected - Repeated literals in token-heavy families (color, spacing, radius, typography, z-index, etc.) - Excludes `var()` and `calc()` values - Excludes minified CSS and test files ## License Fair Source License 19:[["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"$47"}}],["$","$L48",null,{"state":{"mutations":[],"queries":[{"dehydratedAt":1790051031030,"state":{"data":{"json":{"id":"edc33a93-4ab3-499f-9646-1a2b322466ef","name":"css-design-token-mining","displayName":"css-design-token-mining","description":"Detect hardcoded CSS values that should become design tokens or CSS custom properties","scope":null,"visibility":"public","downloadCount":71,"executionCount":33,"createdAt":"2026-03-10 03:01:43.43699+00","updatedAt":"2026-03-11 02:58:30.497201+00","latestVersion":"0.1.8","keywords":["code-mining","design-tokens","css","standardization"],"starCount":1,"author":"Alex Bit ","homepage":null,"repository":null,"license":"Fair Source License","access":"public","documentation":null,"bugsUrl":null,"readme":"$49","organization":{"id":null,"name":null,"slug":null,"avatarUrl":null},"owner":{"id":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","username":"alexbit-codemod","name":"Alex Bit","avatarUrl":"https://avatars.githubusercontent.com/u/78109534?v=4"},"isLegacy":false,"versions":[{"version":{"id":"88be0b8e-35d4-4e1b-9076-07dfd610ec44","packageId":"edc33a93-4ab3-499f-9646-1a2b322466ef","version":"0.1.8","description":"Detect hardcoded CSS values that should become design tokens or CSS custom properties","manifest":{"name":"css-design-token-mining","author":"Alex Bit ","license":"Fair Source License","targets":{"versions":{},"languages":["css","less"],"frameworks":[]},"version":"0.1.8","category":"migration","keywords":["code-mining","design-tokens","css","standardization"],"registry":{"access":"public","visibility":"public"},"workflow":"workflow.yaml","description":"Detect hardcoded CSS values that should become design tokens or CSS custom properties","dependencies":[],"schema_version":"1.0"},"checksum":"5e77b12998a48bc0d53039bd69b7abcd0b8f778d80a128cd8f0e9386ae197b25","size":12264,"downloadUrl":"https://registry-cdn.codemod.com/prod/packages/css-design-token-mining/0.1.8/public.tar.gz","aiGenerated":false,"sourceArchiveS3Key":null,"targets":{"languages":["typescript"],"frameworks":[]},"dependencies":[],"languages":["css","less"],"stepTypes":["js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"collect","name":"Collect CSS Declarations","steps":[{"name":"Collect CSS declarations","type":"js-ast-grep","language":"css"},{"name":"Collect Less declarations","type":"js-ast-grep","language":"less"}]}]},"validated":false,"validationErrors":null,"publishedBy":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","deprecated":false,"deprecationMessage":null,"downloadCount":37,"cachedTestCases":{"input":".button {\n background: #0a66ff;\n padding: 16px;\n border-radius: 6px;\n}\n\n.link {\n color: #0a66ff;\n}\n\n.banner {\n border-color: #0a66ff;\n}\n","output":".button {\n background: #0a66ff;\n padding: 16px;\n border-radius: 6px;\n}\n\n.link {\n color: #0a66ff;\n}\n\n.banner {\n border-color: #0a66ff;\n}\n","isValid":true,"examples":[{"name":"exact-repeated","path":"tests/exact-repeated","input":".button {\n background: #0a66ff;\n padding: 16px;\n border-radius: 6px;\n}\n\n.link {\n color: #0a66ff;\n}\n\n.banner {\n border-color: #0a66ff;\n}\n","output":".button {\n background: #0a66ff;\n padding: 16px;\n border-radius: 6px;\n}\n\n.link {\n color: #0a66ff;\n}\n\n.banner {\n border-color: #0a66ff;\n}\n","filename":"input.css"},{"name":"existing-token","path":"tests/existing-token","input":":root {\n --space-md: 16px;\n --radius-sm: 6px;\n --color-primary: #0a66ff;\n}\n\n.banner {\n padding: 16px;\n border-radius: 6px;\n background: #0a66ff;\n}\n","output":":root {\n --space-md: 16px;\n --radius-sm: 6px;\n --color-primary: #0a66ff;\n}\n\n.banner {\n padding: 16px;\n border-radius: 6px;\n background: #0a66ff;\n}\n","filename":"input.css"},{"name":"repeated-within-file","path":"tests/repeated-within-file","input":"/* Same (property, literal) repeated within file - should emit metrics */\n.card {\n padding: 16px;\n color: #0a66ff;\n}\n.modal {\n padding: 16px;\n color: #0a66ff;\n}\n.banner {\n padding: 16px;\n}\n","output":"/* Same (property, literal) repeated within file - should emit metrics */\n.card {\n padding: 16px;\n color: #0a66ff;\n}\n.modal {\n padding: 16px;\n color: #0a66ff;\n}\n.banner {\n padding: 16px;\n}\n","filename":"input.css"}]},"defaultWorkflowName":"default","createdAt":"2026-03-11T02:58:30.497Z","updatedAt":"2026-09-05 16:16:57.482352+00"},"publishedBy":{"id":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","username":"alexbit-codemod","name":"Alex Bit"},"insightsTemplate":{"packageVersionId":"88be0b8e-35d4-4e1b-9076-07dfd610ec44","status":"ready","generatedAt":"2026-08-07T23:47:24.442Z"},"workflows":[{"name":"default","path":"workflow.yaml","description":null,"isDefault":true,"languages":["css","less"],"stepTypes":["js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"collect","name":"Collect CSS Declarations","steps":[{"name":"Collect CSS declarations","type":"js-ast-grep","language":"css"},{"name":"Collect Less declarations","type":"js-ast-grep","language":"less"}]}]}}],"packageBehavior":"workflow-only","isBundle":false,"bundleChildren":[],"parentBundles":[]},{"version":{"id":"a355e4cc-5624-48ad-b2a6-e8f2d6f0a747","packageId":"edc33a93-4ab3-499f-9646-1a2b322466ef","version":"0.1.7","description":"Detect hardcoded CSS values that should become design tokens or CSS custom properties","manifest":{"name":"css-design-token-mining","author":"Alex Bit ","license":"Fair Source License","targets":{"versions":{},"languages":["css","less"],"frameworks":[]},"version":"0.1.7","category":"migration","keywords":["code-mining","design-tokens","css","standardization"],"registry":{"access":"public","visibility":"public"},"workflow":"workflow.yaml","description":"Detect hardcoded CSS values that should become design tokens or CSS custom properties","dependencies":[],"schema_version":"1.0"},"checksum":"204369779508c7699a8cb1f962b42a345504ec12346baf332539119531892321","size":16945,"downloadUrl":"https://registry-cdn.codemod.com/prod/packages/css-design-token-mining/0.1.7/public.tar.gz","aiGenerated":false,"sourceArchiveS3Key":null,"targets":{"languages":["typescript"],"frameworks":[]},"dependencies":[],"languages":["css","less","json"],"stepTypes":["run","js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"collect","name":"Collect CSS Declarations","steps":[{"name":"Clear output directory","type":"run"},{"name":"Collect CSS declarations","type":"js-ast-grep","language":"css"},{"name":"Collect Less declarations","type":"js-ast-grep","language":"less"},{"name":"Run analysis and report","type":"js-ast-grep","language":"json"}]}]},"validated":false,"validationErrors":null,"publishedBy":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","deprecated":false,"deprecationMessage":null,"downloadCount":7,"cachedTestCases":{"input":":root {\n --space-md: 16px;\n --radius-sm: 6px;\n --color-primary: #0a66ff;\n}\n\n.banner {\n padding: 16px;\n border-radius: 6px;\n background: #0a66ff;\n}\n","output":":root {\n --space-md: 16px;\n --radius-sm: 6px;\n --color-primary: #0a66ff;\n}\n\n.banner {\n padding: 16px;\n border-radius: 6px;\n background: #0a66ff;\n}\n","isValid":true},"defaultWorkflowName":"default","createdAt":"2026-03-10T08:21:56.130Z","updatedAt":"2026-09-06 12:31:15.202406+00"},"publishedBy":{"id":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","username":"alexbit-codemod","name":"Alex Bit"},"insightsTemplate":null,"workflows":[{"name":"default","path":"workflow.yaml","description":null,"isDefault":true,"languages":["css","less","json"],"stepTypes":["run","js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"collect","name":"Collect CSS Declarations","steps":[{"name":"Clear output directory","type":"run"},{"name":"Collect CSS declarations","type":"js-ast-grep","language":"css"},{"name":"Collect Less declarations","type":"js-ast-grep","language":"less"},{"name":"Run analysis and report","type":"js-ast-grep","language":"json"}]}]}}],"packageBehavior":"workflow-only","isBundle":false,"bundleChildren":[],"parentBundles":[]},{"version":{"id":"49d2f693-8a2a-47a8-9b52-76785c35f678","packageId":"edc33a93-4ab3-499f-9646-1a2b322466ef","version":"0.1.6","description":"Detect hardcoded CSS values that should become design tokens or CSS custom properties","manifest":{"name":"css-design-token-mining","author":"Alex Bit ","license":"Fair Source License","targets":{"versions":{},"languages":["css","less"],"frameworks":[]},"version":"0.1.6","category":"migration","keywords":["code-mining","design-tokens","css","standardization"],"registry":{"access":"public","visibility":"public"},"workflow":"workflow.yaml","description":"Detect hardcoded CSS values that should become design tokens or CSS custom properties","dependencies":[],"schema_version":"1.0"},"checksum":"17337f503adf31f455e12335a3da6a63f44cfe2c3f493ef09dfffa51df6f7fd8","size":16711,"downloadUrl":"https://registry-cdn.codemod.com/prod/packages/css-design-token-mining/0.1.6/public.tar.gz","aiGenerated":false,"sourceArchiveS3Key":null,"targets":{"languages":["typescript"],"frameworks":[]},"dependencies":[],"languages":["css","less","json"],"stepTypes":["run","js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"collect","name":"Collect CSS Declarations","steps":[{"name":"Clear output directory","type":"run"},{"name":"Collect CSS declarations","type":"js-ast-grep","language":"css"},{"name":"Collect Less declarations","type":"js-ast-grep","language":"less"},{"name":"Run analysis and report","type":"js-ast-grep","language":"json"}]}]},"validated":false,"validationErrors":null,"publishedBy":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","deprecated":false,"deprecationMessage":null,"downloadCount":3,"cachedTestCases":{"input":":root {\n --space-md: 16px;\n --radius-sm: 6px;\n --color-primary: #0a66ff;\n}\n\n.banner {\n padding: 16px;\n border-radius: 6px;\n background: #0a66ff;\n}\n","output":":root {\n --space-md: 16px;\n --radius-sm: 6px;\n --color-primary: #0a66ff;\n}\n\n.banner {\n padding: 16px;\n border-radius: 6px;\n background: #0a66ff;\n}\n","isValid":true},"defaultWorkflowName":"default","createdAt":"2026-03-10T07:51:39.156Z","updatedAt":"2026-09-06 12:31:15.657347+00"},"publishedBy":{"id":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","username":"alexbit-codemod","name":"Alex Bit"},"insightsTemplate":null,"workflows":[{"name":"default","path":"workflow.yaml","description":null,"isDefault":true,"languages":["css","less","json"],"stepTypes":["run","js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"collect","name":"Collect CSS Declarations","steps":[{"name":"Clear output directory","type":"run"},{"name":"Collect CSS declarations","type":"js-ast-grep","language":"css"},{"name":"Collect Less declarations","type":"js-ast-grep","language":"less"},{"name":"Run analysis and report","type":"js-ast-grep","language":"json"}]}]}}],"packageBehavior":"workflow-only","isBundle":false,"bundleChildren":[],"parentBundles":[]},{"version":{"id":"aa8b4a2a-5f66-42ed-9094-694cf28839d0","packageId":"edc33a93-4ab3-499f-9646-1a2b322466ef","version":"0.1.5","description":"Detect hardcoded CSS values that should become design tokens or CSS custom properties","manifest":{"name":"css-design-token-mining","author":"Alex Bit ","license":"Fair Source License","targets":{"versions":{},"languages":["css","less"],"frameworks":[]},"version":"0.1.5","category":"migration","keywords":["code-mining","design-tokens","css","standardization"],"registry":{"access":"public","visibility":"public"},"workflow":"workflow.yaml","description":"Detect hardcoded CSS values that should become design tokens or CSS custom properties","dependencies":[],"schema_version":"1.0"},"checksum":"3a9cc8d79596549a29f47d870b0b42605c5fc7873357ae3110aac1d085b4ec55","size":16514,"downloadUrl":"https://registry-cdn.codemod.com/prod/packages/css-design-token-mining/0.1.5/public.tar.gz","aiGenerated":false,"sourceArchiveS3Key":null,"targets":{"languages":["typescript"],"frameworks":[]},"dependencies":[],"languages":["css","less","json"],"stepTypes":["run","js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"collect","name":"Collect CSS Declarations","steps":[{"name":"Clear output directory","type":"run"},{"name":"Collect CSS declarations","type":"js-ast-grep","language":"css"},{"name":"Collect Less declarations","type":"js-ast-grep","language":"less"},{"name":"Run analysis and report","type":"js-ast-grep","language":"json"}]}]},"validated":false,"validationErrors":null,"publishedBy":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","deprecated":false,"deprecationMessage":null,"downloadCount":5,"cachedTestCases":{"input":":root {\n --space-md: 16px;\n --radius-sm: 6px;\n --color-primary: #0a66ff;\n}\n\n.banner {\n padding: 16px;\n border-radius: 6px;\n background: #0a66ff;\n}\n","output":":root {\n --space-md: 16px;\n --radius-sm: 6px;\n --color-primary: #0a66ff;\n}\n\n.banner {\n padding: 16px;\n border-radius: 6px;\n background: #0a66ff;\n}\n","isValid":true},"defaultWorkflowName":"default","createdAt":"2026-03-10T06:03:26.852Z","updatedAt":"2026-09-06 12:31:15.788551+00"},"publishedBy":{"id":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","username":"alexbit-codemod","name":"Alex Bit"},"insightsTemplate":null,"workflows":[{"name":"default","path":"workflow.yaml","description":null,"isDefault":true,"languages":["css","less","json"],"stepTypes":["run","js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"collect","name":"Collect CSS Declarations","steps":[{"name":"Clear output directory","type":"run"},{"name":"Collect CSS declarations","type":"js-ast-grep","language":"css"},{"name":"Collect Less declarations","type":"js-ast-grep","language":"less"},{"name":"Run analysis and report","type":"js-ast-grep","language":"json"}]}]}}],"packageBehavior":"workflow-only","isBundle":false,"bundleChildren":[],"parentBundles":[]},{"version":{"id":"83ca8b43-362d-483e-b32b-f6b097a45b37","packageId":"edc33a93-4ab3-499f-9646-1a2b322466ef","version":"0.1.4","description":"Detect hardcoded CSS values that should become design tokens or CSS custom properties","manifest":{"name":"css-design-token-mining","author":"Alex Bit ","license":"Fair Source License","targets":{"versions":{},"languages":["css","less"],"frameworks":[]},"version":"0.1.4","category":"migration","keywords":["code-mining","design-tokens","css","standardization"],"registry":{"access":"public","visibility":"public"},"workflow":"workflow.yaml","description":"Detect hardcoded CSS values that should become design tokens or CSS custom properties","dependencies":[],"schema_version":"1.0"},"checksum":"6819f809ec9b875aeb0cdb9f9227ddfb7019210d061fe99455f2c1d2fb1a4036","size":16682,"downloadUrl":"https://registry-cdn.codemod.com/prod/packages/css-design-token-mining/0.1.4/public.tar.gz","aiGenerated":false,"sourceArchiveS3Key":null,"targets":{"languages":["typescript"],"frameworks":[]},"dependencies":[],"languages":["css","less","json"],"stepTypes":["run","js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"collect","name":"Collect CSS Declarations","steps":[{"name":"Clear output directory","type":"run"},{"name":"Collect CSS declarations","type":"js-ast-grep","language":"css"},{"name":"Collect Less declarations","type":"js-ast-grep","language":"less"},{"name":"Run analysis and report","type":"js-ast-grep","language":"json"}]}]},"validated":false,"validationErrors":null,"publishedBy":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","deprecated":false,"deprecationMessage":null,"downloadCount":3,"cachedTestCases":{"input":":root {\n --space-md: 16px;\n --radius-sm: 6px;\n --color-primary: #0a66ff;\n}\n\n.banner {\n padding: 16px;\n border-radius: 6px;\n background: #0a66ff;\n}\n","output":":root {\n --space-md: 16px;\n --radius-sm: 6px;\n --color-primary: #0a66ff;\n}\n\n.banner {\n padding: 16px;\n border-radius: 6px;\n background: #0a66ff;\n}\n","isValid":true},"defaultWorkflowName":"default","createdAt":"2026-03-10T05:34:17.924Z","updatedAt":"2026-09-06 12:31:16.80772+00"},"publishedBy":{"id":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","username":"alexbit-codemod","name":"Alex Bit"},"insightsTemplate":null,"workflows":[{"name":"default","path":"workflow.yaml","description":null,"isDefault":true,"languages":["css","less","json"],"stepTypes":["run","js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"collect","name":"Collect CSS Declarations","steps":[{"name":"Clear output directory","type":"run"},{"name":"Collect CSS declarations","type":"js-ast-grep","language":"css"},{"name":"Collect Less declarations","type":"js-ast-grep","language":"less"},{"name":"Run analysis and report","type":"js-ast-grep","language":"json"}]}]}}],"packageBehavior":"workflow-only","isBundle":false,"bundleChildren":[],"parentBundles":[]},{"version":{"id":"456b0b77-e49d-4f85-8019-0210da7642a0","packageId":"edc33a93-4ab3-499f-9646-1a2b322466ef","version":"0.1.3","description":"Detect hardcoded CSS values that should become design tokens or CSS custom properties","manifest":{"name":"css-design-token-mining","author":"Alex Bit ","license":"Fair Source License","targets":{"versions":{},"languages":["css","less"],"frameworks":[]},"version":"0.1.3","category":"migration","keywords":["code-mining","design-tokens","css","standardization"],"registry":{"access":"public","visibility":"public"},"workflow":"workflow.yaml","description":"Detect hardcoded CSS values that should become design tokens or CSS custom properties","dependencies":[],"schema_version":"1.0"},"checksum":"eb7ed1d71dcfa8140ed4e78f98e992d357aca6b0e370b620f036ca7ebdcbc8a3","size":16386,"downloadUrl":"https://registry-cdn.codemod.com/prod/packages/css-design-token-mining/0.1.3/public.tar.gz","aiGenerated":false,"sourceArchiveS3Key":null,"targets":{"languages":["typescript"],"frameworks":[]},"dependencies":[],"languages":["css","less","json"],"stepTypes":["run","js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"collect","name":"Collect CSS Declarations","steps":[{"name":"Clear output directory","type":"run"},{"name":"Collect CSS declarations","type":"js-ast-grep","language":"css"},{"name":"Collect Less declarations","type":"js-ast-grep","language":"less"},{"name":"Run analysis and report","type":"js-ast-grep","language":"json"}]}]},"validated":false,"validationErrors":null,"publishedBy":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","deprecated":false,"deprecationMessage":null,"downloadCount":5,"cachedTestCases":{"input":":root {\n --space-md: 16px;\n --radius-sm: 6px;\n --color-primary: #0a66ff;\n}\n\n.banner {\n padding: 16px;\n border-radius: 6px;\n background: #0a66ff;\n}\n","output":":root {\n --space-md: 16px;\n --radius-sm: 6px;\n --color-primary: #0a66ff;\n}\n\n.banner {\n padding: 16px;\n border-radius: 6px;\n background: #0a66ff;\n}\n","isValid":true},"defaultWorkflowName":"default","createdAt":"2026-03-10T05:26:49.150Z","updatedAt":"2026-09-06 12:31:16.142293+00"},"publishedBy":{"id":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","username":"alexbit-codemod","name":"Alex Bit"},"insightsTemplate":null,"workflows":[{"name":"default","path":"workflow.yaml","description":null,"isDefault":true,"languages":["css","less","json"],"stepTypes":["run","js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"collect","name":"Collect CSS Declarations","steps":[{"name":"Clear output directory","type":"run"},{"name":"Collect CSS declarations","type":"js-ast-grep","language":"css"},{"name":"Collect Less declarations","type":"js-ast-grep","language":"less"},{"name":"Run analysis and report","type":"js-ast-grep","language":"json"}]}]}}],"packageBehavior":"workflow-only","isBundle":false,"bundleChildren":[],"parentBundles":[]},{"version":{"id":"4d653f2b-1da4-4bfe-8177-74af7fa120d3","packageId":"edc33a93-4ab3-499f-9646-1a2b322466ef","version":"0.1.2","description":"Detect hardcoded CSS values that should become design tokens or CSS custom properties","manifest":{"name":"css-design-token-mining","author":"Alex Bit ","license":"Fair Source License","targets":{"versions":{},"languages":["css","less"],"frameworks":[]},"version":"0.1.2","category":"migration","keywords":["code-mining","design-tokens","css","standardization"],"registry":{"access":"public","visibility":"public"},"workflow":"workflow.yaml","description":"Detect hardcoded CSS values that should become design tokens or CSS custom properties","dependencies":[],"schema_version":"1.0"},"checksum":"c37c5749e9d4860bf40b1990c4b54b39427b649c4ad019d01212106b55bab524","size":9393,"downloadUrl":"https://registry-cdn.codemod.com/prod/packages/css-design-token-mining/0.1.2/public.tar.gz","aiGenerated":false,"sourceArchiveS3Key":null,"targets":{"languages":["typescript"],"frameworks":[]},"dependencies":[],"languages":["css","less","json"],"stepTypes":["run","js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"collect","name":"Collect CSS Declarations","steps":[{"name":"Clear output directory","type":"run"},{"name":"Collect CSS declarations","type":"js-ast-grep","language":"css"},{"name":"Collect Less declarations","type":"js-ast-grep","language":"less"},{"name":"Run analysis and report","type":"js-ast-grep","language":"json"}]}]},"validated":false,"validationErrors":null,"publishedBy":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","deprecated":false,"deprecationMessage":null,"downloadCount":3,"cachedTestCases":{"input":":root {\n --space-md: 16px;\n --radius-sm: 6px;\n --color-primary: #0a66ff;\n}\n\n.banner {\n padding: 16px;\n border-radius: 6px;\n background: #0a66ff;\n}\n","output":":root {\n --space-md: 16px;\n --radius-sm: 6px;\n --color-primary: #0a66ff;\n}\n\n.banner {\n padding: 16px;\n border-radius: 6px;\n background: #0a66ff;\n}\n","isValid":true},"defaultWorkflowName":"default","createdAt":"2026-03-10T03:32:40.925Z","updatedAt":"2026-09-06 12:31:16.450439+00"},"publishedBy":{"id":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","username":"alexbit-codemod","name":"Alex Bit"},"insightsTemplate":null,"workflows":[{"name":"default","path":"workflow.yaml","description":null,"isDefault":true,"languages":["css","less","json"],"stepTypes":["run","js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"collect","name":"Collect CSS Declarations","steps":[{"name":"Clear output directory","type":"run"},{"name":"Collect CSS declarations","type":"js-ast-grep","language":"css"},{"name":"Collect Less declarations","type":"js-ast-grep","language":"less"},{"name":"Run analysis and report","type":"js-ast-grep","language":"json"}]}]}}],"packageBehavior":"workflow-only","isBundle":false,"bundleChildren":[],"parentBundles":[]},{"version":{"id":"f61b49aa-732e-4434-8689-cafe68a77cdb","packageId":"edc33a93-4ab3-499f-9646-1a2b322466ef","version":"0.1.1","description":"Detect hardcoded CSS values that should become design tokens or CSS custom properties","manifest":{"name":"css-design-token-mining","author":"Alex Bit ","license":"Fair Source License","targets":{"versions":{},"languages":["css","less"],"frameworks":[]},"version":"0.1.1","category":"migration","keywords":["code-mining","design-tokens","css","standardization"],"registry":{"access":"public","visibility":"public"},"workflow":"workflow.yaml","description":"Detect hardcoded CSS values that should become design tokens or CSS custom properties","dependencies":[],"schema_version":"1.0"},"checksum":"c6d5efea16f0be294fb878fd2f7488286cbb07fbbb7a27750e26be42614bee1e","size":17398,"downloadUrl":"https://registry-cdn.codemod.com/prod/packages/css-design-token-mining/0.1.1/public.tar.gz","aiGenerated":false,"sourceArchiveS3Key":null,"targets":{"languages":["typescript"],"frameworks":[]},"dependencies":[],"languages":["css","less","json"],"stepTypes":["run","js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"collect","name":"Collect CSS Declarations","steps":[{"name":"Clear output directory","type":"run"},{"name":"Collect CSS declarations","type":"js-ast-grep","language":"css"},{"name":"Collect Less declarations","type":"js-ast-grep","language":"less"},{"name":"Run analysis and report","type":"js-ast-grep","language":"json"}]}]},"validated":false,"validationErrors":null,"publishedBy":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","deprecated":false,"deprecationMessage":null,"downloadCount":5,"cachedTestCases":{"input":":root {\n --space-md: 16px;\n --radius-sm: 6px;\n --color-primary: #0a66ff;\n}\n\n.banner {\n padding: 16px;\n border-radius: 6px;\n background: #0a66ff;\n}\n","output":":root {\n --space-md: 16px;\n --radius-sm: 6px;\n --color-primary: #0a66ff;\n}\n\n.banner {\n padding: 16px;\n border-radius: 6px;\n background: #0a66ff;\n}\n","isValid":true},"defaultWorkflowName":"default","createdAt":"2026-03-10T03:11:16.961Z","updatedAt":"2026-09-06 12:31:16.502558+00"},"publishedBy":{"id":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","username":"alexbit-codemod","name":"Alex Bit"},"insightsTemplate":null,"workflows":[{"name":"default","path":"workflow.yaml","description":null,"isDefault":true,"languages":["css","less","json"],"stepTypes":["run","js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"collect","name":"Collect CSS Declarations","steps":[{"name":"Clear output directory","type":"run"},{"name":"Collect CSS declarations","type":"js-ast-grep","language":"css"},{"name":"Collect Less declarations","type":"js-ast-grep","language":"less"},{"name":"Run analysis and report","type":"js-ast-grep","language":"json"}]}]}}],"packageBehavior":"workflow-only","isBundle":false,"bundleChildren":[],"parentBundles":[]},{"version":{"id":"7e33dccf-2f5a-4764-888f-9df4df7a9f73","packageId":"edc33a93-4ab3-499f-9646-1a2b322466ef","version":"0.1.0","description":"Detect hardcoded CSS values that should become design tokens or CSS custom properties","manifest":{"name":"css-design-token-mining","author":"Alex Bit ","license":"MIT","targets":{"versions":{},"languages":["css","less"],"frameworks":[]},"version":"0.1.0","category":"migration","keywords":["code-mining","design-tokens","css","standardization"],"registry":{"access":"public","visibility":"public"},"workflow":"workflow.yaml","description":"Detect hardcoded CSS values that should become design tokens or CSS custom properties","dependencies":[],"schema_version":"1.0"},"checksum":"7b94fb5e7caf0ca930ac733667149663aa045c01a560d14fdf7198ca0484d7c9","size":17544,"downloadUrl":"https://registry-cdn.codemod.com/prod/packages/css-design-token-mining/0.1.0/public.tar.gz","aiGenerated":false,"sourceArchiveS3Key":null,"targets":{"languages":["typescript"],"frameworks":[]},"dependencies":[],"languages":["css","less","json"],"stepTypes":["run","js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"collect","name":"Collect CSS Declarations","steps":[{"name":"Clear output directory","type":"run"},{"name":"Collect CSS declarations","type":"js-ast-grep","language":"css"},{"name":"Collect Less declarations","type":"js-ast-grep","language":"less"},{"name":"Run analysis and report","type":"js-ast-grep","language":"json"}]}]},"validated":false,"validationErrors":null,"publishedBy":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","deprecated":false,"deprecationMessage":null,"downloadCount":3,"cachedTestCases":{"input":":root {\n --space-md: 16px;\n --radius-sm: 6px;\n --color-primary: #0a66ff;\n}\n\n.banner {\n padding: 16px;\n border-radius: 6px;\n background: #0a66ff;\n}\n","output":":root {\n --space-md: 16px;\n --radius-sm: 6px;\n --color-primary: #0a66ff;\n}\n\n.banner {\n padding: 16px;\n border-radius: 6px;\n background: #0a66ff;\n}\n","isValid":true},"defaultWorkflowName":"default","createdAt":"2026-03-10T03:01:43.436Z","updatedAt":"2026-09-06 12:31:16.543115+00"},"publishedBy":{"id":"4519f7a8-2ebc-4eaf-8c0a-e01be4c05878","username":"alexbit-codemod","name":"Alex Bit"},"insightsTemplate":null,"workflows":[{"name":"default","path":"workflow.yaml","description":null,"isDefault":true,"languages":["css","less","json"],"stepTypes":["run","js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"collect","name":"Collect CSS Declarations","steps":[{"name":"Clear output directory","type":"run"},{"name":"Collect CSS declarations","type":"js-ast-grep","language":"css"},{"name":"Collect Less declarations","type":"js-ast-grep","language":"less"},{"name":"Run analysis and report","type":"js-ast-grep","language":"json"}]}]}}],"packageBehavior":"workflow-only","isBundle":false,"bundleChildren":[],"parentBundles":[]}],"distTags":{"latest":"0.1.8"},"latestPackageBehavior":"workflow-only","cachedTestCases":"$19:1:props:state:queries:0:state:data:json:versions:0:version:cachedTestCases"},"meta":{"values":{"versions.0.version.createdAt":["Date"],"versions.0.insightsTemplate.generatedAt":["Date"],"versions.1.version.createdAt":["Date"],"versions.2.version.createdAt":["Date"],"versions.3.version.createdAt":["Date"],"versions.4.version.createdAt":["Date"],"versions.5.version.createdAt":["Date"],"versions.6.version.createdAt":["Date"],"versions.7.version.createdAt":["Date"],"versions.8.version.createdAt":["Date"]},"referentialEqualities":{"cachedTestCases":["versions.0.version.cachedTestCases"]}}},"dataUpdateCount":1,"dataUpdatedAt":1790051031030,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchFailureReason":null,"fetchMeta":null,"isInvalidated":false,"status":"success","fetchStatus":"idle"},"queryKey":[["registry","getPackage"],{"input":{"name":"css-design-token-mining","scope":"$undefined"},"type":"query"}],"queryHash":"[[\"registry\",\"getPackage\"],{\"input\":{\"name\":\"css-design-token-mining\"},\"type\":\"query\"}]"}]},"children":"$L4a"}]] 1c:null 20:[["$","title","0",{"children":"css-design-token-mining - Codemod Registry"}],["$","meta","1",{"name":"description","content":"Detect hardcoded CSS values that should become design tokens or CSS custom properties"}],["$","meta","2",{"name":"author","content":"Alex Bit"}],["$","meta","3",{"name":"keywords","content":"css-design-token-mining, codemod, code transformation, automated refactoring, package, registry, code-mining, design-tokens, css, standardization"}],["$","meta","4",{"name":"creator","content":"Alex Bit"}],["$","meta","5",{"name":"publisher","content":"Codemod"}],["$","meta","6",{"name":"robots","content":"index, follow"}],["$","meta","7",{"name":"googlebot","content":"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"}],["$","meta","8",{"name":"application-name","content":"Codemod Registry"}],["$","meta","9",{"name":"apple-mobile-web-app-title","content":"Codemod"}],["$","meta","10",{"name":"apple-mobile-web-app-capable","content":"yes"}],["$","meta","11",{"name":"apple-mobile-web-app-status-bar-style","content":"default"}],["$","meta","12",{"name":"format-detection","content":"telephone=no"}],["$","meta","13",{"name":"mobile-web-app-capable","content":"yes"}],["$","meta","14",{"name":"msapplication-config","content":"/browserconfig.xml"}],["$","meta","15",{"name":"msapplication-TileColor","content":"#000000"}],["$","meta","16",{"name":"msapplication-tap-highlight","content":"no"}],["$","meta","17",{"name":"theme-color","content":"#000000"}],["$","meta","18",{"name":"viewport","content":"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"}],["$","link","19",{"rel":"canonical","href":"https://app.codemod.com/registry/css-design-token-mining"}],["$","meta","20",{"property":"og:title","content":"css-design-token-mining - Codemod Registry"}],["$","meta","21",{"property":"og:description","content":"Detect hardcoded CSS values that should become design tokens or CSS custom properties"}],["$","meta","22",{"property":"og:url","content":"https://app.codemod.com/registry/css-design-token-mining"}],["$","meta","23",{"property":"og:site_name","content":"Codemod Registry"}],["$","meta","24",{"property":"og:locale","content":"en_US"}],["$","meta","25",{"property":"og:image","content":"https://app.codemod.com/api/og/registry/css-design-token-mining"}],["$","meta","26",{"property":"og:image:width","content":"1200"}],["$","meta","27",{"property":"og:image:height","content":"630"}],["$","meta","28",{"property":"og:image:alt","content":"css-design-token-mining package"}],["$","meta","29",{"property":"og:type","content":"website"}],["$","meta","30",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","31",{"name":"twitter:site","content":"@codemod"}],["$","meta","32",{"name":"twitter:creator","content":"@codemod"}],["$","meta","33",{"name":"twitter:title","content":"css-design-token-mining - Codemod Registry"}],["$","meta","34",{"name":"twitter:description","content":"Detect hardcoded CSS values that should become design tokens or CSS custom properties"}],["$","meta","35",{"name":"twitter:image","content":"https://app.codemod.com/api/og/registry/css-design-token-mining"}]]