@blockle/blocks-react 1.1.1 → 1.1.2

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 (23) hide show
  1. package/dist/components/display/Divider/divider.css.cjs +1 -1
  2. package/dist/components/display/Divider/divider.css.js +2 -2
  3. package/dist/components/form/Button/Button.css.cjs +1 -1
  4. package/dist/components/form/Button/Button.css.js +2 -2
  5. package/dist/components/form/Checkbox/checkbox.css.cjs +2 -2
  6. package/dist/components/form/Checkbox/checkbox.css.js +3 -3
  7. package/dist/components/form/Input/input.css.cjs +1 -1
  8. package/dist/components/form/Input/input.css.js +2 -2
  9. package/dist/components/form/Radio/radio.css.cjs +2 -2
  10. package/dist/components/form/Radio/radio.css.js +3 -3
  11. package/dist/components/form/Select/select.css.cjs +3 -3
  12. package/dist/components/form/Select/select.css.js +4 -4
  13. package/dist/components/form/Slider/slider.css.cjs +5 -5
  14. package/dist/components/form/Slider/slider.css.js +6 -6
  15. package/dist/components/form/Switch/switch.css.cjs +2 -2
  16. package/dist/components/form/Switch/switch.css.js +3 -3
  17. package/dist/components/overlay/Dialog/dialog.css.cjs +1 -1
  18. package/dist/components/overlay/Dialog/dialog.css.js +2 -2
  19. package/dist/components/typography/Heading/heading.css.cjs +1 -1
  20. package/dist/components/typography/Heading/heading.css.js +2 -2
  21. package/dist/components/typography/Text/text.css.cjs +1 -1
  22. package/dist/components/typography/Text/text.css.js +2 -2
  23. package/package.json +1 -1
package/dist/components/display/Divider/divider.css.cjs CHANGED
@@ -6,7 +6,7 @@ const css = require("@vanilla-extract/css");
6
6
  fileScope.setFileScope("src/components/display/Divider/divider.css.ts", "@blockle/blocks-react");
