@pandacss/studio 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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pandacss/studio",
3
- "version": "0.48.0",
3
+ "version": "0.49.0",
4
4
  "description": "The automated token documentation for Panda CSS",
5
5
  "main": "dist/studio.js",
6
6
  "module": "dist/studio.mjs",
@@ -43,17 +43,17 @@
43
43
  "author": "Segun Adebayo <joseshegs@gmail.com>",
44
44
  "license": "MIT",
45
45
  "dependencies": {
46
- "@astrojs/react": "3.6.2",
47
- "astro": "4.16.12",
46
+ "@astrojs/react": "3.6.3",
47
+ "astro": "4.16.16",
48
48
  "react": "18.2.0",
49
49
  "react-dom": "18.2.0",
50
50
  "vite": "5.4.11",
51
- "@pandacss/config": "0.48.0",
52
- "@pandacss/logger": "0.48.0",
53
- "@pandacss/shared": "0.48.0",
54
- "@pandacss/token-dictionary": "0.48.0",
55
- "@pandacss/types": "0.48.0",
56
- "@pandacss/astro-plugin-studio": "0.48.0"
51
+ "@pandacss/config": "0.49.0",
52
+ "@pandacss/logger": "0.49.0",
53
+ "@pandacss/shared": "0.49.0",
54
+ "@pandacss/token-dictionary": "0.49.0",
55
+ "@pandacss/types": "0.49.0",
56
+ "@pandacss/astro-plugin-studio": "0.49.0"
57
57
  },
58
58
  "devDependencies": {
59
59
  "@types/react": "18.2.55",
@@ -132,7 +132,33 @@ export type LayerStyle = CompositionStyleObject<LayerStyleProperty>
132
132
 
133
133
  export type LayerStyles = Recursive<Token<LayerStyle>>
134
134
 
135
+ /* -----------------------------------------------------------------------------
136
+ * Motion styles
137
+ * -----------------------------------------------------------------------------*/
138
+
139
+ type AnimationStyleProperty =
140
+ | 'animation'
141
+ | 'animationComposition'
142
+ | 'animationDelay'
143
+ | 'animationDirection'
144
+ | 'animationDuration'
145
+ | 'animationFillMode'
146
+ | 'animationIterationCount'
147
+ | 'animationName'
148
+ | 'animationPlayState'
149
+ | 'animationTimingFunction'
150
+ | 'animationRange'
151
+ | 'animationRangeStart'
152
+ | 'animationRangeEnd'
153
+ | 'animationTimeline'
154
+ | 'transformOrigin'
155
+
156
+ export type AnimationStyle = CompositionStyleObject<AnimationStyleProperty>
157
+
158
+ export type AnimationStyles = Recursive<Token<AnimationStyle>>
159
+
135
160
  export interface CompositionStyles {
136
161
  textStyles: TextStyles
137
162
  layerStyles: LayerStyles
163
+ animationStyles: AnimationStyles
138
164
  }
@@ -13,6 +13,7 @@ declare module '@pandacss/dev' {
13
13
  export function defineStyles(definition: SystemStyleObject): SystemStyleObject
14
14
  export function defineGlobalStyles(definition: GlobalStyleObject): Panda.GlobalStyleObject
15
15
  export function defineTextStyles(definition: CompositionStyles['textStyles']): Panda.TextStyles
16
+ export function defineAnimationStyles(definition: CompositionStyles['animationStyles']): Panda.AnimationStyles
16
17
  export function defineLayerStyles(definition: CompositionStyles['layerStyles']): Panda.LayerStyles
17
18
  export function definePattern<T extends PatternProperties>(config: PatternConfig<T>): Panda.PatternConfig
18
19
  export function defineParts<T extends Parts>(parts: T): (config: Partial<Record<keyof T, SystemStyleObject>>) => Partial<Record<keyof T, SystemStyleObject>>
@@ -161,7 +161,6 @@ export interface UtilityValues {
161
161
  caretColor: Tokens["colors"];
162
162
  scrollbar: "visible" | "hidden";
163
163
  scrollbarColor: Tokens["colors"];
164
- scrollbarGutter: Tokens["spacing"];
165
164
  scrollbarWidth: Tokens["sizes"];
166
165
  scrollMargin: Tokens["spacing"];
167
166
  scrollMarginLeft: Tokens["spacing"];
@@ -4840,7 +4840,7 @@ scrollbarColor?: ConditionalValue<UtilityValues["scrollbarColor"] | CssVars | Cs
4840
4840
  *
4841
4841
  * @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-gutter
4842
4842
  */
4843
- scrollbarGutter?: ConditionalValue<UtilityValues["scrollbarGutter"] | CssVars | CssProperties["scrollbarGutter"] | AnyString>
4843
+ scrollbarGutter?: ConditionalValue<CssProperties["scrollbarGutter"] | AnyString>
4844
4844
  /**
4845
4845
  * The **`scrollbar-width`** property allows the author to set the maximum thickness of an element's scrollbars when they are shown.
4846
4846
  *