@solid-primitives/styles 0.0.105 → 0.0.106

package/README.md

@@ -44,7 +44,7 @@ createEffect(() => {
 
 ### `useRemSize`
 
-This primitive provides a [shared root](https://github.com/solidjs-community/solid-primitives/tree/main/packages/rootless#createSharedRoot) variant that will reuse signals, HTML elements and the ResizeObserver instance across all dependents that use it.
+This primitive provides a [singleton root](https://github.com/solidjs-community/solid-primitives/tree/main/packages/rootless#createSingletonRoot) variant that will reuse signals, HTML elements and the ResizeObserver instance across all dependents that use it.
 
 It's behavior is the same as [`createRemSize`](#createRemSize).
 

package/dist/dev.cjs

@@ -16,7 +16,7 @@ var totallyHiddenStyles = {
 };
 exports.getRemSize = () => parseFloat(getComputedStyle(document.documentElement).fontSize);
 function createRemSize() {
-  const [remSize, setRemSize] = utils.createHydrateSignal(serverRemSize, exports.getRemSize);
+  const [remSize, setRemSize] = utils.createHydratableSignal(serverRemSize, exports.getRemSize);
   const el = document.createElement("div");
   Object.assign(el.style, totallyHiddenStyles, { width: "1rem" });
   document.body.appendChild(el);
@@ -33,8 +33,7 @@ function createRemSize() {
   });
   return remSize;
 }
-var sharedRemSize = /* @__PURE__ */ rootless.createSharedRoot(createRemSize);
-exports.useRemSize = () => solidJs.sharedConfig.context ? createRemSize() : sharedRemSize();
+exports.useRemSize = /* @__PURE__ */ rootless.createHydratableSingletonRoot(createRemSize);
 exports.setServerRemSize = () => {
 };
 

package/dist/dev.js

@@ -1,6 +1,6 @@
-import { createSharedRoot } from '@solid-primitives/rootless';
-import { onCleanup, sharedConfig } from 'solid-js';
-import { createHydrateSignal } from '@solid-primitives/utils';
+import { createHydratableSingletonRoot } from '@solid-primitives/rootless';
+import { onCleanup } from 'solid-js';
+import { createHydratableSignal } from '@solid-primitives/utils';
 
 // src/index.ts
 var serverRemSize = 16;
@@ -14,7 +14,7 @@ var totallyHiddenStyles = {
 };
 var getRemSize = () => parseFloat(getComputedStyle(document.documentElement).fontSize);
 function createRemSize() {
-  const [remSize, setRemSize] = createHydrateSignal(serverRemSize, getRemSize);
+  const [remSize, setRemSize] = createHydratableSignal(serverRemSize, getRemSize);
   const el = document.createElement("div");
   Object.assign(el.style, totallyHiddenStyles, { width: "1rem" });
   document.body.appendChild(el);
@@ -31,8 +31,7 @@ function createRemSize() {
   });
   return remSize;
 }
-var sharedRemSize = /* @__PURE__ */ createSharedRoot(createRemSize);
-var useRemSize = () => sharedConfig.context ? createRemSize() : sharedRemSize();
+var useRemSize = /* @__PURE__ */ createHydratableSingletonRoot(createRemSize);
 var setServerRemSize = () => {
 };
 

package/dist/index.cjs

@@ -16,7 +16,7 @@ var totallyHiddenStyles = {
 };
 exports.getRemSize = () => parseFloat(getComputedStyle(document.documentElement).fontSize);
 function createRemSize() {
-  const [remSize, setRemSize] = utils.createHydrateSignal(serverRemSize, exports.getRemSize);
+  const [remSize, setRemSize] = utils.createHydratableSignal(serverRemSize, exports.getRemSize);
   const el = document.createElement("div");
   Object.assign(el.style, totallyHiddenStyles, { width: "1rem" });
   document.body.appendChild(el);
@@ -33,8 +33,7 @@ function createRemSize() {
   });
   return remSize;
 }
-var sharedRemSize = /* @__PURE__ */ rootless.createSharedRoot(createRemSize);
-exports.useRemSize = () => solidJs.sharedConfig.context ? createRemSize() : sharedRemSize();
+exports.useRemSize = /* @__PURE__ */ rootless.createHydratableSingletonRoot(createRemSize);
 exports.setServerRemSize = () => {
 };
 

package/dist/index.d.ts

@@ -7,7 +7,7 @@ declare const getRemSize: () => number;
 /**
  * Creates a reactive signal with value of the current rem size, and tracks it's changes.
  * @returns A signal with the current rem size in pixels.
- * @see [Primitive documentation](https://github.com/solidjs-community/solid-primitives/tree/main/packages/styles#createRemSize).
+ * @see https://github.com/solidjs-community/solid-primitives/tree/main/packages/styles#createRemSize.
  * @example
  * const remSize = createRemSize();
  * console.log(remSize()); // 16
@@ -16,10 +16,10 @@ declare function createRemSize(): Accessor<number>;
 /**
  * Returns a reactive signal with value of the current rem size, and tracks it's changes.
  *
- * This is a [shared root primitive](https://github.com/solidjs-community/solid-primitives/tree/main/packages/rootless#createSharedRoot) except if during hydration.
+ * This is a [singleton root primitive](https://github.com/solidjs-community/solid-primitives/tree/main/packages/rootless#createSingletonRoot) except if during hydration.
  *
  * @returns A signal with the current rem size in pixels.
- * @see [Primitive documentation](https://github.com/solidjs-community/solid-primitives/tree/main/packages/styles#useRemSize).
+ * @see https://github.com/solidjs-community/solid-primitives/tree/main/packages/styles#useRemSize.
  * @example
  * const remSize = useRemSize();
  * console.log(remSize()); // 16

package/dist/index.js

@@ -1,6 +1,6 @@
-import { createSharedRoot } from '@solid-primitives/rootless';
-import { onCleanup, sharedConfig } from 'solid-js';
-import { createHydrateSignal } from '@solid-primitives/utils';
+import { createHydratableSingletonRoot } from '@solid-primitives/rootless';
+import { onCleanup } from 'solid-js';
+import { createHydratableSignal } from '@solid-primitives/utils';
 
 // src/index.ts
 var serverRemSize = 16;
@@ -14,7 +14,7 @@ var totallyHiddenStyles = {
 };
 var getRemSize = () => parseFloat(getComputedStyle(document.documentElement).fontSize);
 function createRemSize() {
-  const [remSize, setRemSize] = createHydrateSignal(serverRemSize, getRemSize);
+  const [remSize, setRemSize] = createHydratableSignal(serverRemSize, getRemSize);
   const el = document.createElement("div");
   Object.assign(el.style, totallyHiddenStyles, { width: "1rem" });
   document.body.appendChild(el);
@@ -31,8 +31,7 @@ function createRemSize() {
   });
   return remSize;
 }
-var sharedRemSize = /* @__PURE__ */ createSharedRoot(createRemSize);
-var useRemSize = () => sharedConfig.context ? createRemSize() : sharedRemSize();
+var useRemSize = /* @__PURE__ */ createHydratableSingletonRoot(createRemSize);
 var setServerRemSize = () => {
 };
 

package/dist/server.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-require('@solid-primitives/rootless');
+var rootless = require('@solid-primitives/rootless');
 require('solid-js');
 require('@solid-primitives/utils');
 
@@ -12,7 +12,7 @@ function createRemSize() {
     return () => serverRemSize;
   }
 }
