angular-tailwind-components 1.0.8 → 1.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -21,16 +21,20 @@ npm install angular-tailwind-components
21
21
 
22
22
  ### Prerequisites
23
23
 
24
- Your consuming project must have **Tailwind CSS v4** configured. Add the library's theme tokens to your main stylesheet:
24
+ Your consuming project must have **Tailwind CSS v4** configured. Add the library stylesheet (it includes `@import "tailwindcss"`, design tokens, and **`@source` paths** so utilities used inside library components are generated without extra setup):
25
25
 
26
26
  ```css
27
27
  @import 'angular-tailwind-components/styles/tailwind.css';
28
28
  ```
29
29
 
30
- this import contains the
30
+ The published `styles/tailwind.css` scans the sibling `fesm2022` bundle plus library `.html` / `.ts` sources for development. You do **not** need a separate `@source` to `node_modules/.../fesm2022` in the consumer.
31
+
32
+ The same import also pulls in:
33
+
31
34
  ```css
32
35
  @import 'tailwindcss';
33
36
  ```
37
+
34
38
  Or define your own theme tokens following the design system schema.
35
39
 
36
40
  ## Quick Start
@@ -122,8 +126,6 @@ The library uses a comprehensive design system defined via Tailwind CSS v4 `@the
122
126
  Override tokens in your main CSS:
123
127
 
124
128
  ```css
125
- @import 'tailwindcss';
126
-
127
129
  @theme {
128
130
  --color-primary-500: oklch(0.55 0.2 280); /* Change primary to purple */
129
131
  --color-primary-600: oklch(0.48 0.22 280);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "angular-tailwind-components",
3
- "version": "1.0.8",
3
+ "version": "1.0.11",
4
4
  "files": [
5
5
  "fesm2022",
6
6
  "types",
@@ -1,5 +1,14 @@
1
1
  @import "tailwindcss";
2
2
 
3
+ /*
4
+ * Tailwind v4 @source:
5
+ * - ../fesm2022 — npm package layout (this file is styles/tailwind.css); templates are inlined in FESM bundles.
6
+ * - ../ glob for .html and .ts — Storybook and monorepo when this file lives under src/lib/styles.
7
+ */
8
+ @source "../fesm2022";
9
+ @source "../**/*.html";
10
+ @source "../**/*.ts";
11
+
3
12
  /*
4
13
  * Angular Tailwind Components — Design System
5
14
  * Customizable theme tokens via Tailwind v4 @theme directive