@pandacss/types 0.0.0-dev-20240315122725 → 0.0.0-dev-20240315210222

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

@@ -69,9 +69,9 @@ export interface PresetCore {
    */
   patterns: Record<string, PatternConfig>
   /**
-   * The css variables for your project.
+   * Multiple themes for your project.
    */
-  globalVars: GlobalVarsDefinition
+  themes?: ThemeVariantsMap
 }
 
 interface ExtendablePatterns {
@@ -121,8 +121,27 @@ export interface GlobalVarsDefinition {
 }
 
 interface ExtendableGlobalVars {
-  [key: string]: string | CssPropertyDefinition | ExtendableGlobalVars | undefined
-  extend?: 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 {
@@ -155,6 +174,10 @@ export interface ExtendableOptions {
    * 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/package.json

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