@chakra-ui/panda-preset 3.20.0 → 3.21.1

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 (5) hide show
  1. package/dist/cjs/semantic-tokens/colors.cjs +18 -18
  2. package/dist/cjs/slot-recipes/drawer.cjs +6 -2
  3. package/dist/esm/semantic-tokens/colors.js +18 -18
  4. package/dist/esm/slot-recipes/drawer.js +6 -2
  5. package/package.json +3 -3
package/dist/cjs/semantic-tokens/colors.cjs CHANGED
@@ -255,8 +255,8 @@ const colors = def.defineSemanticTokens.colors({
255
255
  },
256
256
  focusRing: {
257
257
  value: {
258
- _light: "{colors.red.400}",
259
- _dark: "{colors.red.400}"
258
+ _light: "{colors.red.500}",
259
+ _dark: "{colors.red.500}"
260
260
  }
261
261
  }
262
262
  },
@@ -299,8 +299,8 @@ const colors = def.defineSemanticTokens.colors({
299
299
  },
300
300
  focusRing: {
301
301
  value: {
302
- _light: "{colors.orange.400}",
303
- _dark: "{colors.orange.400}"
302
+ _light: "{colors.orange.500}",
303
+ _dark: "{colors.orange.500}"
304
304
  }
305
305
  }
306
306
  },
@@ -343,8 +343,8 @@ const colors = def.defineSemanticTokens.colors({
343
343
  },
344
344
  focusRing: {
345
345
  value: {
346
- _light: "{colors.green.400}",
347
- _dark: "{colors.green.400}"
346
+ _light: "{colors.green.500}",
347
+ _dark: "{colors.green.500}"
348
348
  }
349
349
  }
350
350
  },
@@ -387,8 +387,8 @@ const colors = def.defineSemanticTokens.colors({
387
387
  },
388
388
  focusRing: {
389
389
  value: {
390
- _light: "{colors.blue.400}",
391
- _dark: "{colors.blue.400}"
390
+ _light: "{colors.blue.500}",
391
+ _dark: "{colors.blue.500}"
392
392
  }
393
393
  }
394
394
  },
@@ -431,8 +431,8 @@ const colors = def.defineSemanticTokens.colors({
431
431
  },
432
432
  focusRing: {
433
433
  value: {
434
- _light: "{colors.yellow.400}",
435
- _dark: "{colors.yellow.400}"
434
+ _light: "{colors.yellow.500}",
435
+ _dark: "{colors.yellow.500}"
436
436
  }
437
437
  }
438
438
  },
@@ -475,8 +475,8 @@ const colors = def.defineSemanticTokens.colors({
475
475
  },
476
476
  focusRing: {
477
477
  value: {
478
- _light: "{colors.teal.400}",
479
- _dark: "{colors.teal.400}"
478
+ _light: "{colors.teal.500}",
479
+ _dark: "{colors.teal.500}"
480
480
  }
481
481
  }
482
482
  },
@@ -519,8 +519,8 @@ const colors = def.defineSemanticTokens.colors({
519
519
  },
520
520
  focusRing: {
521
521
  value: {
522
- _light: "{colors.purple.400}",
523
- _dark: "{colors.purple.400}"
522
+ _light: "{colors.purple.500}",
523
+ _dark: "{colors.purple.500}"
524
524
  }
525
525
  }
526
526
  },
@@ -563,8 +563,8 @@ const colors = def.defineSemanticTokens.colors({
563
563
  },
564
564
  focusRing: {
565
565
  value: {
566
- _light: "{colors.pink.400}",
567
- _dark: "{colors.pink.400}"
566
+ _light: "{colors.pink.500}",
567
+ _dark: "{colors.pink.500}"
568
568
  }
569
569
  }
570
570
  },
@@ -607,8 +607,8 @@ const colors = def.defineSemanticTokens.colors({
607
607
  },
608
608
  focusRing: {
609
609
  value: {
610
- _light: "{colors.cyan.400}",
611
- _dark: "{colors.cyan.400}"
610
+ _light: "{colors.cyan.500}",
611
+ _dark: "{colors.cyan.500}"
612
612
  }
613
613
  }
614
614
  }
