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