@pandacss/studio 0.37.1 → 0.37.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/studio",
-  "version": "0.37.1",
+  "version": "0.37.2",
   "description": "The automated token documentation for Panda CSS",
   "main": "dist/studio.js",
   "module": "dist/studio.mjs",
@@ -47,13 +47,13 @@
     "astro": "4.4.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "vite": "5.1.3",
-    "@pandacss/config": "0.37.1",
-    "@pandacss/logger": "0.37.1",
-    "@pandacss/shared": "0.37.1",
-    "@pandacss/token-dictionary": "0.37.1",
-    "@pandacss/types": "0.37.1",
-    "@pandacss/astro-plugin-studio": "0.37.1"
+    "vite": "5.1.7",
+    "@pandacss/config": "0.37.2",
+    "@pandacss/logger": "0.37.2",
+    "@pandacss/shared": "0.37.2",
+    "@pandacss/token-dictionary": "0.37.2",
+    "@pandacss/types": "0.37.2",
+    "@pandacss/astro-plugin-studio": "0.37.2"
   },
   "devDependencies": {
     "@types/react": "18.2.55",

package/styled-system/css/sva.mjs

@@ -1,4 +1,4 @@
-import { getSlotRecipes, memo, splitProps } from '../helpers.mjs';
+import { compact, getSlotRecipes, memo, splitProps } from '../helpers.mjs';
 import { cva } from './cva.mjs';
 import { cx } from './cx.mjs';
 
@@ -6,6 +6,7 @@ const slotClass = (className, slot) => className + '__' + slot
 
 export function sva(config) {
   const slots = Object.entries(getSlotRecipes(config)).map(([slot, slotCva]) => [slot, cva(slotCva)])
+  const defaultVariants = config.defaultVariants ?? {}
 
   function svaFn(props) {
     const result = slots.map(([slot, cvaFn]) => [slot, cx(cvaFn(props), config.className && slotClass(config.className, slot))])
@@ -23,6 +24,7 @@ export function sva(config) {
   function splitVariantProps(props) {
     return splitProps(props, variantKeys);
   }
+  const getVariantProps = (variants) => ({ ...(defaultVariants || {}), ...compact(variants) })
 
   const variantMap = Object.fromEntries(
     Object.entries(variants).map(([key, value]) => [key, Object.keys(value)])
@@ -34,5 +36,6 @@ export function sva(config) {
     variantMap,
     variantKeys,
     splitVariantProps,
+    getVariantProps,
   })
 }

package/styled-system/types/prop-type.d.ts

@@ -208,7 +208,7 @@ type WithColorOpacityModifier<T> = T extends string ? `${T}/${string}` : T
 type ImportantMark = "!" | "!important"
 type WhitespaceImportant = ` ${ImportantMark}`
 type Important = ImportantMark | WhitespaceImportant
-type WithImportant<T> = T extends string ? `${T}${Important}${string}` : T
+type WithImportant<T> = T extends string ? `${T}${Important}` & { __important?: true } : T;
 
 /**
  * Only relevant when using `strictTokens` or `strictPropertyValues` in your config.
@@ -226,7 +226,7 @@ type WithImportant<T> = T extends string ? `${T}${Important}${string}` : T
  * @see https://panda-css.com/docs/concepts/writing-styles#stricttokens
  * @see https://panda-css.com/docs/concepts/writing-styles#strictpropertyvalues
  */
-export type WithEscapeHatch<T> = T | `[${string}]` | (T extends string ? WithColorOpacityModifier<string> | WithImportant<T> : T)
+export type WithEscapeHatch<T> = T | `[${string}]` | WithColorOpacityModifier<T> | WithImportant<T>
 
 /**
  * Will restrict the value of properties that have predefined values to those values only.

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

@@ -123,6 +123,9 @@ export interface SlotRecipeRuntimeFn<S extends string, T extends SlotRecipeVaria
   raw: (props?: RecipeSelection<T>) => Record<S, SystemStyleObject>
   variantKeys: (keyof T)[]
   variantMap: RecipeVariantMap<T>
+  splitVariantProps<Props extends RecipeSelection<T>>(
+    props: Props,
+  ): [RecipeSelection<T>, Pretty<DistributiveOmit<Props, keyof T>>]
   getVariantProps: (props?: RecipeSelection<T>) => RecipeSelection<T>
 }