evolit 0.4.2 → 0.4.3

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.
Files changed (2) hide show
  1. package/README.md +35 -0
  2. package/package.json +2 -1
package/README.md CHANGED
@@ -346,6 +346,36 @@ virtual modules, generation, finalization or global CSS links, and it does not n
346
346
  PostCSS. `@litsx/unocss` remains the owner of candidate extraction and CSS generation; Evolit only
347
347
  executes its neutral LitSX lifecycle.
348
348
 
349
+ Tailwind CSS uses the same neutral integration contract, without an Evolit adapter or application
350
+ owned Vite/PostCSS pipeline:
351
+
352
+ ```js
353
+ import { litsxTailwind } from "@litsx/tailwind";
354
+ import { defineEvolitConfig } from "evolit/litsx";
355
+
356
+ export default defineEvolitConfig({
357
+ litsx: {
358
+ compiler: { sourceMaps: true },
359
+ integrations: [
360
+ litsxTailwind({ integration: { entry: "./tailwind.css" } }),
361
+ ],
362
+ },
363
+ });
364
+ ```
365
+
366
+ ```css
367
+ /* tailwind.css */
368
+ @import "tailwindcss" source(none);
369
+
370
+ @theme {
371
+ --color-brand: oklch(62% 0.18 255);
372
+ }
373
+ ```
374
+
375
+ `source(none)` is recommended because LitSX owns candidate discovery and routes each finite class
376
+ to its component. `@litsx/tailwind` owns Tailwind compilation, virtual modules, dependency
377
+ invalidation, stale-candidate removal and the single document stylesheet.
378
+
349
379
  `compiler` accepts the public `TransformLitsxOptions` surface except the values Evolit must own for
350
380
  correct server and browser graphs. Evolit always supplies the current `filename`, selects `ssr` per
351
381
  target and forces native lowering with `reactCompat: false`; `compiler.sourceMaps` can override the
@@ -383,6 +413,11 @@ Root, preserves authored `Component.styles` before generated utilities, and emit
383
413
  theme/custom-property layers once. Those document variables inherit through Shadow Roots and the
384
414
  browser hydrates the server result without switching to `react-compat`.
385
415
 
416
+ `@litsx/tailwind` follows the same ordering and ownership rules: Shadow Root preflight, authored
417
+ `Component.styles`, then component-owned utilities. Its `global.css` output contains theme/custom
418
+ properties, document preflight, Tailwind property registrations and light-DOM utilities exactly
419
+ once. Component utilities are not copied into that document asset.
420
+
386
421
  ## Server Setup
387
422
 
388
423
  Server integrations that need one-time application setup can be registered with
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "evolit",
3
- "version": "0.4.2",
3
+ "version": "0.4.3",
4
4
  "description": "A convention-driven application framework for LitSX and web components.",
5
5
  "type": "module",
6
6
  "packageManager": "yarn@4.10.3",
@@ -83,6 +83,7 @@
83
83
  }
84
84
  },
85
85
  "devDependencies": {
86
+ "@litsx/tailwind": "1.0.0-next.8",
86
87
  "@litsx/unocss": "1.0.0-next.8",
87
88
  "@playwright/test": "^1.62.0",
88
89
  "@webcomponents/scoped-custom-element-registry": "^0.0.10",