@pandacss/types 0.34.3 → 0.36.0

package/dist/artifact.d.ts

@@ -25,6 +25,7 @@ export type ArtifactId =
   | 'jsx-patterns'
   | 'jsx-patterns-index'
   | 'css-index'
+  | 'themes'
   | 'package.json'
   | 'types-jsx'
   | 'types-entry'

package/dist/conditions.d.ts

@@ -40,15 +40,13 @@ export interface ExtendableConditions {
 
 export type Condition = string
 
-export type Conditional<V> =
+export type ConditionalValue<V> =
   | V
   | Array<V | null>
   | {
-      [K in keyof Conditions]?: Conditional<V>
+      [K in keyof Conditions]?: ConditionalValue<V>
     }
 
-export type ConditionalValue<T> = Conditional<T>
-
 export type Nested<P> =
   | (P & {
       [K in Selectors]?: Nested<P>

package/dist/config.d.ts

@@ -2,7 +2,7 @@ import type { TSConfig } from 'pkg-types'
 import type { Conditions, ExtendableConditions } from './conditions'
 import type { PandaHooks } from './hooks'
 import type { PatternConfig } from './pattern'
-import type { Keys, PathIn, RequiredBy } from './shared'
+import type { Keys, LiteralUnion, PathIn, RequiredBy } from './shared'
 import type { StaticCssOptions } from './static-css'
 import type { ExtendableGlobalStyleObject, GlobalStyleObject } from './system-types'
 import type { ExtendableTheme, Theme } from './theme'
@@ -68,6 +68,10 @@ export interface PresetCore {
    * Common styling or layout patterns for your project.
    */
   patterns: Record<string, PatternConfig>
+  /**
+   * Multiple themes for your project.
+   */
+  themes?: ThemeVariantsMap
 }
 
 interface ExtendablePatterns {
@@ -79,6 +83,67 @@ interface ExtendableStaticCssOptions extends StaticCssOptions {
   extend?: StaticCssOptions | undefined
 }
 
+export type CssPropertySyntax =
+  | '<length>'
+  | '<number>'
+  | '<percentage>'
+  | '<length-percentage>'
+  | '<color>'
+  | '<image>'
+  | '<url>'
+  | '<integer>'
+  | '<angle>'
+  | '<time>'
+  | '<resolution>'
+  | '<transform-function>'
+  | '<length> | <percentage>'
+
+export interface CssPropertyDefinition {
+  /**
+   * Controls whether the custom property registration specified by @property inherits by default.
+   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@property/inherits
+   */
+  inherits: boolean
+  /**
+   * Sets the initial value for the property.
+   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@property/initial-value
+   */
+  initialValue: string
+  /**
+   * Describes the allowable syntax for the property.
+   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@property/syntax
+   */
+  syntax: LiteralUnion<CssPropertySyntax>
+}
+
+export interface GlobalVarsDefinition {
+  [key: string]: string | CssPropertyDefinition
+}
+
+interface ExtendableGlobalVars {
+  [key: string]: string | CssPropertyDefinition | GlobalVarsDefinition | undefined
+  extend?: GlobalVarsDefinition
+}
+
+export interface ThemeVariant extends Pick<Theme, 'tokens' | 'semanticTokens'> {
+  /**
+   * Selector attribute to use for the generated theme, can be any `data-*` attribute
+   * @default 'data-panda-theme'
+   * ```
+   *
+   */
+  attribute?: `data-${string}`
+}
+
+export interface ThemeVariantsMap {
+  [name: string]: ThemeVariant
+}
+
+interface ExtendableThemeVariantsMap {
+  [name: string]: ThemeVariantsMap | ThemeVariant | undefined
+  extend?: ThemeVariantsMap | undefined
+}
+
 export interface ExtendableOptions {
   /**
    * The css selectors or media queries shortcuts.
@@ -105,6 +170,14 @@ export interface ExtendableOptions {
    * Common styling or layout patterns for your project.
    */
   patterns?: ExtendablePatterns
+  /**
+   * The css variables for your project.
+   */
+  globalVars?: ExtendableGlobalVars
+  /**
+   * The theme variants for your project.
+   */
+  themes?: ExtendableThemeVariantsMap
 }
 
 export interface ImportMapInput {

package/dist/hooks.d.ts

@@ -125,6 +125,7 @@ export interface ConfigResolvedHookArgs {
   path: string
   dependencies: string[]
   utils: ConfigResolvedHookUtils
+  original?: LoadConfigResult['config']
 }
 
 export interface ConfigChangeHookArgs {
@@ -145,6 +146,7 @@ export interface ParserResultBeforeHookArgs {
   filePath: string
   content: string
   configure: (opts: ParserResultConfigureOptions) => void
+  original?: string
 }
 
 export interface ParserResultAfterHookArgs {

package/dist/parser.d.ts

@@ -18,6 +18,13 @@ export interface ParserResultInterface {
   filePath: string | undefined
   isEmpty: () => boolean
   toArray: () => Array<ResultItem>
+  set: (name: 'cva' | 'css' | 'sva', result: ResultItem) => void
+  setCss: (result: ResultItem) => void
+  setCva: (result: ResultItem) => void
+  setSva: (result: ResultItem) => void
+  setJsx: (result: ResultItem) => void
+  setPattern: (name: string, result: ResultItem) => void
+  setRecipe: (name: string, result: ResultItem) => void
 }
 
 export interface EncoderJson {

package/dist/recipe.d.ts

@@ -80,7 +80,7 @@ export type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefi
 
 interface RecipeConfigMeta {
   /**
-   * The name of the recipe.
+   * The class name of the recipe.
    */
   className: string
   /**
@@ -132,6 +132,10 @@ export interface SlotRecipeDefinition<
   S extends string = string,
   T extends SlotRecipeVariantRecord<S> = SlotRecipeVariantRecord<S>,
 > {
+  /**
+   * An optional class name that can be used to target slots in the DOM.
+   */
+  className?: string
   /**
    * The parts/slots of the recipe.
    */

package/dist/static-css.d.ts

@@ -43,4 +43,8 @@ export interface StaticCssOptions {
   patterns?: {
     [pattern: string]: PatternRule[]
   }
+  /**
+   * The CSS themes to generate
+   */
+  themes?: string[]
 }

package/dist/system-types.d.ts

@@ -1,4 +1,4 @@
-import type { ConditionalValue, Conditions, Nested } from './conditions'
+import type { ConditionalValue, Nested } from './conditions'
 import type { PropertiesFallback } from './csstype'
 import type { SystemProperties, CssVarProperties } from './style-props'
 
@@ -35,10 +35,6 @@ export interface CssKeyframes {
  * Conditional css properties
  * -----------------------------------------------------------------------------*/
 
-type MinimalNested<P> = {
-  [K in keyof Conditions]?: Nested<P>
-}
-
 interface GenericProperties {
   [key: string]: ConditionalValue<String | Number | boolean>
 }
@@ -71,7 +67,7 @@ export type CompositionStyleObject<Property extends string> = Nested<FilterStyle
 interface WithCss {
   css?: SystemStyleObject
 }
-type StyleProps = SystemProperties & MinimalNested<SystemStyleObject>
+type StyleProps = SystemStyleObject & WithCss
 
 export type JsxStyleProps = StyleProps & WithCss
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/types",
-  "version": "0.34.3",
+  "version": "0.36.0",
   "description": "The types for css panda",
   "main": "dist/index.d.ts",
   "author": "Segun Adebayo <joseshegs@gmail.com>",
@@ -30,7 +30,8 @@
     "microdiff": "1.3.2",
     "ncp": "2.0.0",
     "pkg-types": "1.0.3",
-    "@pandacss/extractor": "0.34.3"
+    "ts-morph": "21.0.1",
+    "@pandacss/extractor": "0.36.0"
   },
   "scripts": {
     "dev": "tsx scripts/watch.ts",