@xplortech/apollo-react 2.11.0 → 3.0.0

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/AGENTS.md CHANGED
@@ -12,9 +12,11 @@ See the root [AGENTS.md](https://github.com/xplor/apollo/blob/main/AGENTS.md) fo
12
12
  |------|---------|
13
13
  | Build | `nx build @xplortech/apollo-react` |
14
14
  | TypeScript compile | `nx tsc @xplortech/apollo-react` |
15
+ | Tests (smoke) | `nx test @xplortech/apollo-react` |
16
+ | Tests (SSR runtime) | `nx test:ssr @xplortech/apollo-react` (requires `nx build @xplortech/apollo-react`) |
15
17
  | Clean | `nx clean @xplortech/apollo-react` |
16
18
 
17
- There is no per-package lint or test target in this package today; lint runs at the workspace level via `npm run lint` and proxy types are validated by `tsc`.
19
+ There is no per-package lint target; lint runs at the workspace level via `npm run lint`. Proxy types are validated by `tsc`. Smoke tests assert committed Stencil bindings under `src/` (no preceding `apollo-core` build).
18
20
 
19
21
  **Nx Release group:** `core` (released together with `apollo-core` and `apollo-vue`).
20
22
 
@@ -22,3 +24,7 @@ There is no per-package lint or test target in this package today; lint runs at
22
24
 
23
25
  - Usage and examples: [README.md](./README.md)
24
26
  - Depends on `@xplortech/apollo-core` for runtime and styles
27
+
28
+ ## CSS proxy files
29
+
30
+ Committed one-line `@import` proxies under `css/` re-export `@xplortech/apollo-core` modular CSS without an `exports` field (subpaths resolve by file path). Per-component treeshake CSS is **not** proxied — consumers import `@xplortech/apollo-core/css/components/*` directly.
package/README.md CHANGED
@@ -14,6 +14,26 @@ Install:
14
14
  npm install @xplortech/apollo-react@latest
15
15
  ```
16
16
 
17
+ ## Styles
18
+
19
+ Import the full stylesheet once in your app (backwards-compatible bundle):
20
+
21
+ ```ts
22
+ import '@xplortech/apollo-react/css/apollo.css';
23
+ ```
24
+
25
+ For modular CSS (brand theming and treeshaking), import from the proxy paths exposed by this package:
26
+
27
+ ```ts
28
+ import '@xplortech/apollo-react/css/variables/apollo.css';
29
+ import '@xplortech/apollo-react/css/core.css';
30
+ import '@xplortech/apollo-react/css/tailwind-theme.css'; // when using Tailwind v4 with Apollo theme tokens
31
+ ```
32
+
33
+ Other modular entry points: `reset.css`, `typography.css`, `variables/field-edge.css`, and `vendor/flatpickr.css`.
34
+
35
+ Per-component CSS for treeshaking is not proxied here — import directly from `@xplortech/apollo-core/css/components/*` (for example `@xplortech/apollo-core/css/components/button.css`).
36
+
17
37
  ## Getting Started
18
38
 
19
39
  Most changes rely on changing dash-separated tag names (i.e. `xpl-component`) to camel-case (i.e. `XplComponent`). For example: