simplestyle-js 3.4.2-alpha.3 → 3.4.2-alpha.4

package/dist/cjs/simpleStyleRegistry.cjs

@@ -33,4 +33,16 @@ ${contents}`, '');
         return this.sheets.entries().reduce((prev, [ruleId, contents])=>`${prev}
 <style id="${ruleId}">${contents}</style>`, '');
     }
+    /**
+   * returns an array of tuples, Array<[string, string]>,
+   * where the first item in the tuple is the ID for the style rule
+   * and the second item is the actual CSS.
+   * Use this if you need to fully-control how you're rendering
+   * style tags BUT BE SURE TO USE THE ID or else HMR
+   * won't work during local development
+   */ getRulesById() {
+        return [
+            ...this.sheets.entries()
+        ];
+    }
 }

package/dist/cjs/simpleStyleRegistry.d.ts

@@ -16,4 +16,13 @@ export declare class SimpleStyleRegistry {
      * mapped to their internal ruleset IDs
      */
     getHTML(): string;
+    /**
+     * returns an array of tuples, Array<[string, string]>,
+     * where the first item in the tuple is the ID for the style rule
+     * and the second item is the actual CSS.
+     * Use this if you need to fully-control how you're rendering
+     * style tags BUT BE SURE TO USE THE ID or else HMR
+     * won't work during local development
+     */
+    getRulesById(): [string, string][];
 }

package/dist/esm/simpleStyleRegistry.d.ts

@@ -16,4 +16,13 @@ export declare class SimpleStyleRegistry {
      * mapped to their internal ruleset IDs
      */
     getHTML(): string;
+    /**
+     * returns an array of tuples, Array<[string, string]>,
+     * where the first item in the tuple is the ID for the style rule
+     * and the second item is the actual CSS.
+     * Use this if you need to fully-control how you're rendering
+     * style tags BUT BE SURE TO USE THE ID or else HMR
+     * won't work during local development
+     */
+    getRulesById(): [string, string][];
 }

package/dist/esm/simpleStyleRegistry.mjs

@@ -28,4 +28,16 @@ ${contents}`, '');
         return this.sheets.entries().reduce((prev, [ruleId, contents])=>`${prev}
 <style id="${ruleId}">${contents}</style>`, '');
     }
+    /**
+   * returns an array of tuples, Array<[string, string]>,
+   * where the first item in the tuple is the ID for the style rule
+   * and the second item is the actual CSS.
+   * Use this if you need to fully-control how you're rendering
+   * style tags BUT BE SURE TO USE THE ID or else HMR
+   * won't work during local development
+   */ getRulesById() {
+        return [
+            ...this.sheets.entries()
+        ];
+    }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simplestyle-js",
-  "version": "3.4.2-alpha.3",
+  "version": "3.4.2-alpha.4",
   "description": "An incredibly straightforward and simple CSS-in-JS solution with zero runtime dependencies, and out-of-the-box TypeScript support",
   "type": "module",
   "repository": {