@ocelescope/core 0.1.1 → 0.1.2
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 +17 -0
- package/dist/style.css +0 -9605
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -26,13 +26,30 @@ for a complete setup.
|
|
|
26
26
|
|
|
27
27
|
```tsx
|
|
28
28
|
// pages/_app.tsx
|
|
29
|
+
|
|
30
|
+
// 1. Third-party global styles core relies on. Import these FIRST, in this
|
|
31
|
+
// order (@mantine/core must come before its extensions).
|
|
32
|
+
import "@mantine/core/styles.css";
|
|
33
|
+
import "@mantine/dropzone/styles.css";
|
|
34
|
+
import "@mantine/notifications/styles.css";
|
|
35
|
+
import "mantine-datatable/styles.css";
|
|
36
|
+
|
|
37
|
+
// 2. core's own (scoped) styles — must come AFTER the above so its overrides win.
|
|
29
38
|
import "@ocelescope/core/styles.css";
|
|
39
|
+
|
|
30
40
|
import { OcelescopeApp } from "@ocelescope/core";
|
|
31
41
|
import config from "../ocelescope.config";
|
|
32
42
|
|
|
33
43
|
export default OcelescopeApp(config);
|
|
34
44
|
```
|
|
35
45
|
|
|
46
|
+
> **Styles.** `@ocelescope/core` ships only its own component styles in
|
|
47
|
+
> `@ocelescope/core/styles.css`; it does **not** bundle its dependencies'
|
|
48
|
+
> global CSS. Your app must import the Mantine / mantine-datatable stylesheets
|
|
49
|
+
> above itself (and add those packages to its `dependencies`), in order, before
|
|
50
|
+
> core's stylesheet. Each Ocelescope module documents any additional
|
|
51
|
+
> stylesheets it needs.
|
|
52
|
+
|
|
36
53
|
```tsx
|
|
37
54
|
// pages/_document.tsx
|
|
38
55
|
import { OcelescopeDocument } from "@ocelescope/core";
|