@chakra-ui/panda-preset 3.3.0 → 3.3.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 (11) hide show
  1. package/dist/cjs/recipes/icon.cjs +8 -12
  2. package/dist/cjs/slot-recipes/menu.cjs +1 -4
  3. package/dist/cjs/slot-recipes/popover.cjs +1 -0
  4. package/dist/cjs/slot-recipes/select.cjs +1 -4
  5. package/dist/cjs/slot-recipes/toast.cjs +4 -1
  6. package/dist/esm/recipes/icon.js +8 -12
  7. package/dist/esm/slot-recipes/menu.js +1 -4
  8. package/dist/esm/slot-recipes/popover.js +1 -0
  9. package/dist/esm/slot-recipes/select.js +1 -4
  10. package/dist/esm/slot-recipes/toast.js +4 -1
  11. package/package.json +2 -2
package/dist/cjs/recipes/icon.cjs CHANGED
@@ -10,32 +10,28 @@ const iconRecipe = def.defineRecipe({
10
10
  lineHeight: "1em",
11
11
  flexShrink: "0",
12
12
  color: "currentcolor",
13
- verticalAlign: "middle",
14
- width: "var(--icon-size)",
15
- height: "var(--icon-size)"
13
+ verticalAlign: "middle"
16
14
  },
17
15
  variants: {
18
16
  size: {
19
- inherit: {
20
- "--icon-size": "1em"
21
- },
17
+ inherit: {},
22
18
  xs: {
23
- "--icon-size": "sizes.3"
19
+ boxSize: "sizes.3"
24
20
  },
25
21
  sm: {
26
- "--icon-size": "sizes.4"
22
+ boxSize: "sizes.4"
27
23
  },
28
24
  md: {
29
- "--icon-size": "sizes.5"
25
+ boxSize: "sizes.5"
30
26
  },
31
27
  lg: {
32
- "--icon-size": "sizes.6"
28
+ boxSize: "sizes.6"
33
29
  },
34
30
  xl: {
35
- "--icon-size": "sizes.7"
31
+ boxSize: "sizes.7"
36
32
  },
37
33
  "2xl": {
38
- "--icon-size": "sizes.8"
34
+ boxSize: "sizes.8"
39
35
  }
40
36
  }
41
37
  },
package/dist/cjs/slot-recipes/menu.cjs CHANGED
@@ -94,10 +94,7 @@ const menuSlotRecipe = def.defineSlotRecipe({
94
94
  subtle: {
95
95
  item: {
96
96
  _highlighted: {
97
- bg: {
98
- _light: "bg.muted",
99
- _dark: "bg.emphasized"
100
- }
97
+ bg: "bg.emphasized/60"
101
98
  }
102
99
  }
103
100
  },
package/dist/cjs/slot-recipes/popover.cjs CHANGED
@@ -40,6 +40,7 @@ const popoverSlotRecipe = def.defineSlotRecipe({
40
40
  zIndex: "calc(var(--popover-z-index) + var(--layer-index, 0))",
41
41
  outline: "0",
42
42
  transformOrigin: "var(--transform-origin)",
43
+ maxHeight: "var(--available-height)",
43
44
  _open: {
44
45
  animationStyle: "scale-fade-in",
45
46
  animationDuration: "fast"
package/dist/cjs/slot-recipes/select.cjs CHANGED
@@ -103,10 +103,7 @@ const selectSlotRecipe = def.defineSlotRecipe({
103
103
  textAlign: "start",
104
104
  borderRadius: "l1",
105
105
  _highlighted: {
106
- bg: {
107
- _light: "bg.muted",
108
- _dark: "bg.emphasized"
109
- }
106
+ bg: "bg.emphasized/60"
110
107
  },
111
108
  _disabled: {
112
109
  pointerEvents: "none",
package/dist/cjs/slot-recipes/toast.cjs CHANGED
@@ -98,7 +98,10 @@ const toastSlotRecipe = def.defineSlotRecipe({
98
98
  color: "{currentColor/60}",
99
99
  borderRadius: "l2",
100
100
  textStyle: "md",
101
- transition: "background 200ms"
101
+ transition: "background 200ms",
102
+ _icon: {
103
+ boxSize: "1em"
104
+ }
102
105
  }
103
106
  }
104
107
  });
package/dist/esm/recipes/icon.js CHANGED
@@ -8,32 +8,28 @@ const iconRecipe = defineRecipe({
8
8
  lineHeight: "1em",
9
9
  flexShrink: "0",
10
10
  color: "currentcolor",
11
- verticalAlign: "middle",
12
- width: "var(--icon-size)",
13
- height: "var(--icon-size)"
11
+ verticalAlign: "middle"
14
12
  },
15
13
  variants: {
16
14
  size: {
17
- inherit: {
18
- "--icon-size": "1em"
19
- },
15
+ inherit: {},
20
16
  xs: {
21
- "--icon-size": "sizes.3"
17
+ boxSize: "sizes.3"
22
18
  },
23
19
  sm: {
24
- "--icon-size": "sizes.4"
20
+ boxSize: "sizes.4"
25
21
  },
26
22
  md: {
27
- "--icon-size": "sizes.5"
23
+ boxSize: "sizes.5"
28
24
  },
29
25
  lg: {
30
- "--icon-size": "sizes.6"
26
+ boxSize: "sizes.6"
31
27
  },
32
28
  xl: {
33
- "--icon-size": "sizes.7"
29
+ boxSize: "sizes.7"
34
30
  },
35
31
  "2xl": {
36
- "--icon-size": "sizes.8"
32
+ boxSize: "sizes.8"
37
33
  }
38
34
  }
39
35
  },
package/dist/esm/slot-recipes/menu.js CHANGED
@@ -92,10 +92,7 @@ const menuSlotRecipe = defineSlotRecipe({
92
92
  subtle: {
93
93
  item: {
94
94
  _highlighted: {
95
- bg: {
96
- _light: "bg.muted",
97
- _dark: "bg.emphasized"
98
- }
95
+ bg: "bg.emphasized/60"
99
96
  }
100
97
  }
101
98
  },
package/dist/esm/slot-recipes/popover.js CHANGED
@@ -38,6 +38,7 @@ const popoverSlotRecipe = defineSlotRecipe({
38
38
  zIndex: "calc(var(--popover-z-index) + var(--layer-index, 0))",
39
39
  outline: "0",
40
40
  transformOrigin: "var(--transform-origin)",
41
+ maxHeight: "var(--available-height)",
41
42
  _open: {
42
43
  animationStyle: "scale-fade-in",
43
44
  animationDuration: "fast"
package/dist/esm/slot-recipes/select.js CHANGED
@@ -101,10 +101,7 @@ const selectSlotRecipe = defineSlotRecipe({
101
101
  textAlign: "start",
102
102
  borderRadius: "l1",
103
103
  _highlighted: {
104
- bg: {
105
- _light: "bg.muted",
106
- _dark: "bg.emphasized"
107
- }
104
+ bg: "bg.emphasized/60"
108
105
  },
109
106
  _disabled: {
110
107
  pointerEvents: "none",
package/dist/esm/slot-recipes/toast.js CHANGED
@@ -96,7 +96,10 @@ const toastSlotRecipe = defineSlotRecipe({
96
96
  color: "{currentColor/60}",
97
97
  borderRadius: "l2",
98
98
  textStyle: "md",
99
- transition: "background 200ms"
99
+ transition: "background 200ms",
100
+ _icon: {
101
+ boxSize: "1em"
102
+ }
100
103
  }
101
104
  }
102
105
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@chakra-ui/panda-preset",
3
- "version": "3.3.0",
3
+ "version": "3.3.2",
4
4
  "description": "Panda preset for Chakra UI",
5
5
  "type": "module",
6
6
  "main": "dist/cjs/index.cjs",
@@ -49,7 +49,7 @@
49
49
  },
50
50
  "devDependencies": {
51
51
  "globby": "14.0.2",
52
- "@chakra-ui/cli": "3.3.0"
52
+ "@chakra-ui/cli": "3.3.2"
53
53
  },
54
54
  "scripts": {
55
55
  "theme:eject": "chakra eject --outdir=src",