@blockle/blocks-reset 0.21.6 → 0.21.8

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