@pandacss/studio 1.3.1 → 1.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/studio",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "description": "The automated token documentation for Panda CSS",
   "main": "dist/studio.js",
   "module": "dist/studio.mjs",
@@ -48,12 +48,12 @@
     "react": "19.1.1",
     "react-dom": "19.1.1",
     "vite": "7.0.6",
-    "@pandacss/config": "1.3.1",
-    "@pandacss/logger": "1.3.1",
-    "@pandacss/shared": "1.3.1",
-    "@pandacss/token-dictionary": "1.3.1",
-    "@pandacss/types": "1.3.1",
-    "@pandacss/astro-plugin-studio": "1.3.1"
+    "@pandacss/config": "1.4.0",
+    "@pandacss/logger": "1.4.0",
+    "@pandacss/shared": "1.4.0",
+    "@pandacss/token-dictionary": "1.4.0",
+    "@pandacss/types": "1.4.0",
+    "@pandacss/astro-plugin-studio": "1.4.0"
   },
   "devDependencies": {
     "@types/react": "18.2.55",

package/styled-system/patterns/grid.mjs

@@ -15,7 +15,7 @@ transform(props, { map, isCssUnit }) {
   };
 },
 defaultValues(props) {
-  return { gap: props.columnGap || props.rowGap ? void 0 : "10px" };
+  return { gap: props.columnGap || props.rowGap ? void 0 : "8px" };
 }}
 
 export const getGridStyle = (styles = {}) => {

package/styled-system/patterns/hstack.mjs

@@ -13,7 +13,7 @@ transform(props) {
     ...rest
   };
 },
-defaultValues:{gap:'10px'}}
+defaultValues:{gap:'8px'}}
 
 export const getHstackStyle = (styles = {}) => {
   const _styles = getPatternStyles(hstackConfig, styles)

package/styled-system/patterns/stack.mjs

@@ -13,7 +13,7 @@ transform(props) {
     ...rest
   };
 },
-defaultValues:{direction:'column',gap:'10px'}}
+defaultValues:{direction:'column',gap:'8px'}}
 
 export const getStackStyle = (styles = {}) => {
   const _styles = getPatternStyles(stackConfig, styles)

package/styled-system/patterns/vstack.mjs

@@ -13,7 +13,7 @@ transform(props) {
     ...rest
   };
 },
-defaultValues:{gap:'10px'}}
+defaultValues:{gap:'8px'}}
 
 export const getVstackStyle = (styles = {}) => {
   const _styles = getPatternStyles(vstackConfig, styles)

package/styled-system/patterns/wrap.mjs

@@ -3,7 +3,7 @@ import { css } from '../css/index.mjs';
 
 const wrapConfig = {
 transform(props) {
-  const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "10px", align, justify, ...rest } = props;
+  const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "8px", align, justify, ...rest } = props;
   return {
     display: "flex",
     flexWrap: "wrap",

package/styled-system/styles.css

@@ -355,6 +355,7 @@
     --spacing-2\.5: 0.625rem;
     --spacing-3\.5: 0.875rem;
     --spacing-4\.5: 1.125rem;
+    --spacing-5\.5: 1.375rem;
     --sizes-0: 0rem;
     --sizes-1: 0.25rem;
     --sizes-2: 0.5rem;
@@ -390,6 +391,7 @@
     --sizes-2\.5: 0.625rem;
     --sizes-3\.5: 0.875rem;
     --sizes-4\.5: 1.125rem;
+    --sizes-5\.5: 1.375rem;
     --sizes-xs: 20rem;
     --sizes-sm: 24rem;
     --sizes-md: 28rem;
@@ -742,8 +744,8 @@
     background: var(--colors-neutral-800);
 }
 
-  .gap_10px {
-    gap: 10px;
+  .gap_8px {
+    gap: 8px;
 }
 
   .flex_1 {

package/styled-system/tokens/index.mjs

@@ -471,6 +471,10 @@ const tokens = {
     "value": "1.125rem",
     "variable": "var(--spacing-4\\.5)"
   },
+  "spacing.5.5": {
+    "value": "1.375rem",
+    "variable": "var(--spacing-5\\.5)"
+  },
   "sizes.0": {
     "value": "0rem",
     "variable": "var(--sizes-0)"
@@ -611,6 +615,10 @@ const tokens = {
     "value": "1.125rem",
     "variable": "var(--sizes-4\\.5)"
   },
+  "sizes.5.5": {
+    "value": "1.375rem",
+    "variable": "var(--sizes-5\\.5)"
+  },
   "sizes.xs": {
     "value": "20rem",
     "variable": "var(--sizes-xs)"
@@ -1883,6 +1891,10 @@ const tokens = {
     "value": "calc(var(--spacing-4\\.5) * -1)",
     "variable": "var(--spacing-4\\.5)"
   },
+  "spacing.-5.5": {
+    "value": "calc(var(--spacing-5\\.5) * -1)",
+    "variable": "var(--spacing-5\\.5)"
+  },
   "colors.colorPalette": {
     "value": "var(--colors-color-palette)",
     "variable": "var(--colors-color-palette)"

package/styled-system/tokens/tokens.d.ts

@@ -27,9 +27,9 @@ export type ShadowToken = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "in
 
 export type BlurToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl"
 
-export type SpacingToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-14" | "-16" | "-20" | "-24" | "-28" | "-32" | "-36" | "-40" | "-44" | "-48" | "-52" | "-56" | "-60" | "-64" | "-72" | "-80" | "-96" | "-0.5" | "-1.5" | "-2.5" | "-3.5" | "-4.5"
+export type SpacingToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-14" | "-16" | "-20" | "-24" | "-28" | "-32" | "-36" | "-40" | "-44" | "-48" | "-52" | "-56" | "-60" | "-64" | "-72" | "-80" | "-96" | "-0.5" | "-1.5" | "-2.5" | "-3.5" | "-4.5" | "-5.5"
 
-export type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "full" | "min" | "max" | "fit" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl" | "breakpoint-2xl"
+export type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "full" | "min" | "max" | "fit" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl" | "breakpoint-2xl"
 
 export type AnimationToken = "spin" | "ping" | "pulse" | "bounce"
 

package/styled-system/types/conditions.d.ts

@@ -46,7 +46,7 @@ export interface Conditions {
 	"_firstLetter": string
 	/** `&::first-line` */
 	"_firstLine": string
-	/** `&:is(::marker, ::-webkit-details-marker)` */
+	/** `&::marker, &::-webkit-details-marker` */
 	"_marker": string
 	/** `&::selection` */
 	"_selection": string