{"_id":"@21stgov/commons-css","_rev":"5-59c783718d83b7059d528b5eb40df72c","name":"@21stgov/commons-css","dist-tags":{"latest":"0.6.0"},"versions":{"0.3.0":{"name":"@21stgov/commons-css","version":"0.3.0","license":"MIT","_id":"@21stgov/commons-css@0.3.0","maintainers":[{"name":"sethcottle","email":"sethcottle@gmail.com"}],"homepage":"https://commonsui.com","bugs":{"url":"https://github.com/21stGov/commons/issues"},"dist":{"shasum":"8a830f236222fe8b6f85fe6b22c2c0289ebc4138","tarball":"https://registry.npmjs.org/@21stgov/commons-css/-/commons-css-0.3.0.tgz","fileCount":5,"integrity":"sha512-ijsnKmakZjvQ7270NY3IuVGlUzdtE8wBgUpSaPiL1LUTZdChMnTJH4pEj5HgkTWaKeBIbZVaNlhiPEb8cmPpYA==","signatures":[{"sig":"MEYCIQC5V7wJxIzgeNK35IhL6jOD8vhrcMPGsCErYiT8xQl/mQIhAOb2Zl3c+/CJbZvpXXiZxZiF8P0ZH0j21sQ53ZsZlO8Q","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":456795},"type":"module","_from":"file:21stgov-commons-css-0.3.0.tgz","exports":{".":"./dist/commons.css","./commons.css":"./dist/commons.css","./components.css":"./dist/components.src.css"},"scripts":{"build":"tsx build.ts","typecheck":"tsc --noEmit"},"_npmUser":{"name":"sethcottle","email":"sethcottle@gmail.com"},"_resolved":"/private/var/folders/cf/wl28lk8s19770tzrdlt63yvw0000gn/T/5fdc481b0126313b9c69fdf7c31b9cfd/21stgov-commons-css-0.3.0.tgz","_integrity":"sha512-ijsnKmakZjvQ7270NY3IuVGlUzdtE8wBgUpSaPiL1LUTZdChMnTJH4pEj5HgkTWaKeBIbZVaNlhiPEb8cmPpYA==","repository":{"url":"git+https://github.com/21stGov/commons.git","type":"git","directory":"packages/css"},"_npmVersion":"11.16.0","description":"Framework-agnostic component CSS for Commons — use the components in any stack (Drupal, WordPress, plain HTML), no React or Tailwind build required.","directories":{},"_nodeVersion":"24.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.20.0","react":"^19.2.7","vitest":"^4.1.10","esbuild":"^0.28.1","react-dom":"^19.2.7","typescript":"~5.9.0","@types/node":"^22.20.1","tailwindcss":"^4.3.2","@types/react":"^19.2.17","@tailwindcss/cli":"^4.3.2","@types/react-dom":"^19.2.3","node-html-parser":"^9.0.0","@21stgov/commons-react":"0.3.0","@21stgov/commons-tokens":"0.3.0"},"_npmOperationalInternal":{"tmp":"tmp/commons-css_0.3.0_1784136078703_0.059712269194372336","host":"s3://npm-registry-packages-npm-production"}},"0.3.1":{"name":"@21stgov/commons-css","version":"0.3.1","license":"MIT","_id":"@21stgov/commons-css@0.3.1","maintainers":[{"name":"sethcottle","email":"sethcottle@gmail.com"}],"homepage":"https://commonsui.com","bugs":{"url":"https://github.com/21stGov/commons/issues"},"dist":{"shasum":"fb668db3f7564dc1479c1ac2c9be53a028ae9cc1","tarball":"https://registry.npmjs.org/@21stgov/commons-css/-/commons-css-0.3.1.tgz","fileCount":5,"integrity":"sha512-P4lV2fnuJcuaf62a9NJu8kGD3vWJb2TnxIwtxIvHe1tvF7RPYEgRbB+blbbd0xYi9iFdNAwz1ndfNb+XK8wCtw==","signatures":[{"sig":"MEUCIGHpv1AAs9orF/aJajVi+nn5VS/s8yM0swiGfZL6ys/SAiEAmWW3h90Dofk2iJjlkG4rI6Lavyo7u6f6P6TGtKlRSX0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@21stgov%2fcommons-css@0.3.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":456795},"type":"module","_from":"file:21stgov-commons-css-0.3.1.tgz","exports":{".":"./dist/commons.css","./commons.css":"./dist/commons.css","./components.css":"./dist/components.src.css"},"scripts":{"build":"tsx build.ts","typecheck":"tsc --noEmit"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:fdf34722-a4aa-4b67-967a-e8161e7e4ea0"}},"_resolved":"/tmp/9a7042766bad03628c2c9cfb394d6228/21stgov-commons-css-0.3.1.tgz","_integrity":"sha512-P4lV2fnuJcuaf62a9NJu8kGD3vWJb2TnxIwtxIvHe1tvF7RPYEgRbB+blbbd0xYi9iFdNAwz1ndfNb+XK8wCtw==","repository":{"url":"git+https://github.com/21stGov/commons.git","type":"git","directory":"packages/css"},"_npmVersion":"11.16.0","description":"Framework-agnostic component CSS for Commons — use the components in any stack (Drupal, WordPress, plain HTML), no React or Tailwind build required.","directories":{},"_nodeVersion":"24.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.20.0","react":"^19.2.7","vitest":"^4.1.10","esbuild":"^0.28.1","react-dom":"^19.2.7","typescript":"~5.9.0","@types/node":"^22.20.1","tailwindcss":"^4.3.2","@types/react":"^19.2.17","@tailwindcss/cli":"^4.3.2","@types/react-dom":"^19.2.3","node-html-parser":"^9.0.0","@21stgov/commons-react":"0.3.1","@21stgov/commons-tokens":"0.3.1"},"_npmOperationalInternal":{"tmp":"tmp/commons-css_0.3.1_1784157917215_0.3388224784301299","host":"s3://npm-registry-packages-npm-production"}},"0.4.0":{"name":"@21stgov/commons-css","version":"0.4.0","license":"MIT","_id":"@21stgov/commons-css@0.4.0","maintainers":[{"name":"sethcottle","email":"sethcottle@gmail.com"}],"homepage":"https://commonsui.com","bugs":{"url":"https://github.com/21stGov/commons/issues"},"dist":{"shasum":"1c02bbbaec25528ed9ac64772381b99ffbd03288","tarball":"https://registry.npmjs.org/@21stgov/commons-css/-/commons-css-0.4.0.tgz","fileCount":5,"integrity":"sha512-NWK1Eb2/eWP/I6bbhNM7PEZ90GAIdJ+75tAhLFMcUAs6hGml4mMpMfc1BAs0LC7P/diydo9Y2YvRTAR/4ALGmg==","signatures":[{"sig":"MEYCIQCPv/4vMFEXtjw6SZGiCya26X2aUFaKldcVr/rsPlu28gIhAO1SkDSGjf03bMjSwKFHFswJ0cLX+Gnsv1Brrgx3i3uy","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@21stgov%2fcommons-css@0.4.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":457485},"type":"module","_from":"file:21stgov-commons-css-0.4.0.tgz","exports":{".":"./dist/commons.css","./commons.css":"./dist/commons.css","./components.css":"./dist/components.src.css"},"scripts":{"build":"tsx build.ts","typecheck":"tsc --noEmit"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:fdf34722-a4aa-4b67-967a-e8161e7e4ea0"}},"_resolved":"/tmp/328518bc4e36d37914711e628b2a7f46/21stgov-commons-css-0.4.0.tgz","_integrity":"sha512-NWK1Eb2/eWP/I6bbhNM7PEZ90GAIdJ+75tAhLFMcUAs6hGml4mMpMfc1BAs0LC7P/diydo9Y2YvRTAR/4ALGmg==","repository":{"url":"git+https://github.com/21stGov/commons.git","type":"git","directory":"packages/css"},"_npmVersion":"11.16.0","description":"Framework-agnostic component CSS for Commons — use the components in any stack (Drupal, WordPress, plain HTML), no React or Tailwind build required.","directories":{},"_nodeVersion":"24.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.20.0","react":"^19.2.7","vitest":"^4.1.10","esbuild":"^0.28.1","react-dom":"^19.2.7","typescript":"~5.9.0","@types/node":"^22.20.1","tailwindcss":"^4.3.2","@types/react":"^19.2.17","@tailwindcss/cli":"^4.3.2","@types/react-dom":"^19.2.3","node-html-parser":"^9.0.0","@21stgov/commons-react":"0.4.0","@21stgov/commons-tokens":"0.4.0"},"_npmOperationalInternal":{"tmp":"tmp/commons-css_0.4.0_1784170188628_0.07677784366541918","host":"s3://npm-registry-packages-npm-production"}},"0.5.0":{"name":"@21stgov/commons-css","version":"0.5.0","license":"MIT","_id":"@21stgov/commons-css@0.5.0","maintainers":[{"name":"sethcottle","email":"sethcottle@gmail.com"}],"homepage":"https://commonsui.com","bugs":{"url":"https://github.com/21stGov/commons/issues"},"dist":{"shasum":"6294f664ca5055a60be2d4a8f760040008de3927","tarball":"https://registry.npmjs.org/@21stgov/commons-css/-/commons-css-0.5.0.tgz","fileCount":5,"integrity":"sha512-pB8HNvZKM3wX5rjdDm5FW3CCfVf3UyD5SJCumSQjm2TAGC4A5RlApMl/VOb5wohHLm/ilVFE5MMhtj4FISJAcg==","signatures":[{"sig":"MEUCICbFv82uXJdPV2pTjrIvDNWM3MMBicHviU+RliHI8kiyAiEAu8clUl1/KytQ8mAjaAx6LlZ4pJQiPiHn3dxqfx8tXmc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@21stgov%2fcommons-css@0.5.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":457485},"type":"module","_from":"file:21stgov-commons-css-0.5.0.tgz","exports":{".":"./dist/commons.css","./commons.css":"./dist/commons.css","./components.css":"./dist/components.src.css"},"scripts":{"build":"tsx build.ts","typecheck":"tsc --noEmit"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:fdf34722-a4aa-4b67-967a-e8161e7e4ea0"}},"_resolved":"/tmp/f93550f6697ca259b55d1536d39a2658/21stgov-commons-css-0.5.0.tgz","_integrity":"sha512-pB8HNvZKM3wX5rjdDm5FW3CCfVf3UyD5SJCumSQjm2TAGC4A5RlApMl/VOb5wohHLm/ilVFE5MMhtj4FISJAcg==","repository":{"url":"git+https://github.com/21stGov/commons.git","type":"git","directory":"packages/css"},"_npmVersion":"11.16.0","description":"Framework-agnostic component CSS for Commons — use the components in any stack (Drupal, WordPress, plain HTML), no React or Tailwind build required.","directories":{},"_nodeVersion":"24.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.20.0","react":"^19.2.7","vitest":"^4.1.10","esbuild":"^0.28.1","react-dom":"^19.2.7","typescript":"~5.9.0","@types/node":"^22.20.1","tailwindcss":"^4.3.2","@types/react":"^19.2.17","@tailwindcss/cli":"^4.3.2","@types/react-dom":"^19.2.3","node-html-parser":"^9.0.0","@21stgov/commons-react":"0.5.0","@21stgov/commons-tokens":"0.5.0"},"_npmOperationalInternal":{"tmp":"tmp/commons-css_0.5.0_1784173731591_0.4144947642395045","host":"s3://npm-registry-packages-npm-production"}},"0.6.0":{"name":"@21stgov/commons-css","version":"0.6.0","type":"module","license":"MIT","description":"Framework-agnostic component CSS for Commons — use the components in any stack (Drupal, WordPress, plain HTML), no React or Tailwind build required.","homepage":"https://commonsui.com","repository":{"type":"git","url":"git+https://github.com/21stGov/commons.git","directory":"packages/css"},"publishConfig":{"access":"public"},"exports":{".":"./dist/commons.css","./commons.css":"./dist/commons.css","./components.css":"./dist/components.src.css"},"devDependencies":{"@tailwindcss/cli":"^4.3.2","@types/node":"^22.20.1","@types/react":"^19.2.17","@types/react-dom":"^19.2.3","esbuild":"^0.28.1","node-html-parser":"^9.0.0","react":"^19.2.7","react-dom":"^19.2.7","tailwindcss":"^4.3.2","tsx":"^4.20.0","typescript":"~5.9.0","vitest":"^4.1.10","@21stgov/commons-react":"0.6.0","@21stgov/commons-tokens":"0.6.0"},"scripts":{"build":"tsx build.ts","typecheck":"tsc --noEmit"},"_id":"@21stgov/commons-css@0.6.0","bugs":{"url":"https://github.com/21stGov/commons/issues"},"_integrity":"sha512-WdDprCGTmuLbs0Rr7vYczNPofh9fNYsc/kXC8uZ9jV57yh4diwchSxsqrWJ+rgUIG39+fBoNuATwrRqkKSwbdQ==","_resolved":"/tmp/fc8e747808c28f49a1a6dba0d0da6746/21stgov-commons-css-0.6.0.tgz","_from":"file:21stgov-commons-css-0.6.0.tgz","_nodeVersion":"24.18.0","_npmVersion":"11.16.0","dist":{"integrity":"sha512-WdDprCGTmuLbs0Rr7vYczNPofh9fNYsc/kXC8uZ9jV57yh4diwchSxsqrWJ+rgUIG39+fBoNuATwrRqkKSwbdQ==","shasum":"ca89679cd7a3c61532398bd30ed6a19f738b6983","tarball":"https://registry.npmjs.org/@21stgov/commons-css/-/commons-css-0.6.0.tgz","fileCount":5,"unpackedSize":479849,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@21stgov%2fcommons-css@0.6.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDZ/oYXC/0vlc8O8GcsWKY9mhcnxPrEN/okI+VLP2mCnwIgPpsbxGSnY//N251aawRk8bXGBk17DdwIFLLWHQdeVgs="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:fdf34722-a4aa-4b67-967a-e8161e7e4ea0"}},"directories":{},"maintainers":[{"name":"sethcottle","email":"sethcottle@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/commons-css_0.6.0_1784255081110_0.14711829060415038"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-15T17:21:18.550Z","modified":"2026-07-17T02:24:41.569Z","0.3.0":"2026-07-15T17:21:18.874Z","0.3.1":"2026-07-15T23:25:17.373Z","0.4.0":"2026-07-16T02:49:48.758Z","0.5.0":"2026-07-16T03:48:51.744Z","0.6.0":"2026-07-17T02:24:41.257Z"},"bugs":{"url":"https://github.com/21stGov/commons/issues"},"license":"MIT","homepage":"https://commonsui.com","repository":{"type":"git","url":"git+https://github.com/21stGov/commons.git","directory":"packages/css"},"description":"Framework-agnostic component CSS for Commons — use the components in any stack (Drupal, WordPress, plain HTML), no React or Tailwind build required.","maintainers":[{"name":"sethcottle","email":"sethcottle@gmail.com"}],"readme":"# @21stgov/commons-css\n\n`commons.css` — the framework-agnostic component classes for [Commons](https://commonsui.com), the accessibility-first design system for U.S. local governments by 21st Gov. The `.cui-*` classes are generated 1:1 from the React components' own style configs, so plain HTML looks identical to the React version — no React, no build step.\n\n## Usage\n\nLoad the token + core foundation first, then `commons.css` (order matters — the classes consume the `--cui-*` custom properties):\n\n```css\n@import \"@21stgov/commons-tokens/index.css\";\n@import \"@21stgov/commons-core/index.css\";\n@import \"@21stgov/commons-css\"; /* the .cui-* component classes */\n```\n\nThen write Commons components as plain HTML:\n\n```html\n<button type=\"button\" class=\"cui-button cui-button--primary\">Submit application</button>\n```\n\nInteractive components (dialog, menu, tabs, accordion…) need their behavior wired up — add [`@21stgov/commons-js`](https://www.npmjs.com/package/@21stgov/commons-js). Exports: `.` / `./commons.css` for the stylesheet, and `./components.css` for just the `.cui-*` rules. Also served, versioned, from `cdn.commonsui.com`. See [Using Commons without React](https://commonsui.com/docs/without-react). MIT licensed.\n","readmeFilename":"README.md"}