@atomico/hooks - npm Package Compare versions

Comparing version 3.31.0 to 3.32.0

package.json

 {
   "name": "@atomico/hooks",
   "description": "Series of utilities in hooks format to extend the operation of Atomico",
-  "version": "3.31.0",
+  "version": "3.32.0",
   "type": "module",
@@ -6,0 +6,0 @@ "workspaces": [

src/use-css-light-dom/use-css-light-dom.js

@@ -7,3 +7,3 @@ import { useHost, useLayoutEffect } from "atomico";
  * Create a style collector to apply once the render is finished
- * @param {import("atomico").Sheet} sheet
+ * @param {import("atomico").Sheets} sheet
  */
@@ -24,6 +24,12 @@ export function useCssLightDom(sheet) {
 
-    getRules(
-      sheet,
-      current.localName + `[data-sheet="${current.dataset.sheet}"]`
-    ).forEach((rule, index) => style.sheet.insertRule(rule, index));
+    (Array.isArray(sheet) ? sheet.flat(100) : [sheet]).forEach(
+      (sheet) =>
+        sheet &&
+        getRules(
+          sheet,
+          current.localName + `[data-sheet="${current.dataset.sheet}"]`
+        ).forEach((rule) =>
+          style.sheet.insertRule(rule, style.sheet.cssRules.length)
+        )
+    );
 
@@ -30,0 +36,0 @@ return () => style.remove();

types/use-css-light-dom/use-css-light-dom.d.ts

 /**
  * Create a style collector to apply once the render is finished
- * @param {import("atomico").Sheet} sheet
+ * @param {import("atomico").Sheets} sheet
  */
-export function useCssLightDom(sheet: import("atomico").Sheet): void;
+export function useCssLightDom(sheet: import("atomico").Sheets): void;

No alert changes

Improved metrics

Total package byte prevSize

83516

increased by0.2%

Lines of code

2469

increased by0.24%

No dependency changes