@xplortech/apollo-react 2.12.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 +5 -1
- package/README.md +20 -0
- package/css/apollo.css +1 -2
- package/css/core.css +1 -0
- package/css/reset.css +1 -0
- package/css/tailwind-theme.css +1 -0
- package/css/typography.css +1 -0
- package/css/variables/apollo.css +1 -0
- package/css/variables/field-edge.css +1 -0
- package/css/vendor/flatpickr.css +1 -0
- package/dist/components/stencil-generated/components.d.ts +12 -0
- package/dist/components/stencil-generated/components.js +32 -0
- package/dist/components/stencil-generated/components.js.map +1 -1
- package/dist/components/stencil-generated/components.server.d.ts +12 -0
- package/dist/components/stencil-generated/components.server.js +32 -0
- package/dist/components/stencil-generated/components.server.js.map +1 -1
- package/package.json +6 -21
- package/css/.gitkeep +0 -0
package/AGENTS.md
CHANGED
|
@@ -12,7 +12,7 @@ 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`
|
|
15
|
+
| Tests (smoke) | `nx test @xplortech/apollo-react` |
|
|
16
16
|
| Tests (SSR runtime) | `nx test:ssr @xplortech/apollo-react` (requires `nx build @xplortech/apollo-react`) |
|
|
17
17
|
| Clean | `nx clean @xplortech/apollo-react` |
|
|
18
18
|
|
|
@@ -24,3 +24,7 @@ There is no per-package lint target; lint runs at the workspace level via `npm r
|
|
|
24
24
|
|
|
25
25
|
- Usage and examples: [README.md](./README.md)
|
|
26
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:
|