package/dist/cjs/slot-recipes/drawer.cjs CHANGED
@@ -142,7 +142,8 @@ const drawerSlotRecipe = def.defineSlotRecipe({
142
142
  placement: {
143
143
  start: {
144
144
  positioner: {
145
- justifyContent: "flex-start"
145
+ justifyContent: "flex-start",
146
+ alignItems: "stretch"
146
147
  },
147
148
  content: {
148
149
  _open: {
@@ -161,7 +162,8 @@ const drawerSlotRecipe = def.defineSlotRecipe({
161
162
  },
162
163
  end: {
163
164
  positioner: {
164
- justifyContent: "flex-end"
165
+ justifyContent: "flex-end",
166
+ alignItems: "stretch"
165
167
  },
166
168
  content: {
167
169
  _open: {
@@ -180,6 +182,7 @@ const drawerSlotRecipe = def.defineSlotRecipe({
180
182
  },
181
183
  top: {
182
184
  positioner: {
185
+ justifyContent: "stretch",
183
186
  alignItems: "flex-start"
184
187
  },
185
188
  content: {
@@ -194,6 +197,7 @@ const drawerSlotRecipe = def.defineSlotRecipe({
194
197
  },
195
198
  bottom: {
196
199
  positioner: {
200
+ justifyContent: "stretch",
197
201
  alignItems: "flex-end"
198
202
  },
199
203
  content: {
package/dist/esm/semantic-tokens/colors.js CHANGED
@@ -253,8 +253,8 @@ const colors = defineSemanticTokens.colors({
253
253
  },
254
254
  focusRing: {
255
255
  value: {
256
- _light: "{colors.red.400}",
257
- _dark: "{colors.red.400}"
256
+ _light: "{colors.red.500}",
257
+ _dark: "{colors.red.500}"
258
258
  }
259
259
  }
260
260
  },
@@ -297,8 +297,8 @@ const colors = defineSemanticTokens.colors({
297
297
  },
298
298
  focusRing: {
299
299
  value: {
300
- _light: "{colors.orange.400}",
301
- _dark: "{colors.orange.400}"
300
+ _light: "{colors.orange.500}",
301
+ _dark: "{colors.orange.500}"
302
302
  }
303
303
  }
304
304
  },
@@ -341,8 +341,8 @@ const colors = defineSemanticTokens.colors({
341
341
  },
342
342
  focusRing: {
343
343
  value: {
344
- _light: "{colors.green.400}",
345
- _dark: "{colors.green.400}"
344
+ _light: "{colors.green.500}",
345
+ _dark: "{colors.green.500}"
346
346
  }
347
347
  }
348
348
  },
@@ -385,8 +385,8 @@ const colors = defineSemanticTokens.colors({
385
385
  },
386
386
  focusRing: {
387
387
  value: {
388
- _light: "{colors.blue.400}",
389
- _dark: "{colors.blue.400}"
388
+ _light: "{colors.blue.500}",
389
+ _dark: "{colors.blue.500}"
390
390
  }
391
391
  }
392
392
  },
@@ -429,8 +429,8 @@ const colors = defineSemanticTokens.colors({
429
429
  },
430
430
  focusRing: {
431
431
  value: {
432
- _light: "{colors.yellow.400}",
433
- _dark: "{colors.yellow.400}"
432
+ _light: "{colors.yellow.500}",
433
+ _dark: "{colors.yellow.500}"
434
434
  }
435
435
  }
436
436
  },
@@ -473,8 +473,8 @@ const colors = defineSemanticTokens.colors({
473
473
  },
474
474
  focusRing: {
475
475
  value: {
476
- _light: "{colors.teal.400}",
477
- _dark: "{colors.teal.400}"
476
+ _light: "{colors.teal.500}",
477
+ _dark: "{colors.teal.500}"
478
478
  }
479
479
  }
480
480
  },
@@ -517,8 +517,8 @@ const colors = defineSemanticTokens.colors({
517
517
  },
518
518
  focusRing: {
519
519
  value: {
520
- _light: "{colors.purple.400}",
521
- _dark: "{colors.purple.400}"
520
+ _light: "{colors.purple.500}",
521
+ _dark: "{colors.purple.500}"
522
522
  }
523
523
  }
524
524
  },
@@ -561,8 +561,8 @@ const colors = defineSemanticTokens.colors({
561
561
  },
562
562
  focusRing: {
563
563
  value: {
564
- _light: "{colors.pink.400}",
565
- _dark: "{colors.pink.400}"
564
+ _light: "{colors.pink.500}",
565
+ _dark: "{colors.pink.500}"
566
566
  }
567
567
  }
568
568
  },
@@ -605,8 +605,8 @@ const colors = defineSemanticTokens.colors({
605
605
  },
606
606
  focusRing: {
607
607
  value: {
608
- _light: "{colors.cyan.400}",
609
- _dark: "{colors.cyan.400}"
608
+ _light: "{colors.cyan.500}",
609
+ _dark: "{colors.cyan.500}"
610
610
  }
611
611
  }
612
612
  }
package/dist/esm/slot-recipes/drawer.js CHANGED
@@ -140,7 +140,8 @@ const drawerSlotRecipe = defineSlotRecipe({
140
140
  placement: {
141
141
  start: {
142
142
  positioner: {
143
- justifyContent: "flex-start"
143
+ justifyContent: "flex-start",
144
+ alignItems: "stretch"
144
145
  },
145
146
  content: {
146
147
  _open: {
@@ -159,7 +160,8 @@ const drawerSlotRecipe = defineSlotRecipe({
159
160
  },
160
161
  end: {
161
162
  positioner: {
162
- justifyContent: "flex-end"
163
+ justifyContent: "flex-end",
164
+ alignItems: "stretch"
163
165
  },
164
166
  content: {
165
167
  _open: {
@@ -178,6 +180,7 @@ const drawerSlotRecipe = defineSlotRecipe({
178
180
  },
179
181
  top: {
180
182
  positioner: {
183
+ justifyContent: "stretch",
181
184
  alignItems: "flex-start"
182
185
  },
183
186
  content: {
@@ -192,6 +195,7 @@ const drawerSlotRecipe = defineSlotRecipe({
192
195
  },
193
196
  bottom: {
194
197
  positioner: {
198
+ justifyContent: "stretch",
195
199
  alignItems: "flex-end"
196
200
  },
197
201
  content: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@chakra-ui/panda-preset",
3
- "version": "3.20.0",
3
+ "version": "3.21.1",
4
4
  "description": "Panda preset for Chakra UI",
5
5
  "type": "module",
6
6
  "main": "dist/cjs/index.cjs",
@@ -45,11 +45,11 @@
45
45
  "./package.json": "./package.json"
46
46
  },
47
47
  "dependencies": {
48
- "@pandacss/types": "^0.53.6"
48
+ "@pandacss/types": "^0.54.0"
49
49
  },
50
50
  "devDependencies": {
51
51
  "globby": "14.1.0",
52
- "@chakra-ui/cli": "3.20.0"
52
+ "@chakra-ui/cli": "3.21.1"
53
53
  },
54
54
  "scripts": {
55
55
  "theme:eject": "chakra eject --outdir=src",