@pandacss/studio 1.4.2 → 1.5.0

package/dist/studio.mjs

@@ -1,4 +1,4 @@
-// ../../node_modules/.pnpm/tsup@8.5.0_@swc+core@1.13.3_jiti@2.4.2_postcss@8.5.6_tsx@4.20.3_typescript@5.8.3_yaml@2.7.0/node_modules/tsup/assets/esm_shims.js
+// ../../node_modules/.pnpm/tsup@8.5.0_@swc+core@1.13.5_jiti@2.4.2_postcss@8.5.6_tsx@4.20.6_typescript@5.8.3_yaml@2.7.0/node_modules/tsup/assets/esm_shims.js
 import path from "path";
 import { fileURLToPath } from "url";
 var getFilename = () => fileURLToPath(import.meta.url);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/studio",
-  "version": "1.4.2",
+  "version": "1.5.0",
   "description": "The automated token documentation for Panda CSS",
   "main": "dist/studio.js",
   "module": "dist/studio.mjs",
@@ -48,16 +48,16 @@
     "react": "19.1.1",
     "react-dom": "19.1.1",
     "vite": "7.0.6",
-    "@pandacss/config": "1.4.2",
-    "@pandacss/logger": "1.4.2",
-    "@pandacss/shared": "1.4.2",
-    "@pandacss/token-dictionary": "1.4.2",
-    "@pandacss/types": "1.4.2",
-    "@pandacss/astro-plugin-studio": "1.4.2"
+    "@pandacss/config": "1.5.0",
+    "@pandacss/logger": "1.5.0",
+    "@pandacss/shared": "1.5.0",
+    "@pandacss/token-dictionary": "1.5.0",
+    "@pandacss/types": "1.5.0",
+    "@pandacss/astro-plugin-studio": "1.5.0"
   },
   "devDependencies": {
-    "@types/react": "18.2.55",
-    "@types/react-dom": "18.2.19",
+    "@types/react": "19.2.2",
+    "@types/react-dom": "19.2.2",
     "@testing-library/react": "16.3.0"
   },
   "scripts": {

package/src/components/colors.tsx

@@ -1,4 +1,4 @@
-import type { Token, TokenExtensions } from '@pandacss/token-dictionary'
+import type { Token } from '@pandacss/token-dictionary'
 import * as React from 'react'
 import { Grid, HStack, Stack, panda } from '../../styled-system/jsx'
 import { ColorWrapper } from '../components/color-wrapper'

package/src/components/font-tokens.tsx

@@ -6,7 +6,7 @@ import { TokenGroup } from '../components/token-group'
 import { Input, Textarea } from './input'
 import { StickyTop } from './sticky-top'
 import { EmptyState } from './empty-state'
-import { TypographyIcon, XMarkIcon } from './icons'
+import { TypographyIcon } from './icons'
 
 interface FontTokensProps {
   text?: string

package/src/lib/color.ts

@@ -16,7 +16,7 @@ export const getContrastPairs = (colorA: string, colorB: string) => {
         fontSize: 18,
       },
     ])
-  } catch (error) {
+  } catch {
     //
   }
 
@@ -32,7 +32,7 @@ export const getContrastRatio = (colorA: string, colorB: string) => {
     luminanceA = contrastChecker.hexToLuminance(colorA)
     luminanceB = contrastChecker.hexToLuminance(colorB)
     ratio = contrastChecker.getContrastRatio(luminanceA, luminanceB)
-  } catch (error) {
+  } catch {
     //
   }
 

package/styled-system/jsx/create-style-context.d.ts

@@ -1,7 +1,7 @@
 /* eslint-disable */
 import type { SlotRecipeRuntimeFn, RecipeVariantProps } from '../types/recipe';
 import type { JsxHTMLProps, JsxStyleProps, Assign } from '../types/system-types';
-import type { JsxFactoryOptions, ComponentProps } from '../types/jsx';
+import type { JsxFactoryOptions, ComponentProps, DataAttrs } from '../types/jsx';
 import type { ComponentType, ElementType } from 'react'
 
 interface UnstyledProps {
@@ -19,7 +19,7 @@ type SlotRecipe = SvaFn | SlotRecipeFn
 type InferSlot<R extends SlotRecipe> = R extends SlotRecipeFn ? R['__slot'] : R extends SvaFn<infer S> ? S : never
 
 interface WithProviderOptions<P = {}> {
-  defaultProps?: Partial<P> | undefined
+  defaultProps?: (Partial<P> & DataAttrs) | undefined
 }
 
 type StyleContextProvider<T extends ElementType, R extends SlotRecipe> = ComponentType<

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

@@ -7,6 +7,8 @@ interface Dict {
   [k: string]: unknown
 }
 
+export type DataAttrs = Record<`data-${string}`, unknown>
+
 export interface UnstyledProps {
   /**
    * Whether to remove recipe styles
@@ -36,7 +38,7 @@ interface RecipeFn {
 
 export interface JsxFactoryOptions<TProps extends Dict> {
   dataAttr?: boolean
-  defaultProps?: Partial<TProps>
+  defaultProps?: Partial<TProps> & DataAttrs
   shouldForwardProp?: (prop: string, variantKeys: string[]) => boolean
   forwardProps?: string[]
 }