@pandacss/types 0.48.1 → 0.50.0

package/dist/composition.d.ts

@@ -131,7 +131,33 @@ export type LayerStyle = CompositionStyleObject<LayerStyleProperty>
 
 export type LayerStyles = Recursive<Token<LayerStyle>>
 
+/* -----------------------------------------------------------------------------
+ * Motion styles
+ * -----------------------------------------------------------------------------*/
+
+type AnimationStyleProperty =
+  | 'animation'
+  | 'animationComposition'
+  | 'animationDelay'
+  | 'animationDirection'
+  | 'animationDuration'
+  | 'animationFillMode'
+  | 'animationIterationCount'
+  | 'animationName'
+  | 'animationPlayState'
+  | 'animationTimingFunction'
+  | 'animationRange'
+  | 'animationRangeStart'
+  | 'animationRangeEnd'
+  | 'animationTimeline'
+  | 'transformOrigin'
+
+export type AnimationStyle = CompositionStyleObject<AnimationStyleProperty>
+
+export type AnimationStyles = Recursive<Token<AnimationStyle>>
+
 export interface CompositionStyles {
   textStyles: TextStyles
   layerStyles: LayerStyles
+  animationStyles: AnimationStyles
 }

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export type * from './analyze-report'
+export type * from './reporter'
 export type * from './artifact'
 export type * from './composition'
 export type * from './conditions'

package/dist/{analyze-report.d.ts → reporter.d.ts}

@@ -1,4 +1,4 @@
-import type { Config } from './config'
+import type { ParserResultInterface } from './parser'
 
 export type ReportItemType =
   | 'css'
@@ -13,7 +13,7 @@ export type ReportItemType =
 
 type ComponentKind = 'component' | 'function'
 
