{"_id":"@anarchitects/tailwind","name":"@anarchitects/tailwind","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@anarchitects/tailwind","version":"0.0.1","description":"The framework-neutral Tailwind CSS v4 foundation for Anarchitects applications.","style":"./index.css","exports":{".":"./index.css","./theme.css":"./theme.css","./base.css":"./base.css","./utilities.css":"./utilities.css","./package.json":"./package.json"},"sideEffects":["*.css"],"publishConfig":{"access":"public"},"peerDependencies":{"tailwindcss":"^4.0.0"},"repository":{"type":"git","url":"git+https://github.com/anarchitects/anarchitecture-bricks-3tier.git","directory":"libs/common/tailwind"},"homepage":"https://github.com/anarchitects/anarchitecture-bricks-3tier/tree/main/libs/common/tailwind","bugs":{"url":"https://github.com/anarchitects/anarchitecture-bricks-3tier/issues"},"gitHead":"b2588e6e2c21a9c8633ba20c489c78596576646b","_id":"@anarchitects/tailwind@0.0.1","_nodeVersion":"26.8.1","_npmVersion":"11.19.0","dist":{"integrity":"sha512-Zvjmjc246LhWqQ4cvjIKA0R2HeV6SYsE73yxlN3BN1MZ+Mo31pE4G87vxhUZXMKiQDynRO3tSCTRjodokU2Xmg==","shasum":"6d6a1f620a9fb26ee62acbb84cf6966a2389c3c8","tarball":"https://registry.npmjs.org/@anarchitects/tailwind/-/tailwind-0.0.1.tgz","fileCount":6,"unpackedSize":11427,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIEv5pkp/463p8vGTxLDPbmY6zdbJGUkLtGjxT7iLyEBvAiA2VCJDz+tjjSsxoBaJBs0kBDNjA9+E+n5QERe3jOMXYg=="}]},"_npmUser":{"name":"vrxj81","email":"johan@anarchitects.dev"},"directories":{},"maintainers":[{"name":"vrxj81","email":"johan@anarchitects.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tailwind_0.0.1_1788528366821_0.6169794689353665"},"_hasShrinkwrap":false}},"time":{"created":"2026-09-04T13:26:06.571Z","0.0.1":"2026-09-04T13:26:06.972Z","modified":"2026-09-04T13:26:07.288Z"},"maintainers":[{"name":"vrxj81","email":"johan@anarchitects.dev"}],"description":"The framework-neutral Tailwind CSS v4 foundation for Anarchitects applications.","homepage":"https://github.com/anarchitects/anarchitecture-bricks-3tier/tree/main/libs/common/tailwind","repository":{"type":"git","url":"git+https://github.com/anarchitects/anarchitecture-bricks-3tier.git","directory":"libs/common/tailwind"},"bugs":{"url":"https://github.com/anarchitects/anarchitecture-bricks-3tier/issues"},"readme":"# @anarchitects/tailwind\n\nFramework-neutral Tailwind CSS v4 defaults for Anarchitects applications. The package provides a small,\noverridable visual foundation; it does not provide components, an Angular runtime wrapper, or a legacy\n`tailwind.config.*` preset.\n\n## Features\n\n- CSS-only, framework-neutral Tailwind v4 foundation.\n- Aggregate easy mode plus independently composable theme, base, and utility entry points.\n- Semantic design tokens with runtime dark-theme and density seams.\n- Accessibility-minded base styles and a small set of capability-oriented utilities.\n\n## Installation\n\n```bash\nyarn add @anarchitects/tailwind tailwindcss\n```\n\nUse Tailwind v4's official Vite, PostCSS, or CLI integration in the consuming application. Tailwind is a\npeer dependency so the consumer owns its build-tool integration and version within the supported v4 line.\n\n## Usage\n\n### Easy mode\n\nImport the aggregate entry point once in the application's global stylesheet:\n\n```css\n@import '@anarchitects/tailwind';\n```\n\nThis loads the theme, accessibility-minded base rules, Tailwind utilities, and Anarchitects utilities in\nthe required order.\n\n### Advanced mode\n\nImport only the layers the application wants to use or replace:\n\n```css\n@import '@anarchitects/tailwind/theme.css';\n@import '@anarchitects/tailwind/base.css';\n@import '@anarchitects/tailwind/utilities.css';\n```\n\nOmit `base.css` when the host owns its reset. Keep theme before utilities so token-driven utilities are\navailable during compilation.\n\n## Configuration\n\n### Token overrides\n\nTheme variables generate Tailwind utilities such as `bg-anx-accent`, `text-anx-foreground`,\n`rounded-anx-control`, and `font-anx-sans`. Override them after importing the foundation:\n\n```css\n@import '@anarchitects/tailwind';\n\n@theme {\n  --color-anx-accent: oklch(0.72 0.18 145);\n  --radius-anx-surface: 1rem;\n}\n```\n\nThe lower-level `--anx-*` custom properties are the runtime theme seam. Override them in ordinary\nselectors when a value must change at runtime:\n\n```css\n[data-theme='dark'] {\n  --anx-color-accent: oklch(0.74 0.16 255);\n}\n```\n\n### Theme and density conventions\n\n- `data-theme=\"dark\"` activates dark semantic values and the `dark:` variant.\n- `data-density=\"compact\"` activates compact spacing/control values and the `compact:` variant.\n- `data-density=\"comfortable\"` activates comfortable values and the `comfortable:` variant.\n- Without these attributes, the light/default-density values apply.\n\nThe foundation includes reusable `anx-stack`, `anx-cluster`, `anx-control`, `anx-surface`, and\n`anx-focus-ring` utilities. These are styling infrastructure, not behavioral component contracts.\n\n### Source detection\n\nThe foundation opts out of automatic workspace detection with `source(none)` so production output is\ndeterministic. Register the consumer application and every published package whose templates contain\nutility classes. `@source` paths are relative to the stylesheet where they appear, so adjust the examples\nfor the consumer's layout.\n\nInstalled packages:\n\n```css\n@import '@anarchitects/tailwind';\n@source '../node_modules/@anarchitects/forms-angular';\n@source '../node_modules/@anarchitects/auth-angular';\n```\n\nWorkspace library sources:\n\n```css\n@import '@anarchitects/tailwind';\n@source '../../../libs/forms/angular';\n@source '../../../libs/auth/angular';\n```\n\nConsumer paths that automatic detection does not cover:\n\n```css\n@import '@anarchitects/tailwind';\n@source './app';\n@source './features';\n```\n\nPrefer static, complete utility class names in templates. Tailwind cannot detect dynamically assembled\nclass fragments.\n\n### Accessibility baseline\n\nThe base layer supplies visible keyboard focus, reduced-motion behavior, inherited control typography,\nsemantic foreground/background defaults, and correct handling of `hidden` and disabled states. Angular or\nother framework components still own ARIA semantics, focus management, validation, and interaction.\n\n## Exports\n\n| Entry point                            | Purpose                                      |\n| -------------------------------------- | -------------------------------------------- |\n| `@anarchitects/tailwind`               | Aggregate easy mode                          |\n| `@anarchitects/tailwind/theme.css`     | Theme tokens and runtime semantic properties |\n| `@anarchitects/tailwind/base.css`      | Preflight and accessible baseline rules      |\n| `@anarchitects/tailwind/utilities.css` | Tailwind and Anarchitects utilities/variants |\n\n## Repository ownership\n\nThis package incubates in `anarchitecture-bricks-3tier` while Storybook, Angular packages, and examples\nprove the CSS contract. It intentionally remains framework-neutral so it can later move to\n`anarchitecture-community` without changing its package name or public entry points.\n\nSee [ADR-0003](https://github.com/anarchitects/anarchitecture-bricks-3tier/blob/main/docs/adr/0003-adopt-tailwind-v4-frontend-foundation-and-retire-common-angular-ui-packages.md)\nand [ADR-0004](https://github.com/anarchitects/anarchitecture-bricks-3tier/blob/main/docs/adr/0004-define-common-as-platform-foundation-not-shared-dumping-ground.md).\nApplications moving from the retired Common Angular UI packages should follow the\n[Angular 22, Signal Forms, and Tailwind v4 migration guide](../../../docs/guides/angular-22-signal-forms-tailwind-migration.md).\n\n## Nx targets\n\n```bash\nyarn nx run tailwind:lint --skip-nx-cache\nyarn nx run tailwind:test --skip-nx-cache\nyarn nx run tailwind:build --skip-nx-cache\nyarn nx run tailwind:typecheck --skip-nx-cache\nyarn nx run tailwind:package --skip-nx-cache\n```\n","readmeFilename":"README.md","_rev":"1-6e61ce9dd65708b3d8b5b0b2a274a080"}