@pandacss/types 0.48.0 → 0.49.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -131,7 +131,33 @@ export type LayerStyle = CompositionStyleObject<LayerStyleProperty>
131
131
 
132
132
  export type LayerStyles = Recursive<Token<LayerStyle>>
133
133
 
134
+ /* -----------------------------------------------------------------------------
135
+ * Motion styles
136
+ * -----------------------------------------------------------------------------*/
137
+
138
+ type AnimationStyleProperty =
139
+ | 'animation'
140
+ | 'animationComposition'
141
+ | 'animationDelay'
142
+ | 'animationDirection'
143
+ | 'animationDuration'
144
+ | 'animationFillMode'
145
+ | 'animationIterationCount'
146
+ | 'animationName'
147
+ | 'animationPlayState'
148
+ | 'animationTimingFunction'
149
+ | 'animationRange'
150
+ | 'animationRangeStart'
151
+ | 'animationRangeEnd'
152
+ | 'animationTimeline'
153
+ | 'transformOrigin'
154
+
155
+ export type AnimationStyle = CompositionStyleObject<AnimationStyleProperty>
156
+
157
+ export type AnimationStyles = Recursive<Token<AnimationStyle>>
158
+
134
159
  export interface CompositionStyles {
135
160
  textStyles: TextStyles
136
161
  layerStyles: LayerStyles
162
+ animationStyles: AnimationStyles
137
163
  }
package/dist/theme.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { LayerStyles, TextStyles } from './composition'
1
+ import type { AnimationStyles, LayerStyles, TextStyles } from './composition'
2
2
  import type { RecipeConfig, SlotRecipeConfig } from './recipe'
3
3
  import type { CssKeyframes } from './system-types'
4
4
  import type { SemanticTokens, Tokens } from './tokens'
@@ -28,6 +28,10 @@ export interface Theme {
28
28
  * The layer styles for your project.
29
29
  */
30
30
  layerStyles?: LayerStyles
31
+ /**
32
+ * The animation styles for your project.
33
+ */
34
+ animationStyles?: AnimationStyles
31
35
  /**
32
36
  * Multi-variant style definitions for your project.
33
37
  * Useful for defining component styles.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pandacss/types",
3
- "version": "0.48.0",
3
+ "version": "0.49.0",
4
4
  "description": "The types for css panda",
5
5
  "main": "dist/index.d.ts",
6
6
  "author": "Segun Adebayo <joseshegs@gmail.com>",
@@ -31,7 +31,7 @@
31
31
  "ncp": "2.0.0",
32
32
  "pkg-types": "1.0.3",
33
33
  "ts-morph": "21.0.1",
34
- "@pandacss/extractor": "0.48.0"
34
+ "@pandacss/extractor": "0.49.0"
35
35
  },
36
36
  "scripts": {
37
37
  "dev": "tsx scripts/watch.ts",