-type Range = {
+interface PropertyLocationRange {
   startPosition: number
   startLineNumber: number
   startColumn: number
@@ -27,6 +27,7 @@ export interface PropertyReportItem {
   componentIndex: ComponentReportItem['componentIndex']
   componentName: ComponentReportItem['componentName']
   reportItemKind: 'token' | 'utility'
+  reportItemType: ReportItemType
 
   path: string[]
   conditionName?: string | undefined
@@ -36,7 +37,7 @@ export interface PropertyReportItem {
   tokenType?: string
   isKnownValue: boolean
 
-  range: Range
+  range: PropertyLocationRange | null
   filepath: string
 }
 
@@ -51,7 +52,8 @@ export interface ComponentReportItem extends Pick<PropertyReportItem, 'filepath'
   kind: ComponentKind
   contains: Array<PropertyReportItem['index']>
   value: Record<string, any>
-  range: Range
+  range: PropertyLocationRange | null
+  debug?: boolean
 }
 
 export interface ReportDerivedMaps {
@@ -68,6 +70,20 @@ export interface ReportDerivedMaps {
   colorsUsed: Map<string, Set<PropertyReportItem['index']>>
 }
 
+interface ReportDerivedMapsJSON {
+  byComponentOfKind: Record<ComponentKind, Array<ComponentReportItem['componentIndex']>>
+  byPropertyName: Record<string, Array<PropertyReportItem['index']>>
+  byTokenType: Record<string, Array<PropertyReportItem['index']>>
+  byConditionName: Record<string, Array<PropertyReportItem['index']>>
+  byShorthand: Record<string, Array<PropertyReportItem['index']>>
+  byTokenName: Record<string, Array<PropertyReportItem['index']>>
+  byPropertyPath: Record<string, Array<PropertyReportItem['index']>>
+  fromKind: Record<ComponentKind, Array<PropertyReportItem['index']>>
+  byType: Record<string, Array<PropertyReportItem['index']>>
+  byComponentName: Record<string, Array<PropertyReportItem['index']>>
+  colorsUsed: Record<string, Array<PropertyReportItem['index']>>
+}
+
 export interface ReportCounts {
   filesWithTokens: number
   propNameUsed: number
@@ -85,6 +101,7 @@ export interface MostUsedItem {
   key: string
   count: number
 }
+
 export interface ReportStats {
   filesWithMostComponent: Record<string, number>
   mostUseds: {
@@ -105,69 +122,45 @@ export interface ReportStats {
 export interface ReportDetails {
   counts: ReportCounts
   stats: ReportStats
-  fileSizes: FileSizes
-  duration: {
-    classify: number
-    cssMs: number
-    cssMinifyMs: number
-    extractTotal: number
-    extractTimeByFiles: Record<string, number>
-    lightningCssMs?: number
-    lightningCssMinifiedMs?: number
-  }
 }
 
-interface FileSizes {
-  normal: string
-  minified: string
-  gzip: {
-    normal: string
-    minified: string
-  }
-  lightningCss?: {
-    normal: string
-    minified: string
-  }
+export interface AnalysisOptions {
+  onResult?: (file: string, result: ParserResultInterface) => void
+}
+
+interface ReportDerivedMap {
+  byFilepath: Map<string, Set<PropertyReportItem['index']>>
+  byComponentInFilepath: Map<string, Set<ComponentReportItem['componentIndex']>>
+  globalMaps: ReportDerivedMaps
+  byFilePathMaps: Map<string, ReportDerivedMaps>
+}
+
+interface ReportDerivedMapJSON {
+  byFilepath: Record<string, Array<PropertyReportItem['index']>>
+  byComponentInFilepath: Record<string, Array<ComponentReportItem['componentIndex']>>
+  globalMaps: ReportDerivedMapsJSON
+  byFilePathMaps: Record<string, ReportDerivedMapsJSON>
 }
 
-export interface ReportSnapshot {
+export interface AnalysisReport {
   schemaVersion: string
   details: ReportDetails
-  config: Omit<Config, 'globalCss' | 'globalFontface'>
 
   propByIndex: Map<PropertyReportItem['index'], PropertyReportItem>
   componentByIndex: Map<ComponentReportItem['componentIndex'], ComponentReportItem>
 
-  derived: {
-    byFilepath: Map<string, Set<PropertyReportItem['index']>>
-    byComponentInFilepath: Map<string, Set<ComponentReportItem['componentIndex']>>
-    globalMaps: ReportDerivedMaps
-    byFilePathMaps: Map<string, ReportDerivedMaps>
-  }
-}
-
-interface ReportDerivedMapsJSON {
-  byComponentOfKind: Record<ComponentKind, Array<ComponentReportItem['componentIndex']>>
-  byPropertyName: Record<string, Array<PropertyReportItem['index']>>
-  byTokenType: Record<string, Array<PropertyReportItem['index']>>
-  byConditionName: Record<string, Array<PropertyReportItem['index']>>
-  byShorthand: Record<string, Array<PropertyReportItem['index']>>
-  byTokenName: Record<string, Array<PropertyReportItem['index']>>
-  byPropertyPath: Record<string, Array<PropertyReportItem['index']>>
-  fromKind: Record<ComponentKind, Array<PropertyReportItem['index']>>
-  byType: Record<string, Array<PropertyReportItem['index']>>
-  byComponentName: Record<string, Array<PropertyReportItem['index']>>
-  colorsUsed: Record<string, Array<PropertyReportItem['index']>>
+  derived: ReportDerivedMap
 }
 
-export interface ReportSnapshotJSON extends Omit<ReportSnapshot, 'propByIndex' | 'componentByIndex' | 'derived'> {
+export interface ReportSnapshotJSON extends Omit<AnalysisReport, 'propByIndex' | 'componentByIndex' | 'derived'> {
   propByIndex: Record<PropertyReportItem['index'], PropertyReportItem>
   componentByIndex: Record<ComponentReportItem['componentIndex'], ComponentReportItem>
+  derived: ReportDerivedMapJSON
+}
 
-  derived: {
-    byFilepath: Record<string, Array<PropertyReportItem['index']>>
-    byComponentInFilepath: Record<string, Array<ComponentReportItem['componentIndex']>>
-    globalMaps: ReportDerivedMapsJSON
-    byFilePathMaps: Record<string, ReportDerivedMapsJSON>
-  }
+export interface ClassifyReport {
+  propById: Map<string, PropertyReportItem>
+  componentById: Map<ComponentReportItem['componentIndex'], ComponentReportItem>
+  details: Pick<ReportDetails, 'counts' | 'stats'>
+  derived: ReportDerivedMap
 }

package/dist/theme.d.ts

@@ -1,4 +1,4 @@
-import type { LayerStyles, TextStyles } from './composition'
+import type { AnimationStyles, LayerStyles, TextStyles } from './composition'
 import type { RecipeConfig, SlotRecipeConfig } from './recipe'
 import type { CssKeyframes } from './system-types'
 import type { SemanticTokens, Tokens } from './tokens'
@@ -28,6 +28,10 @@ export interface Theme {
    * The layer styles for your project.
    */
   layerStyles?: LayerStyles
+  /**
+   * The animation styles for your project.
+   */
+  animationStyles?: AnimationStyles
   /**
    * Multi-variant style definitions for your project.
    * Useful for defining component styles.

package/dist/tokens.d.ts

@@ -42,10 +42,10 @@ export interface Border {
 }
 
 export interface Shadow {
-  offsetX: number
-  offsetY: number
-  blur: number
-  spread: number
+  offsetX: number | string
+  offsetY: number | string
+  blur: number | string
+  spread: number | string
   color: string
   inset?: boolean
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/types",
-  "version": "0.48.1",
+  "version": "0.50.0",
   "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.48.1"
+    "@pandacss/extractor": "0.50.0"
   },
   "scripts": {
     "dev": "tsx scripts/watch.ts",