@recursica/mui-adapter 0.18.0 → 0.18.1
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/CHANGELOG.md +8 -0
- package/SETUP.md +1 -1
- package/dist/mui-adapter.cjs +17 -17
- package/dist/mui-adapter.cjs.map +1 -1
- package/dist/mui-adapter.js +592 -591
- package/dist/mui-adapter.js.map +1 -1
- package/llms.txt +2 -0
- package/package.json +1 -1
- package/src/components/Layer/USAGE.md +50 -0
- package/src/components/RecursicaThemeProvider/USAGE.md +60 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @recursica/mui-adapter
|
|
2
2
|
|
|
3
|
+
## 0.18.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 70ad4df: `RecursicaThemeProvider` now automatically wraps its children in a base `<Layer layer={0}>` by default (new `initLayer0` prop, defaults to `true`), so page-level surface/border/elevation CSS variables resolve out of the box instead of requiring an undocumented manual `<Layer layer={0}>` wrapper. Opt out with `initLayer0={false}` to place the base layer yourself. Also documented `Layer` and `RecursicaThemeProvider` (previously referenced by nearly every other component's USAGE.md but undocumented themselves) with dedicated USAGE.md pages and llms.txt entries in both adapters, and updated the shared Storybook theme decorator to opt out of the new default (each adapter's preview already places its own configurable per-story Layer).
|
|
8
|
+
- Updated dependencies [70ad4df]
|
|
9
|
+
- @recursica/adapter-common@0.12.0
|
|
10
|
+
|
|
3
11
|
## 0.18.0
|
|
4
12
|
|
|
5
13
|
### Minor Changes
|
package/SETUP.md
CHANGED
|
@@ -33,7 +33,7 @@ Before consuming Recursica components, integrate the CSS and design tokens into
|
|
|
33
33
|
import "@recursica/mui-adapter/style.css"; // MUI adapter styles
|
|
34
34
|
```
|
|
35
35
|
|
|
36
|
-
3. **Configure MUI's CSS Injection & Theme Provider**: Because the Recursica UI components use native CSS modules, they must be given a higher priority than MUI's default engine styles. You **must** wrap your application root in `<StyledEngineProvider injectFirst>` and `<RecursicaThemeProvider theme="light">` to correctly cascade design token properties:
|
|
36
|
+
3. **Configure MUI's CSS Injection & Theme Provider**: Because the Recursica UI components use native CSS modules, they must be given a higher priority than MUI's default engine styles. You **must** wrap your application root in `<StyledEngineProvider injectFirst>` and `<RecursicaThemeProvider theme="light">` to correctly cascade design token properties. By default `RecursicaThemeProvider` also wraps its children in a `<Layer layer={0}>` (via the `initLayer0` prop, which defaults to `true`), so the base page surface/border/elevation variables resolve automatically with no extra setup:
|
|
37
37
|
|
|
38
38
|
```tsx
|
|
39
39
|
import { StyledEngineProvider } from "@mui/material/styles";
|