fulldev-ui 0.4.12 → 0.4.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fulldev-ui",
-  "version": "0.4.12",
+  "version": "0.4.14",
   "description": "A component library built for Astro",
   "homepage": "https://ui.full.dev",
   "bugs": "https://github.com/fulldotdev/ui/issues",

package/src/components/Root.astro

@@ -85,8 +85,6 @@ const render =
   @import '../css/size.css';
   @import '../css/space.css';
 
-  @layer base, fulldev;
-
   @layer fulldev {
     .root {
       z-index: 1;

package/src/content/pages/overview/frameworks.mdx

@@ -38,12 +38,34 @@ In your `tailwind.config.ts` add the following:
 // tailwind.config.ts
 import fulldevUI from 'fulldev-ui/tailwind'
 
-export default defineConfig({
+export default {
   plugins: [fulldevUI],
+}
+```
+
+In your `astro.config.ts` add the following:
+
+```ts
+// astro.config.ts
+import tailwind from '@astrojs/tailwind'
+
+export default defineConfig({
+  integrations: [
+    tailwind({
+      // Disable injecting styles, import manually instead
+      applyBaseStyles: false,
+    }),
+  ],
 })
 ```
 
-Import layers by hand and leave base for what it is, as it will conflict with the layer provided by Fulldev UI.
+Import the css file file below anywhere in your project.
+
+```css
+@tailwind base layer(base);
+@tailwind components;
+@tailwind utilities;
+```
 
 ### UnoCSS
 
@@ -54,11 +76,12 @@ In your `uno.config.ts` add the following:
 import fulldevUI from 'fulldev-ui/unocss'
 
 export default defineConfig({
+  injectReset: false,
   presets: [fulldevUI],
 })
 ```
 
-Do not use `injectReset` when using the UnoCSS preset, as it will conflict with the reset provided by Fulldev UI.
+Do not use `injectReset` when using the UnoCSS preset, as it will conflict with the reset provided by Fulldev UI. If you do want a style reset, be sure to import it in the `base` layer, similar to the TailwindCSS example above.
 
 ## Utility classes