@chakra-ui/panda-preset 3.22.0 → 3.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.
Files changed (7) hide show
  1. package/dist/cjs/slot-recipes/dialog.cjs +5 -5
  2. package/dist/cjs/slot-recipes/editable.cjs +1 -1
  3. package/dist/cjs/slot-recipes/native-select.cjs +22 -10
  4. package/dist/esm/slot-recipes/dialog.js +5 -5
  5. package/dist/esm/slot-recipes/editable.js +1 -1
  6. package/dist/esm/slot-recipes/native-select.js +22 -10
  7. package/package.json +2 -2
package/dist/cjs/slot-recipes/dialog.cjs CHANGED
@@ -24,9 +24,9 @@ const dialogSlotRecipe = def.defineSlotRecipe({
24
24
  pos: "fixed",
25
25
  left: 0,
26
26
  top: 0,
27
- w: "100vw",
27
+ w: "100dvw",
28
28
  h: "100dvh",
29
- zIndex: "overlay",
29
+ zIndex: "var(--z-index)",
30
30
  _open: {
31
31
  animationName: "fade-in",
32
32
  animationDuration: "slow"
@@ -38,7 +38,7 @@ const dialogSlotRecipe = def.defineSlotRecipe({
38
38
  },
39
39
  positioner: {
40
40
  display: "flex",
41
- width: "100vw",
41
+ width: "100dvw",
42
42
  height: "100dvh",
43
43
  position: "fixed",
44
44
  left: 0,
@@ -191,8 +191,8 @@ const dialogSlotRecipe = def.defineSlotRecipe({
191
191
  },
192
192
  full: {
193
193
  content: {
194
- maxW: "100vw",
195
- minH: "100vh",
194
+ maxW: "100dvw",
195
+ minH: "100dvh",
196
196
  "--dialog-margin": "0",
197
197
  borderRadius: "0"
198
198
  }
package/dist/cjs/slot-recipes/editable.cjs CHANGED
@@ -36,7 +36,7 @@ const editableSlotRecipe = def.defineSlotRecipe({
36
36
  display: "inline-flex",
37
37
  alignItems: "center",
38
38
  transitionProperty: "common",
39
- transitionDuration: "normal",
39
+ transitionDuration: "moderate",
40
40
  cursor: "text",
41
41
  _hover: {
42
42
  bg: "bg.muted"
package/dist/cjs/slot-recipes/native-select.cjs CHANGED
@@ -20,6 +20,8 @@ const nativeSelectSlotRecipe = def.defineSlotRecipe({
20
20
  appearance: "none",
21
21
  borderRadius: "l2",
22
22
  "--error-color": "colors.border.error",
23
+ "--input-height": "var(--select-field-height)",
24
+ height: "var(--select-field-height)",
23
25
  _disabled: {
24
26
  layerStyle: "disabled"
25
27
  },
@@ -84,11 +86,13 @@ const nativeSelectSlotRecipe = def.defineSlotRecipe({
84
86
  },
85
87
  size: {
86
88
  xs: {
89
+ root: {
90
+ "--select-field-height": "sizes.8"
91
+ },
87
92
  field: {
88
93
  textStyle: "xs",
89
94
  ps: "2",
90
- pe: "6",
91
- height: "6"
95
+ pe: "6"
92
96
  },
93
97
  indicator: {
94
98
  textStyle: "sm",
@@ -96,11 +100,13 @@ const nativeSelectSlotRecipe = def.defineSlotRecipe({
96
100
  }
97
101
  },
98
102
  sm: {
103
+ root: {
104
+ "--select-field-height": "sizes.9"
105
+ },
99
106
  field: {
100
107
  textStyle: "sm",
101
108
  ps: "2.5",
102
- pe: "8",
103
- height: "8"
109
+ pe: "8"
104
110
  },
105
111
  indicator: {
106
112
  textStyle: "md",
@@ -108,11 +114,13 @@ const nativeSelectSlotRecipe = def.defineSlotRecipe({
108
114
  }
109
115
  },
110
116
  md: {
117
+ root: {
118
+ "--select-field-height": "sizes.10"
119
+ },
111
120
  field: {
112
121
  textStyle: "sm",
113
122
  ps: "3",
114
- pe: "8",
115
- height: "10"
123
+ pe: "8"
116
124
  },
117
125
  indicator: {
118
126
  textStyle: "lg",
@@ -120,11 +128,13 @@ const nativeSelectSlotRecipe = def.defineSlotRecipe({
120
128
  }
121
129
  },
122
130
  lg: {
131
+ root: {
132
+ "--select-field-height": "sizes.11"
133
+ },
123
134
  field: {
124
135
  textStyle: "md",
125
136
  ps: "4",
126
- pe: "8",
127
- height: "11"
137
+ pe: "8"
128
138
  },
129
139
  indicator: {
130
140
  textStyle: "xl",
@@ -132,11 +142,13 @@ const nativeSelectSlotRecipe = def.defineSlotRecipe({
132
142
  }
133
143
  },
134
144
  xl: {
145
+ root: {
146
+ "--select-field-height": "sizes.12"
147
+ },
135
148
  field: {
136
149
  textStyle: "md",
137
150
  ps: "4.5",
138
- pe: "10",
139
- height: "12"
151
+ pe: "10"
140
152
  },
141
153
  indicator: {
142
154
  textStyle: "xl",
package/dist/esm/slot-recipes/dialog.js CHANGED
@@ -22,9 +22,9 @@ const dialogSlotRecipe = defineSlotRecipe({
22
22
  pos: "fixed",
23
23
  left: 0,
24
24
  top: 0,
25
- w: "100vw",
25
+ w: "100dvw",
26
26
  h: "100dvh",
27
- zIndex: "overlay",
27
+ zIndex: "var(--z-index)",
28
28
  _open: {
29
29
  animationName: "fade-in",
30
30
  animationDuration: "slow"
@@ -36,7 +36,7 @@ const dialogSlotRecipe = defineSlotRecipe({
36
36
  },
37
37
  positioner: {
38
38
  display: "flex",
39
- width: "100vw",
39
+ width: "100dvw",
40
40
  height: "100dvh",
41
41
  position: "fixed",
42
42
  left: 0,
@@ -189,8 +189,8 @@ const dialogSlotRecipe = defineSlotRecipe({
189
189
  },
190
190
  full: {
191
191
  content: {
192
- maxW: "100vw",
193
- minH: "100vh",
192
+ maxW: "100dvw",
193
+ minH: "100dvh",
194
194
  "--dialog-margin": "0",
195
195
  borderRadius: "0"
196
196
  }
package/dist/esm/slot-recipes/editable.js CHANGED
@@ -34,7 +34,7 @@ const editableSlotRecipe = defineSlotRecipe({
34
34
  display: "inline-flex",
35
35
  alignItems: "center",
36
36
  transitionProperty: "common",
37
- transitionDuration: "normal",
37
+ transitionDuration: "moderate",
38
38
  cursor: "text",
39
39
  _hover: {
40
40
  bg: "bg.muted"
package/dist/esm/slot-recipes/native-select.js CHANGED
@@ -18,6 +18,8 @@ const nativeSelectSlotRecipe = defineSlotRecipe({
18
18
  appearance: "none",
19
19
  borderRadius: "l2",
20
20
  "--error-color": "colors.border.error",
21
+ "--input-height": "var(--select-field-height)",
22
+ height: "var(--select-field-height)",
21
23
  _disabled: {
22
24
  layerStyle: "disabled"
23
25
  },
@@ -82,11 +84,13 @@ const nativeSelectSlotRecipe = defineSlotRecipe({
82
84
  },
83
85
  size: {
84
86
  xs: {
87
+ root: {
88
+ "--select-field-height": "sizes.8"
89
+ },
85
90
  field: {
86
91
  textStyle: "xs",
87
92
  ps: "2",
88
- pe: "6",
89
- height: "6"
93
+ pe: "6"
90
94
  },
91
95
  indicator: {
92
96
  textStyle: "sm",
@@ -94,11 +98,13 @@ const nativeSelectSlotRecipe = defineSlotRecipe({
94
98
  }
95
99
  },
96
100
  sm: {
101
+ root: {
102
+ "--select-field-height": "sizes.9"
103
+ },
97
104
  field: {
98
105
  textStyle: "sm",
99
106
  ps: "2.5",
100
- pe: "8",
101
- height: "8"
107
+ pe: "8"
102
108
  },
103
109
  indicator: {
104
110
  textStyle: "md",
@@ -106,11 +112,13 @@ const nativeSelectSlotRecipe = defineSlotRecipe({
106
112
  }
107
113
  },
108
114
  md: {
115
+ root: {
116
+ "--select-field-height": "sizes.10"
117
+ },
109
118
  field: {
110
119
  textStyle: "sm",
111
120
  ps: "3",
112
- pe: "8",
113
- height: "10"
121
+ pe: "8"
114
122
  },
115
123
  indicator: {
116
124
  textStyle: "lg",
@@ -118,11 +126,13 @@ const nativeSelectSlotRecipe = defineSlotRecipe({
118
126
  }
119
127
  },
120
128
  lg: {
129
+ root: {
130
+ "--select-field-height": "sizes.11"
131
+ },
121
132
  field: {
122
133
  textStyle: "md",
123
134
  ps: "4",
124
- pe: "8",
125
- height: "11"
135
+ pe: "8"
126
136
  },
127
137
  indicator: {
128
138
  textStyle: "xl",
@@ -130,11 +140,13 @@ const nativeSelectSlotRecipe = defineSlotRecipe({
130
140
  }
131
141
  },
132
142
  xl: {
143
+ root: {
144
+ "--select-field-height": "sizes.12"
145
+ },
133
146
  field: {
134
147
  textStyle: "md",
135
148
  ps: "4.5",
136
- pe: "10",
137
- height: "12"
149
+ pe: "10"
138
150
  },
139
151
  indicator: {
140
152
  textStyle: "xl",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@chakra-ui/panda-preset",
3
- "version": "3.22.0",
3
+ "version": "3.23.0",
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.1.0",
52
- "@chakra-ui/cli": "3.22.0"
52
+ "@chakra-ui/cli": "3.23.0"
53
53
  },
54
54
  "scripts": {
55
55
  "theme:eject": "chakra eject --outdir=src",