@solid-primitives/styles 0.0.101 → 0.0.102

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.
Files changed (6) hide show
  1. package/dist/dev.cjs +5 -10
  2. package/dist/dev.js +1 -1
  3. package/dist/index.cjs +5 -10
  4. package/dist/index.js +1 -1
  5. package/dist/server.cjs +3 -8
  6. package/package.json +38 -18
package/dist/dev.cjs CHANGED
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var rootless = require('@solid-primitives/rootless');
6
4
  var solidJs = require('solid-js');
7
5
 
@@ -14,9 +12,9 @@ var totallyHiddenStyles = {
14
12
  top: "-9999px",
15
13
  left: "-9999px"
16
14
  };
17
- var getRemSize = () => parseFloat(getComputedStyle(document.documentElement).fontSize);
15
+ exports.getRemSize = () => parseFloat(getComputedStyle(document.documentElement).fontSize);
18
16
  function createRemSize() {
19
- const [remSize, setRemSize] = solidJs.createSignal(getRemSize());
17
+ const [remSize, setRemSize] = solidJs.createSignal(exports.getRemSize());
20
18
  const el = document.createElement("div");
21
19
  Object.assign(el.style, totallyHiddenStyles, { width: "1rem" });
22
20
  document.body.appendChild(el);
@@ -24,7 +22,7 @@ function createRemSize() {
24
22
  const ro = new ResizeObserver(() => {
25
23
  if (init)
26
24
  return init = false;
27
- setRemSize(getRemSize());
25
+ setRemSize(exports.getRemSize());
28
26
  });
29
27
  ro.observe(el);
30
28
  solidJs.onCleanup(() => {
@@ -33,11 +31,8 @@ function createRemSize() {
33
31
  });
34
32
  return remSize;
35
33
  }
36
- var useRemSize = /* @__PURE__ */ rootless.createSharedRoot(createRemSize);
37
- var setServerRemSize = (size) => {
34
+ exports.useRemSize = /* @__PURE__ */ rootless.createSharedRoot(createRemSize);
35
+ exports.setServerRemSize = () => {
38
36
  };
39
37
 
40
38
  exports.createRemSize = createRemSize;
41
- exports.getRemSize = getRemSize;
42
- exports.setServerRemSize = setServerRemSize;
43
- exports.useRemSize = useRemSize;
package/dist/dev.js CHANGED
@@ -30,7 +30,7 @@ function createRemSize() {
30
30
  return remSize;
31
31
  }
32
32
  var useRemSize = /* @__PURE__ */ createSharedRoot(createRemSize);
33
- var setServerRemSize = (size) => {
33
+ var setServerRemSize = () => {
34
34
  };
35
35
 
36
36
  export { createRemSize, getRemSize, setServerRemSize, useRemSize };
package/dist/index.cjs CHANGED
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var rootless = require('@solid-primitives/rootless');
6
4
  var solidJs = require('solid-js');
7
5
 
@@ -14,9 +12,9 @@ var totallyHiddenStyles = {
14
12
  top: "-9999px",
15
13
  left: "-9999px"
16
14
  };
17
- var getRemSize = () => parseFloat(getComputedStyle(document.documentElement).fontSize);
15
+ exports.getRemSize = () => parseFloat(getComputedStyle(document.documentElement).fontSize);
18
16
  function createRemSize() {
19
- const [remSize, setRemSize] = solidJs.createSignal(getRemSize());
17
+ const [remSize, setRemSize] = solidJs.createSignal(exports.getRemSize());
20
18
  const el = document.createElement("div");
21
19
  Object.assign(el.style, totallyHiddenStyles, { width: "1rem" });
22
20
  document.body.appendChild(el);
@@ -24,7 +22,7 @@ function createRemSize() {
24
22
  const ro = new ResizeObserver(() => {
25
23
  if (init)
26
24
  return init = false;
27
- setRemSize(getRemSize());
25
+ setRemSize(exports.getRemSize());
28
26
  });
29
27
  ro.observe(el);
30
28
  solidJs.onCleanup(() => {
@@ -33,11 +31,8 @@ function createRemSize() {
33
31
  });
34
32
  return remSize;
35
33
  }
36
- var useRemSize = /* @__PURE__ */ rootless.createSharedRoot(createRemSize);
37
- var setServerRemSize = (size) => {
34
+ exports.useRemSize = /* @__PURE__ */ rootless.createSharedRoot(createRemSize);
35
+ exports.setServerRemSize = () => {
38
36
  };
39
37
 
40
38
  exports.createRemSize = createRemSize;
41
- exports.getRemSize = getRemSize;
42
- exports.setServerRemSize = setServerRemSize;
43
- exports.useRemSize = useRemSize;
package/dist/index.js CHANGED
@@ -30,7 +30,7 @@ function createRemSize() {
30
30
  return remSize;
31
31
  }
32
32
  var useRemSize = /* @__PURE__ */ createSharedRoot(createRemSize);
33
- var setServerRemSize = (size) => {
33
+ var setServerRemSize = () => {
34
34
  };
35
35
 
36
36
  export { createRemSize, getRemSize, setServerRemSize, useRemSize };
package/dist/server.cjs CHANGED
@@ -1,24 +1,19 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  require('@solid-primitives/rootless');
6
4
  require('solid-js');
7
5
 
8
6
  // src/index.ts
9
7
  var serverRemSize = 16;
10
- var getRemSize = () => serverRemSize ;
8
+ exports.getRemSize = () => serverRemSize ;
11
9
  function createRemSize() {
12
10
  {
13
11
  return () => serverRemSize;
14
12
  }
15
13
  }
16
- var useRemSize = () => () => serverRemSize ;
17
- var setServerRemSize = (size) => {
14
+ exports.useRemSize = () => () => serverRemSize ;
15
+ exports.setServerRemSize = (size) => {
18
16
  serverRemSize = size;
19
17
  } ;
20
18
 
21
19
  exports.createRemSize = createRemSize;
22
- exports.getRemSize = getRemSize;
23
- exports.setServerRemSize = setServerRemSize;
24
- exports.useRemSize = useRemSize;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@solid-primitives/styles",
3
- "version": "0.0.101",
3
+ "version": "0.0.102",
4
4
  "description": "Collection of reactive primitives focused on styles.",
5
5
  "author": "Damian Tarnawski <gthetaranv@gmail.com>",
6
6
  "contributors": [],
@@ -30,32 +30,57 @@
30
30
  "main": "./dist/server.cjs",
31
31
  "module": "./dist/server.js",
32
32
  "types": "./dist/index.d.ts",
33
+ "browser": {
34
+ "./dist/server.js": "./dist/index.js",
35
+ "./dist/server.cjs": "./dist/index.cjs"
36
+ },
33
37
  "exports": {
34
38
  "worker": {
35
- "import": "./dist/server.js",
39
+ "import": {
40
+ "types": "./dist/index.d.ts",
41
+ "default": "./dist/server.js"
42
+ },
36
43
  "require": "./dist/server.cjs"
37
44
  },
38
45
  "browser": {
39
46
  "development": {
40
- "import": "./dist/dev.js",
47
+ "import": {
48
+ "types": "./dist/index.d.ts",
49
+ "default": "./dist/dev.js"
50
+ },
41
51
  "require": "./dist/dev.cjs"
42
52
  },
43
- "import": "./dist/index.js",
53
+ "import": {
54
+ "types": "./dist/index.d.ts",
55
+ "default": "./dist/index.js"
56
+ },
44
57
  "require": "./dist/index.cjs"
45
58
  },
46
59
  "deno": {
47
- "import": "./dist/server.js",
60
+ "import": {
61
+ "types": "./dist/index.d.ts",
62
+ "default": "./dist/server.js"
63
+ },
48
64
  "require": "./dist/server.cjs"
49
65
  },
50
66
  "node": {
51
- "import": "./dist/server.js",
67
+ "import": {
68
+ "types": "./dist/index.d.ts",
69
+ "default": "./dist/server.js"
70
+ },
52
71
  "require": "./dist/server.cjs"
53
72
  },
54
73
  "development": {
55
- "import": "./dist/dev.js",
74
+ "import": {
75
+ "types": "./dist/index.d.ts",
76
+ "default": "./dist/dev.js"
77
+ },
56
78
  "require": "./dist/dev.cjs"
57
79
  },
58
- "import": "./dist/index.js",
80
+ "import": {
81
+ "types": "./dist/index.d.ts",
82
+ "default": "./dist/index.js"
83
+ },
59
84
  "require": "./dist/index.cjs"
60
85
  },
61
86
  "keywords": [
@@ -65,21 +90,16 @@
65
90
  "css"
66
91
  ],
67
92
  "dependencies": {
68
- "@solid-primitives/rootless": "^1.2.0"
69
- },
70
- "browser": {
71
- "./dist/server.cjs": "./dist/index.cjs",
72
- "./dist/server.js": "./dist/index.js"
73
- },
74
- "devDependencies": {
75
- "solid-js": "^1.5.0"
93
+ "@solid-primitives/rootless": "^1.2.2"
76
94
  },
77
95
  "peerDependencies": {
78
- "solid-js": "^1.5.0"
96
+ "solid-js": "^1.6.0"
79
97
  },
98
+ "typesVersions": {},
80
99
  "scripts": {
81
100
  "start": "vite serve dev --host",
82
- "dev": "npm run start",
101
+ "dev": "vite serve dev",
102
+ "page": "vite build dev",
83
103
  "build": "jiti ../../scripts/build.ts --ssr --dev",
84
104
  "test": "vitest -c ../../configs/vitest.config.ts",
85
105
  "test:ssr": "pnpm run test --mode ssr"