@pandacss/types 0.35.0 → 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/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.35.0",
+  "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.35.0"
+    "ts-morph": "21.0.1",
+    "@pandacss/extractor": "0.36.0"
   },
   "scripts": {
     "dev": "tsx scripts/watch.ts",