-exports.useRemSize = () => () => serverRemSize ;
+exports.useRemSize = /* @__PURE__ */ rootless.createHydratableSingletonRoot(createRemSize);
 exports.setServerRemSize = (size) => {
   serverRemSize = size;
 } ;

package/dist/server.js

@@ -1,4 +1,4 @@
-import '@solid-primitives/rootless';
+import { createHydratableSingletonRoot } from '@solid-primitives/rootless';
 import 'solid-js';
 import '@solid-primitives/utils';
 
@@ -10,7 +10,7 @@ function createRemSize() {
     return () => serverRemSize;
   }
 }
-var useRemSize = () => () => serverRemSize ;
+var useRemSize = /* @__PURE__ */ createHydratableSingletonRoot(createRemSize);
 var setServerRemSize = (size) => {
   serverRemSize = size;
 } ;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solid-primitives/styles",
-  "version": "0.0.105",
+  "version": "0.0.106",
   "description": "Collection of reactive primitives focused on styles.",
   "author": "Damian Tarnawski <gthetaranv@gmail.com>",
   "contributors": [
@@ -92,8 +92,8 @@
     "css"
   ],
   "dependencies": {
-    "@solid-primitives/rootless": "^1.2.6",
-    "@solid-primitives/utils": "^5.4.0"
+    "@solid-primitives/rootless": "^1.3.0",
+    "@solid-primitives/utils": "^5.5.0"
   },
   "peerDependencies": {
     "solid-js": "^1.6.0"