@blockle/blocks-reset 0.21.8 → 0.23.0

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.
package/dist/index.d.ts CHANGED
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC"}
@@ -1 +1,2 @@
1
1
  export {};
2
+ //# sourceMappingURL=reset.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"reset.css.d.ts","sourceRoot":"","sources":["../src/reset.css.ts"],"names":[],"mappings":""}
package/dist/reset.css.js CHANGED
@@ -1,18 +1,14 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
- import { blocksLayerAtom } from "@blockle/blocks-core";
2
+ import { layers } from "@blockle/blocks-core";
3
3
  import { globalStyle } from "@vanilla-extract/css";
4
4
  setFileScope("src/reset.css.ts", "@blockle/blocks-reset");
5
5
  globalStyle(":where(*, *::before, *::after)", {
6
- "@layer": {
7
- [blocksLayerAtom]: {
8
- boxSizing: "inherit",
9
- WebkitTapHighlightColor: "transparent"
10
- }
11
- }
6
+ boxSizing: "inherit",
7
+ WebkitTapHighlightColor: "transparent"
12
8
  });
13
9
  globalStyle(":where(html)", {
14
10
  "@layer": {
15
- [blocksLayerAtom]: {
11
+ [layers.reset]: {
16
12
  lineHeight: 1.5,
17
13
  boxSizing: "border-box",
18
14
  WebkitFontSmoothing: "antialiased"
@@ -21,7 +17,7 @@ globalStyle(":where(html)", {
21
17
  });
22
18
  globalStyle(":where(body)", {
23
19
  "@layer": {
24
- [blocksLayerAtom]: {
20
+ [layers.reset]: {
25
21
  margin: 0,
26
22
  padding: 0,
27
23
  fontFamily: "Calibri, sans-serif"
@@ -30,7 +26,7 @@ globalStyle(":where(body)", {
30
26
  });
31
27
  globalStyle(":where(button, input, optgroup, select, textarea)", {
32
28
  "@layer": {
33
- [blocksLayerAtom]: {
29
+ [layers.reset]: {
34
30
  fontFamily: "inherit",
35
31
  fontSize: "100%",
36
32
  lineHeight: "inherit",
@@ -41,7 +37,7 @@ globalStyle(":where(button, input, optgroup, select, textarea)", {
41
37
  });
42
38
  globalStyle(":where(p, ul, ol, pre, blockquote)", {
43
39
  "@layer": {
44
- [blocksLayerAtom]: {
40
+ [layers.reset]: {
45
41
  margin: 0,
46
42
  padding: 0
47
43
  }
@@ -49,7 +45,7 @@ globalStyle(":where(p, ul, ol, pre, blockquote)", {
49
45
  });
50
46
  globalStyle(":where(h1, h2, h3, h4, h5, h6)", {
51
47
  "@layer": {
52
- [blocksLayerAtom]: {
48
+ [layers.reset]: {
53
49
  margin: 0,
54
50
  padding: 0,
55
51
  fontSize: "inherit"
@@ -58,14 +54,14 @@ globalStyle(":where(h1, h2, h3, h4, h5, h6)", {
58
54
  });
59
55
  globalStyle(":where(pre)", {
60
56
  "@layer": {
61
- [blocksLayerAtom]: {
57
+ [layers.reset]: {
62
58
  whiteSpace: "pre-wrap"
63
59
  }
64
60
  }
65
61
  });
66
62
  globalStyle(":where([popover])", {
67
63
  "@layer": {
68
- [blocksLayerAtom]: {
64
+ [layers.reset]: {
69
65
  border: "unset"
70
66
  }
71
67
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blockle/blocks-reset",
3
- "version": "0.21.8",
3
+ "version": "0.23.0",
4
4
  "description": "CSS reset for Blockle",
5
5
  "type": "module",
6
6
  "sideEffects": [
@@ -8,12 +8,8 @@
8
8
  ],
9
9
  "exports": {
10
10
  ".": {
11
- "types": {
12
- "import": "./dist/index.d.mts",
13
- "require": "./dist/index.d.ts"
14
- },
15
- "import": "./dist/index.js",
16
- "require": "./dist/index.cjs"
11
+ "types": "./dist/index.d.ts",
12
+ "import": "./dist/index.js"
17
13
  }
18
14
  },
19
15
  "files": [
@@ -43,6 +39,6 @@
43
39
  "@vanilla-extract/css": "^1.17.1"
44
40
  },
45
41
  "peerDependencies": {
46
- "@blockle/blocks-core": ">=0.21.10"
42
+ "@blockle/blocks-core": ">=1.0.x"
47
43
  }
48
44
  }
package/dist/index.cjs DELETED
@@ -1,2 +0,0 @@
1
- "use strict";
2
- require("./reset.css.cjs");
@@ -1,74 +0,0 @@
1
- "use strict";
2
- const fileScope = require("@vanilla-extract/css/fileScope");
3
- const blocksCore = require("@blockle/blocks-core");
4
- const css = require("@vanilla-extract/css");
5
- fileScope.setFileScope("src/reset.css.ts", "@blockle/blocks-reset");
6
- css.globalStyle(":where(*, *::before, *::after)", {
7
- "@layer": {
8
- [blocksCore.blocksLayerAtom]: {
9
- boxSizing: "inherit",
10
- WebkitTapHighlightColor: "transparent"
11
- }
12
- }
13
- });
14
- css.globalStyle(":where(html)", {
15
- "@layer": {
16
- [blocksCore.blocksLayerAtom]: {
17
- lineHeight: 1.5,
18
- boxSizing: "border-box",
19
- WebkitFontSmoothing: "antialiased"
20
- }
21
- }
22
- });
23
- css.globalStyle(":where(body)", {
24
- "@layer": {
25
- [blocksCore.blocksLayerAtom]: {
26
- margin: 0,
27
- padding: 0,
28
- fontFamily: "Calibri, sans-serif"
29
- }
30
- }
31
- });
32
- css.globalStyle(":where(button, input, optgroup, select, textarea)", {
33
- "@layer": {
34
- [blocksCore.blocksLayerAtom]: {
35
- fontFamily: "inherit",
36
- fontSize: "100%",
37
- lineHeight: "inherit",
38
- margin: 0,
39
- padding: 0
40
- }
41
- }
42
- });
43
- css.globalStyle(":where(p, ul, ol, pre, blockquote)", {
44
- "@layer": {
45
- [blocksCore.blocksLayerAtom]: {
46
- margin: 0,
47
- padding: 0
48
- }
49
- }
50
- });
51
- css.globalStyle(":where(h1, h2, h3, h4, h5, h6)", {
52
- "@layer": {
53
- [blocksCore.blocksLayerAtom]: {
54
- margin: 0,
55
- padding: 0,
56
- fontSize: "inherit"
57
- }
58
- }
59
- });
60
- css.globalStyle(":where(pre)", {
61
- "@layer": {
62
- [blocksCore.blocksLayerAtom]: {
63
- whiteSpace: "pre-wrap"
64
- }
65
- }
66
- });
67
- css.globalStyle(":where([popover])", {
68
- "@layer": {
69
- [blocksCore.blocksLayerAtom]: {
70
- border: "unset"
71
- }
72
- }
73
- });
74
- fileScope.endFileScope();