@chakra-ui/panda-preset 3.19.2 → 3.21.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 (5) hide show
  1. package/dist/cjs/semantic-tokens/colors.cjs +18 -18
  2. package/dist/cjs/slot-recipes/pin-input.cjs +7 -7
  3. package/dist/esm/semantic-tokens/colors.js +18 -18
  4. package/dist/esm/slot-recipes/pin-input.js +7 -7
  5. package/package.json +2 -2
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/pin-input.cjs CHANGED
@@ -38,49 +38,49 @@ const pinInputSlotRecipe = def.defineSlotRecipe({
38
38
  "2xs": {
39
39
  input: {
40
40
  textStyle: "xs",
41
- px: "2",
41
+ px: "1",
42
42
  "--input-height": "sizes.7"
43
43
  }
44
44
  },
45
45
  xs: {
46
46
  input: {
47
47
  textStyle: "xs",
48
- px: "2",
48
+ px: "1",
49
49
  "--input-height": "sizes.8"
50
50
  }
51
51
  },
52
52
  sm: {
53
53
  input: {
54
54
  textStyle: "sm",
55
- px: "2.5",
55
+ px: "1",
56
56
  "--input-height": "sizes.9"
57
57
  }
58
58
  },
59
59
  md: {
60
60
  input: {
61
61
  textStyle: "sm",
62
- px: "3",
62
+ px: "1",
63
63
  "--input-height": "sizes.10"
64
64
  }
65
65
  },
66
66
  lg: {
67
67
  input: {
68
68
  textStyle: "md",
69
- px: "4",
69
+ px: "1",
70
70
  "--input-height": "sizes.11"
71
71
  }
72
72
  },
73
73
  xl: {
74
74
  input: {
75
75
  textStyle: "md",
76
- px: "4.5",
76
+ px: "1",
77
77
  "--input-height": "sizes.12"
78
78
  }
79
79
  },
80
80
  "2xl": {
81
81
  input: {
82
82
  textStyle: "lg",
83
- px: "5",
83
+ px: "1",
84
84
  "--input-height": "sizes.16"
85
85
  }
86
86
  }
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/pin-input.js CHANGED
@@ -36,49 +36,49 @@ const pinInputSlotRecipe = defineSlotRecipe({
36
36
  "2xs": {
37
37
  input: {
38
38
  textStyle: "xs",
39
- px: "2",
39
+ px: "1",
40
40
  "--input-height": "sizes.7"
41
41
  }
42
42
  },
43
43
  xs: {
44
44
  input: {
45
45
  textStyle: "xs",
46
- px: "2",
46
+ px: "1",
47
47
  "--input-height": "sizes.8"
48
48
  }
49
49
  },
50
50
  sm: {
51
51
  input: {
52
52
  textStyle: "sm",
53
- px: "2.5",
53
+ px: "1",
54
54
  "--input-height": "sizes.9"
55
55
  }
56
56
  },
57
57
  md: {
58
58
  input: {
59
59
  textStyle: "sm",
60
- px: "3",
60
+ px: "1",
61
61
  "--input-height": "sizes.10"
62
62
  }
63
63
  },
64
64
  lg: {
65
65
  input: {
66
66
  textStyle: "md",
67
- px: "4",
67
+ px: "1",
68
68
  "--input-height": "sizes.11"
69
69
  }
70
70
  },
71
71
  xl: {
72
72
  input: {
73
73
  textStyle: "md",
74
- px: "4.5",
74
+ px: "1",
75
75
  "--input-height": "sizes.12"
76
76
  }
77
77
  },
78
78
  "2xl": {
79
79
  input: {
80
80
  textStyle: "lg",
81
- px: "5",
81
+ px: "1",
82
82
  "--input-height": "sizes.16"
83
83
  }
84
84
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@chakra-ui/panda-preset",
3
- "version": "3.19.2",
3
+ "version": "3.21.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.19.2"
52
+ "@chakra-ui/cli": "3.21.0"
53
53
  },
54
54
  "scripts": {
55
55
  "theme:eject": "chakra eject --outdir=src",