@pandacss/studio 0.0.0-dev-20240402212239 → 0.0.0-dev-20240403113532

package/package.json

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

package/styled-system/css/cva.mjs

@@ -11,9 +11,10 @@ const defaults = (conf) => ({
 
 export function cva(config) {
   const { base, variants, defaultVariants, compoundVariants } = defaults(config)
+  const getVariantProps = (variants) => ({ ...defaultVariants, ...compact(variants) })
 
   function resolve(props = {}) {
-    const computedVariants = { ...defaultVariants, ...compact(props) }
+    const computedVariants = getVariantProps(props)
     let variantCss = { ...base }
     for (const [key, value] of Object.entries(computedVariants)) {
       if (variants[key]?.[value]) {
@@ -57,6 +58,7 @@ export function cva(config) {
     config,
     merge,
     splitVariantProps,
+    getVariantProps
   })
 }
 

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/recipe.d.ts

@@ -46,6 +46,7 @@ export interface RecipeRuntimeFn<T extends RecipeVariantRecord> extends RecipeVa
   splitVariantProps<Props extends RecipeSelection<T>>(
     props: Props,
   ): [RecipeSelection<T>, Pretty<DistributiveOmit<Props, keyof T>>]
+  getVariantProps: (props?: RecipeSelection<T>) => RecipeSelection<T>
 }
 
 type OneOrMore<T> = T | Array<T>
@@ -122,7 +123,10 @@ 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<Omit<Props, keyof T>>]
+  splitVariantProps<Props extends RecipeSelection<T>>(
+    props: Props,
+  ): [RecipeSelection<T>, Pretty<DistributiveOmit<Props, keyof T>>]
+  getVariantProps: (props?: RecipeSelection<T>) => RecipeSelection<T>
 }
 
 export type SlotRecipeCompoundVariant<S extends string, T> = T & {