7
7
  const divider = css.style({
8
8
  "@layer": {
9
- [blocksCore.blocksLayer]: {
9
+ [blocksCore.blocksLayerComponent]: {
10
10
  clear: "both",
11
11
  blockSize: "1px"
12
12
  }
package/dist/components/display/Divider/divider.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
- import { blocksLayer } from "@blockle/blocks-core";
2
+ import { blocksLayerComponent } from "@blockle/blocks-core";
3
3
  import { style } from "@vanilla-extract/css";
4
4
  setFileScope("src/components/display/Divider/divider.css.ts", "@blockle/blocks-react");
5
5
  const divider = style({
6
6
  "@layer": {
7
- [blocksLayer]: {
7
+ [blocksLayerComponent]: {
8
8
  clear: "both",
9
9
  blockSize: "1px"
10
10
  }
package/dist/components/form/Button/Button.css.cjs CHANGED
@@ -6,7 +6,7 @@ const css = require("@vanilla-extract/css");
6
6
  fileScope.setFileScope("src/components/form/Button/Button.css.ts", "@blockle/blocks-react");
7
7
  const buttonReset = css.style({
8
8
  "@layer": {
9
- [blocksCore.blocksLayer]: {
9
+ [blocksCore.blocksLayerComponent]: {
10
10
  all: "unset",
11
11
  cursor: "pointer"
12
12
  }
package/dist/components/form/Button/Button.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
- import { blocksLayer } from "@blockle/blocks-core";
2
+ import { blocksLayerComponent } from "@blockle/blocks-core";
3
3
  import { style } from "@vanilla-extract/css";
4
4
  setFileScope("src/components/form/Button/Button.css.ts", "@blockle/blocks-react");
5
5
  const buttonReset = style({
6
6
  "@layer": {
7
- [blocksLayer]: {
7
+ [blocksLayerComponent]: {
8
8
  all: "unset",
9
9
  cursor: "pointer"
10
10
  }
package/dist/components/form/Checkbox/checkbox.css.cjs CHANGED
@@ -6,7 +6,7 @@ const css = require("@vanilla-extract/css");
6
6
  fileScope.setFileScope("src/components/form/Checkbox/checkbox.css.ts", "@blockle/blocks-react");
7
7
  const container = css.style({
8
8
  "@layer": {
9
- [blocksCore.blocksLayer]: {
9
+ [blocksCore.blocksLayerComponent]: {
10
10
  position: "relative",
11
11
  cursor: "pointer",
12
12
  overflow: "hidden"
@@ -18,7 +18,7 @@ const input = css.style({
18
18
  inset: 0,
19
19
  opacity: 0,
20
20
  "@layer": {
21
- [blocksCore.blocksLayer]: {
21
+ [blocksCore.blocksLayerComponent]: {
22
22
  all: "unset"
23
23
  }
24
24
  }
package/dist/components/form/Checkbox/checkbox.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
- import { blocksLayer } from "@blockle/blocks-core";
2
+ import { blocksLayerComponent } from "@blockle/blocks-core";
3
3
  import { style } from "@vanilla-extract/css";
4
4
  setFileScope("src/components/form/Checkbox/checkbox.css.ts", "@blockle/blocks-react");
5
5
  const container = style({
6
6
  "@layer": {
7
- [blocksLayer]: {
7
+ [blocksLayerComponent]: {
8
8
  position: "relative",
9
9
  cursor: "pointer",
10
10
  overflow: "hidden"
@@ -16,7 +16,7 @@ const input = style({
16
16
  inset: 0,
17
17
  opacity: 0,
18
18
  "@layer": {
19
- [blocksLayer]: {
19
+ [blocksLayerComponent]: {
20
20
  all: "unset"
21
21
  }
22
22
  }
package/dist/components/form/Input/input.css.cjs CHANGED
@@ -6,7 +6,7 @@ const css = require("@vanilla-extract/css");
6
6
  fileScope.setFileScope("src/components/form/Input/input.css.ts", "@blockle/blocks-react");
7
7
  const input = css.style({
8
8
  "@layer": {
9
- [blocksCore.blocksLayer]: {
9
+ [blocksCore.blocksLayerComponent]: {
10
10
  appearance: "none",
11
11
  width: "100%",
12
12
  selectors: {
package/dist/components/form/Input/input.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
- import { blocksLayer } from "@blockle/blocks-core";
2
+ import { blocksLayerComponent } from "@blockle/blocks-core";
3
3
  import { style } from "@vanilla-extract/css";
4
4
  setFileScope("src/components/form/Input/input.css.ts", "@blockle/blocks-react");
5
5
  const input = style({
6
6
  "@layer": {
7
- [blocksLayer]: {
7
+ [blocksLayerComponent]: {
8
8
  appearance: "none",
9
9
  width: "100%",
10
10
  selectors: {
package/dist/components/form/Radio/radio.css.cjs CHANGED
@@ -6,7 +6,7 @@ const css = require("@vanilla-extract/css");
6
6
  fileScope.setFileScope("src/components/form/Radio/radio.css.ts", "@blockle/blocks-react");
7
7
  const container = css.style({
8
8
  "@layer": {
9
- [blocksCore.blocksLayer]: {
9
+ [blocksCore.blocksLayerComponent]: {
10
10
  position: "relative",
11
11
  cursor: "pointer",
12
12
  overflow: "hidden"
@@ -18,7 +18,7 @@ const input = css.style({
18
18
  inset: 0,
19
19
  opacity: 0,
20
20
  "@layer": {
21
- [blocksCore.blocksLayer]: {
21
+ [blocksCore.blocksLayerComponent]: {
22
22
  all: "unset"
23
23
  }
24
24
  }
package/dist/components/form/Radio/radio.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
- import { blocksLayer } from "@blockle/blocks-core";
2
+ import { blocksLayerComponent } from "@blockle/blocks-core";
3
3
  import { style } from "@vanilla-extract/css";
4
4
  setFileScope("src/components/form/Radio/radio.css.ts", "@blockle/blocks-react");
5
5
  const container = style({
6
6
  "@layer": {
7
- [blocksLayer]: {
7
+ [blocksLayerComponent]: {
8
8
  position: "relative",
9
9
  cursor: "pointer",
10
10
  overflow: "hidden"
@@ -16,7 +16,7 @@ const input = style({
16
16
  inset: 0,
17
17
  opacity: 0,
18
18
  "@layer": {
19
- [blocksLayer]: {
19
+ [blocksLayerComponent]: {
20
20
  all: "unset"
21
21
  }
22
22
  }
package/dist/components/form/Select/select.css.cjs CHANGED
@@ -6,14 +6,14 @@ const css = require("@vanilla-extract/css");
6
6
  fileScope.setFileScope("src/components/form/Select/select.css.ts", "@blockle/blocks-react");
7
7
  const wrapper = css.style({
8
8
  "@layer": {
9
- [blocksCore.blocksLayer]: {
9
+ [blocksCore.blocksLayerComponent]: {
10
10
  position: "relative"
11
11
  }
12
12
  }
13
13
  });
14
14
  const select = css.style({
15
15
  "@layer": {
16
- [blocksCore.blocksLayer]: {
16
+ [blocksCore.blocksLayerComponent]: {
17
17
  appearance: "none",
18
18
  inlineSize: "100%"
19
19
  }
@@ -21,7 +21,7 @@ const select = css.style({
21
21
  });
22
22
  const icon = css.style({
23
23
  "@layer": {
24
- [blocksCore.blocksLayer]: {
24
+ [blocksCore.blocksLayerComponent]: {
25
25
  position: "absolute",
26
26
  right: 0,
27
27
  top: 0,
package/dist/components/form/Select/select.css.js CHANGED
@@ -1,17 +1,17 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
- import { blocksLayer } from "@blockle/blocks-core";
2
+ import { blocksLayerComponent } from "@blockle/blocks-core";
3
3
  import { style } from "@vanilla-extract/css";
4
4
  setFileScope("src/components/form/Select/select.css.ts", "@blockle/blocks-react");
5
5
  const wrapper = style({
6
6
  "@layer": {
7
- [blocksLayer]: {
7
+ [blocksLayerComponent]: {
8
8
  position: "relative"
9
9
  }
10
10
  }
11
11
  });
12
12
  const select = style({
13
13
  "@layer": {
14
- [blocksLayer]: {
14
+ [blocksLayerComponent]: {
15
15
  appearance: "none",
16
16
  inlineSize: "100%"
17
17
  }
@@ -19,7 +19,7 @@ const select = style({
19
19
  });
20
20
  const icon = style({
21
21
  "@layer": {
22
- [blocksLayer]: {
22
+ [blocksLayerComponent]: {
23
23
  position: "absolute",
24
24
  right: 0,
25
25
  top: 0,
package/dist/components/form/Slider/slider.css.cjs CHANGED
@@ -6,7 +6,7 @@ const css = require("@vanilla-extract/css");
6
6
  fileScope.setFileScope("src/components/form/Slider/slider.css.ts", "@blockle/blocks-react");
7
7
  const container = css.style({
8
8
  "@layer": {
9
- [blocksCore.blocksLayer]: {
9
+ [blocksCore.blocksLayerComponent]: {
10
10
  position: "relative",
11
11
  writingMode: "horizontal-tb"
12
12
  }
@@ -14,14 +14,14 @@ const container = css.style({
14
14
  });
15
15
  const containerVertical = css.style({
16
16
  "@layer": {
17
- [blocksCore.blocksLayer]: {
17
+ [blocksCore.blocksLayerComponent]: {
18
18
  writingMode: "vertical-lr"
19
19
  }
20
20
  }
21
21
  });
22
22
  const track = css.style({
23
23
  "@layer": {
24
- [blocksCore.blocksLayer]: {
24
+ [blocksCore.blocksLayerComponent]: {
25
25
  cursor: "pointer",
26
26
  position: "absolute",
27
27
  inlineSize: "100%",
@@ -37,7 +37,7 @@ const track = css.style({
37
37
  });
38
38
  const filledTrack = css.style({
39
39
  "@layer": {
40
- [blocksCore.blocksLayer]: {
40
+ [blocksCore.blocksLayerComponent]: {
41
41
  position: "absolute",
42
42
  blockSize: "100%",
43
43
  borderRadius: "inherit",
@@ -51,7 +51,7 @@ const filledTrack = css.style({
51
51
  });
52
52
  const thumb = css.style({
53
53
  "@layer": {
54
- [blocksCore.blocksLayer]: {
54
+ [blocksCore.blocksLayerComponent]: {
55
55
  cursor: "pointer",
56
56
  position: "absolute",
57
57
  blockSize: "100%",
package/dist/components/form/Slider/slider.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
- import { blocksLayer } from "@blockle/blocks-core";
2
+ import { blocksLayerComponent } from "@blockle/blocks-core";
3
3
  import { style } from "@vanilla-extract/css";
4
4
  setFileScope("src/components/form/Slider/slider.css.ts", "@blockle/blocks-react");
5
5
  const container = style({
6
6
  "@layer": {
7
- [blocksLayer]: {
7
+ [blocksLayerComponent]: {
8
8
  position: "relative",
9
9
  writingMode: "horizontal-tb"
10
10
  }
@@ -12,14 +12,14 @@ const container = style({
12
12
  });
13
13
  const containerVertical = style({
14
14
  "@layer": {
15
- [blocksLayer]: {
15
+ [blocksLayerComponent]: {
16
16
  writingMode: "vertical-lr"
17
17
  }
18
18
  }
19
19
  });
20
20
  const track = style({
21
21
  "@layer": {
22
- [blocksLayer]: {
22
+ [blocksLayerComponent]: {
23
23
  cursor: "pointer",
24
24
  position: "absolute",
25
25
  inlineSize: "100%",
@@ -35,7 +35,7 @@ const track = style({
35
35
  });
36
36
  const filledTrack = style({
37
37
  "@layer": {
38
- [blocksLayer]: {
38
+ [blocksLayerComponent]: {
39
39
  position: "absolute",
40
40
  blockSize: "100%",
41
41
  borderRadius: "inherit",
@@ -49,7 +49,7 @@ const filledTrack = style({
49
49
  });
50
50
  const thumb = style({
51
51
  "@layer": {
52
- [blocksLayer]: {
52
+ [blocksLayerComponent]: {
53
53
  cursor: "pointer",
54
54
  position: "absolute",
55
55
  blockSize: "100%",
package/dist/components/form/Switch/switch.css.cjs CHANGED
@@ -6,7 +6,7 @@ const css = require("@vanilla-extract/css");
6
6
  fileScope.setFileScope("src/components/form/Switch/switch.css.ts", "@blockle/blocks-react");
7
7
  const container = css.style({
8
8
  "@layer": {
9
- [blocksCore.blocksLayer]: {
9
+ [blocksCore.blocksLayerComponent]: {
10
10
  cursor: "pointer",
11
11
  userSelect: "none",
12
12
  position: "relative"
@@ -15,7 +15,7 @@ const container = css.style({
15
15
  });
16
16
  const input = css.style({
17
17
  "@layer": {
18
- [blocksCore.blocksLayer]: {
18
+ [blocksCore.blocksLayerComponent]: {
19
19
  opacity: 0,
20
20
  maxBlockSize: 0,
21
21
  maxInlineSize: 0
package/dist/components/form/Switch/switch.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
- import { blocksLayer } from "@blockle/blocks-core";
2
+ import { blocksLayerComponent } from "@blockle/blocks-core";
3
3
  import { style } from "@vanilla-extract/css";
4
4
  setFileScope("src/components/form/Switch/switch.css.ts", "@blockle/blocks-react");
5
5
  const container = style({
6
6
  "@layer": {
7
- [blocksLayer]: {
7
+ [blocksLayerComponent]: {
8
8
  cursor: "pointer",
9
9
  userSelect: "none",
10
10
  position: "relative"
@@ -13,7 +13,7 @@ const container = style({
13
13
  });
14
14
  const input = style({
15
15
  "@layer": {
16
- [blocksLayer]: {
16
+ [blocksLayerComponent]: {
17
17
  opacity: 0,
18
18
  maxBlockSize: 0,
19
19
  maxInlineSize: 0
package/dist/components/overlay/Dialog/dialog.css.cjs CHANGED
@@ -6,7 +6,7 @@ const css = require("@vanilla-extract/css");
6
6
  fileScope.setFileScope("src/components/overlay/Dialog/dialog.css.ts", "@blockle/blocks-react");
7
7
  const dialog = css.style({
8
8
  "@layer": {
9
- [blocksCore.blocksLayer]: {
9
+ [blocksCore.blocksLayerComponent]: {
10
10
  position: "fixed",
11
11
  inset: 0,
12
12
  border: "none",
package/dist/components/overlay/Dialog/dialog.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
- import { blocksLayer } from "@blockle/blocks-core";
2
+ import { blocksLayerComponent } from "@blockle/blocks-core";
3
3
  import { style } from "@vanilla-extract/css";
4
4
  setFileScope("src/components/overlay/Dialog/dialog.css.ts", "@blockle/blocks-react");
5
5
  const dialog = style({
6
6
  "@layer": {
7
- [blocksLayer]: {
7
+ [blocksLayerComponent]: {
8
8
  position: "fixed",
9
9
  inset: 0,
10
10
  border: "none",
package/dist/components/typography/Heading/heading.css.cjs CHANGED
@@ -6,7 +6,7 @@ const css = require("@vanilla-extract/css");
6
6
  fileScope.setFileScope("src/components/typography/Heading/heading.css.ts", "@blockle/blocks-react");
7
7
  const heading = css.style({
8
8
  "@layer": {
9
- [blocksCore.blocksLayer]: {
9
+ [blocksCore.blocksLayerComponent]: {
10
10
  margin: 0,
11
11
  padding: 0
12
12
  }
package/dist/components/typography/Heading/heading.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
- import { blocksLayer } from "@blockle/blocks-core";
2
+ import { blocksLayerComponent } from "@blockle/blocks-core";
3
3
  import { style } from "@vanilla-extract/css";
4
4
  setFileScope("src/components/typography/Heading/heading.css.ts", "@blockle/blocks-react");
5
5
  const heading = style({
6
6
  "@layer": {
7
- [blocksLayer]: {
7
+ [blocksLayerComponent]: {
8
8
  margin: 0,
9
9
  padding: 0
10
10
  }
package/dist/components/typography/Text/text.css.cjs CHANGED
@@ -6,7 +6,7 @@ const css = require("@vanilla-extract/css");
6
6
  fileScope.setFileScope("src/components/typography/Text/text.css.ts", "@blockle/blocks-react");
7
7
  const text = css.style({
8
8
  "@layer": {
9
- [blocksCore.blocksLayer]: {
9
+ [blocksCore.blocksLayerComponent]: {
10
10
  margin: 0,
11
11
  padding: 0
12
12
  }
package/dist/components/typography/Text/text.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
- import { blocksLayer } from "@blockle/blocks-core";
2
+ import { blocksLayerComponent } from "@blockle/blocks-core";
3
3
  import { style } from "@vanilla-extract/css";
4
4
  setFileScope("src/components/typography/Text/text.css.ts", "@blockle/blocks-react");
5
5
  const text = style({
6
6
  "@layer": {
7
- [blocksLayer]: {
7
+ [blocksLayerComponent]: {
8
8
  margin: 0,
9
9
  padding: 0
10
10
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blockle/blocks-react",
3
- "version": "1.1.1",
3
+ "version": "1.1.2",
4
4
  "description": "React hooks and components for Blockle",
5
5
  "type": "module",
6
6
  "exports": {