@pandacss/studio 0.12.2 → 0.13.1

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.
Files changed (122) hide show
  1. package/package.json +8 -8
  2. package/styled-system/css/conditions.mjs +16 -18
  3. package/styled-system/css/css.d.ts +1 -1
  4. package/styled-system/css/css.mjs +12 -11
  5. package/styled-system/css/cva.d.ts +2 -2
  6. package/styled-system/css/cva.mjs +2 -2
  7. package/styled-system/css/cx.mjs +1 -1
  8. package/styled-system/css/index.d.ts +4 -4
  9. package/styled-system/css/index.mjs +4 -4
  10. package/styled-system/css/sva.d.ts +1 -1
  11. package/styled-system/css/sva.mjs +10 -8
  12. package/styled-system/global.css +30 -33
  13. package/styled-system/helpers.mjs +165 -154
  14. package/styled-system/jsx/aspect-ratio.d.ts +3 -3
  15. package/styled-system/jsx/aspect-ratio.mjs +5 -5
  16. package/styled-system/jsx/bleed.d.ts +3 -3
  17. package/styled-system/jsx/bleed.mjs +5 -5
  18. package/styled-system/jsx/box.d.ts +3 -3
  19. package/styled-system/jsx/box.mjs +4 -4
  20. package/styled-system/jsx/center.d.ts +3 -3
  21. package/styled-system/jsx/center.mjs +5 -5
  22. package/styled-system/jsx/circle.d.ts +3 -3
  23. package/styled-system/jsx/circle.mjs +5 -5
  24. package/styled-system/jsx/container.d.ts +3 -3
  25. package/styled-system/jsx/container.mjs +4 -4
  26. package/styled-system/jsx/divider.d.ts +3 -3
  27. package/styled-system/jsx/divider.mjs +5 -5
  28. package/styled-system/jsx/factory.d.ts +1 -1
  29. package/styled-system/jsx/factory.mjs +19 -18
  30. package/styled-system/jsx/flex.d.ts +3 -3
  31. package/styled-system/jsx/flex.mjs +5 -5
  32. package/styled-system/jsx/float.d.ts +3 -3
  33. package/styled-system/jsx/float.mjs +5 -5
  34. package/styled-system/jsx/grid-item.d.ts +3 -3
  35. package/styled-system/jsx/grid-item.mjs +5 -5
  36. package/styled-system/jsx/grid.d.ts +3 -3
  37. package/styled-system/jsx/grid.mjs +5 -5
  38. package/styled-system/jsx/hstack.d.ts +3 -3
  39. package/styled-system/jsx/hstack.mjs +5 -5
  40. package/styled-system/jsx/index.d.ts +27 -24
  41. package/styled-system/jsx/index.mjs +23 -23
  42. package/styled-system/jsx/is-valid-prop.mjs +13 -12
  43. package/styled-system/jsx/link-box.d.ts +3 -3
  44. package/styled-system/jsx/link-box.mjs +4 -4
  45. package/styled-system/jsx/link-overlay.d.ts +3 -3
  46. package/styled-system/jsx/link-overlay.mjs +4 -4
  47. package/styled-system/jsx/spacer.d.ts +3 -3
  48. package/styled-system/jsx/spacer.mjs +5 -5
  49. package/styled-system/jsx/square.d.ts +3 -3
  50. package/styled-system/jsx/square.mjs +5 -5
  51. package/styled-system/jsx/stack.d.ts +3 -3
  52. package/styled-system/jsx/stack.mjs +5 -5
  53. package/styled-system/jsx/styled-link.d.ts +3 -3
  54. package/styled-system/jsx/styled-link.mjs +4 -4
  55. package/styled-system/jsx/visually-hidden.d.ts +3 -3
  56. package/styled-system/jsx/visually-hidden.mjs +4 -4
  57. package/styled-system/jsx/vstack.d.ts +3 -3
  58. package/styled-system/jsx/vstack.mjs +5 -5
  59. package/styled-system/jsx/wrap.d.ts +3 -3
  60. package/styled-system/jsx/wrap.mjs +5 -5
  61. package/styled-system/patterns/aspect-ratio.d.ts +5 -5
  62. package/styled-system/patterns/aspect-ratio.mjs +29 -30
  63. package/styled-system/patterns/bleed.d.ts +5 -5
  64. package/styled-system/patterns/bleed.mjs +13 -14
  65. package/styled-system/patterns/box.d.ts +5 -5
  66. package/styled-system/patterns/box.mjs +6 -7
  67. package/styled-system/patterns/center.d.ts +5 -5
  68. package/styled-system/patterns/center.mjs +12 -13
  69. package/styled-system/patterns/circle.d.ts +5 -5
  70. package/styled-system/patterns/circle.mjs +16 -17
  71. package/styled-system/patterns/container.d.ts +5 -5
  72. package/styled-system/patterns/container.mjs +12 -13
  73. package/styled-system/patterns/divider.d.ts +5 -5
  74. package/styled-system/patterns/divider.mjs +15 -16
  75. package/styled-system/patterns/flex.d.ts +5 -5
  76. package/styled-system/patterns/flex.mjs +17 -18
  77. package/styled-system/patterns/float.d.ts +5 -5
  78. package/styled-system/patterns/float.mjs +39 -40
  79. package/styled-system/patterns/grid-item.d.ts +5 -5
  80. package/styled-system/patterns/grid-item.mjs +16 -17
  81. package/styled-system/patterns/grid.d.ts +5 -5
  82. package/styled-system/patterns/grid.mjs +14 -20
  83. package/styled-system/patterns/hstack.d.ts +5 -5
  84. package/styled-system/patterns/hstack.mjs +14 -15
  85. package/styled-system/patterns/index.d.ts +21 -21
  86. package/styled-system/patterns/index.mjs +21 -21
  87. package/styled-system/patterns/link-box.d.ts +5 -5
  88. package/styled-system/patterns/link-box.mjs +13 -14
  89. package/styled-system/patterns/link-overlay.d.ts +5 -5
  90. package/styled-system/patterns/link-overlay.mjs +18 -19
  91. package/styled-system/patterns/spacer.d.ts +5 -5
  92. package/styled-system/patterns/spacer.mjs +12 -13
  93. package/styled-system/patterns/square.d.ts +5 -5
  94. package/styled-system/patterns/square.mjs +15 -16
  95. package/styled-system/patterns/stack.d.ts +5 -5
  96. package/styled-system/patterns/stack.mjs +14 -15
  97. package/styled-system/patterns/styled-link.d.ts +5 -5
  98. package/styled-system/patterns/styled-link.mjs +12 -13
  99. package/styled-system/patterns/visually-hidden.d.ts +5 -5
  100. package/styled-system/patterns/visually-hidden.mjs +9 -10
  101. package/styled-system/patterns/vstack.d.ts +5 -5
  102. package/styled-system/patterns/vstack.mjs +14 -15
  103. package/styled-system/patterns/wrap.d.ts +5 -5
  104. package/styled-system/patterns/wrap.mjs +16 -17
  105. package/styled-system/reset.css +4 -3
  106. package/styled-system/static.css +3 -3
  107. package/styled-system/styles.css +50 -50
  108. package/styled-system/tokens/index.css +434 -434
  109. package/styled-system/tokens/index.d.ts +2 -2
  110. package/styled-system/tokens/index.mjs +1419 -1421
  111. package/styled-system/tokens/keyframes.css +23 -25
  112. package/styled-system/types/composition.d.ts +1 -1
  113. package/styled-system/types/conditions.d.ts +1 -1
  114. package/styled-system/types/global.d.ts +9 -7
  115. package/styled-system/types/index.d.ts +3 -3
  116. package/styled-system/types/jsx.d.ts +2 -2
  117. package/styled-system/types/pattern.d.ts +2 -2
  118. package/styled-system/types/prop-type.d.ts +2 -2
  119. package/styled-system/types/recipe.d.ts +1 -1
  120. package/styled-system/types/selectors.d.ts +1 -1
  121. package/styled-system/types/style-props.d.ts +3 -3
  122. package/styled-system/types/system-types.d.ts +3 -3
@@ -1,30 +1,28 @@
1
1
  @layer tokens {
2
- @keyframes spin {
3
- to {
4
- transform: rotate(360deg);
2
+ @keyframes spin {
3
+ to {
4
+ transform: rotate(360deg)
5
+ }
5
6
  }
6
- }
7
- @keyframes ping {
8
- 75%,
9
- 100% {
10
- transform: scale(2);
11
- opacity: 0;
7
+ @keyframes ping {
8
+ 75%, 100% {
9
+ transform: scale(2);
10
+ opacity: 0
11
+ }
12
12
  }
13
- }
14
- @keyframes pulse {
15
- 50% {
16
- opacity: 0.5;
13
+ @keyframes pulse {
14
+ 50% {
15
+ opacity: .5
16
+ }
17
17
  }
18
- }
19
- @keyframes bounce {
20
- 0%,
21
- 100% {
22
- transform: translateY(-25%);
23
- animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
18
+ @keyframes bounce {
19
+ 0%, 100% {
20
+ transform: translateY(-25%);
21
+ animation-timing-function: cubic-bezier(0.8,0,1,1)
22
+ }
23
+ 50% {
24
+ transform: none;
25
+ animation-timing-function: cubic-bezier(0,0,0.2,1)
26
+ }
24
27
  }
25
- 50% {
26
- transform: none;
27
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
28
- }
29
- }
30
- }
28
+ }
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable */
2
- import type { CompositionStyleObject } from './system-types'
2
+ import type { CompositionStyleObject } from './system-types';
3
3
 
4
4
  type Recursive<T> = {
5
5
  [key: string]: Recursive<T> | T
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable */
2
- import type { AnySelector, Selectors } from './selectors'
2
+ import type { AnySelector, Selectors } from './selectors';
3
3
 
4
4
  export type Conditions = {
5
5
  "_hover": string
@@ -1,17 +1,19 @@
1
1
  /* eslint-disable */
2
- import type { RecipeVariantRecord, RecipeConfig, SlotRecipeVariantRecord, SlotRecipeConfig } from './recipe'
3
- import type { Parts } from './parts'
4
- import type { PatternConfig, PatternProperties } from './pattern'
5
- import type { GlobalStyleObject, SystemStyleObject } from './system-types'
6
- import type { CompositionStyles } from './composition'
2
+ // @ts-nocheck
3
+ import type { TextStyles, LayerStyles } from '@pandacss/dev'
4
+ import type { RecipeVariantRecord, RecipeConfig, SlotRecipeVariantRecord, SlotRecipeConfig } from './recipe';
5
+ import type { Parts } from './parts';
6
+ import type { PatternConfig, PatternProperties } from './pattern';
7
+ import type { GlobalStyleObject, SystemStyleObject } from './system-types';
8
+ import type { CompositionStyles } from './composition';
7
9
 
8
10
  declare module '@pandacss/dev' {
9
11
  export function defineRecipe<V extends RecipeVariantRecord>(config: RecipeConfig<V>): RecipeConfig
10
12
  export function defineSlotRecipe<S extends string, V extends SlotRecipeVariantRecord<S>>(config: SlotRecipeConfig<S, V>): SlotRecipeConfig
11
13
  export function defineStyles(definition: SystemStyleObject): SystemStyleObject
12
14
  export function defineGlobalStyles(definition: GlobalStyleObject): GlobalStyleObject
13
- export function defineTextStyles(definition: CompositionStyles['textStyles']): CompositionStyles['textStyles']
14
- export function defineLayerStyles(definition: CompositionStyles['layerStyles']): CompositionStyles['layerStyles']
15
+ export function defineTextStyles(definition: CompositionStyles['textStyles']): TextStyles
16
+ export function defineLayerStyles(definition: CompositionStyles['layerStyles']): LayerStyles
15
17
  export function definePattern<T extends PatternProperties>(config: PatternConfig<T>): PatternConfig
16
18
  export function defineParts<T extends Parts>(parts: T): (config: Partial<Record<keyof T, SystemStyleObject>>) => Partial<Record<keyof T, SystemStyleObject>>
17
19
  }
@@ -1,4 +1,4 @@
1
1
  /* eslint-disable */
2
- import './global'
3
- export type { ConditionalValue } from './conditions'
4
- export type { GlobalStyleObject, JsxStyleProps, SystemStyleObject } from './system-types'
2
+ import './global.d.ts'
3
+ export type { ConditionalValue } from './conditions';
4
+ export type { GlobalStyleObject, JsxStyleProps, SystemStyleObject } from './system-types';
@@ -1,7 +1,7 @@
1
1
  /* eslint-disable */
2
2
  import type { ComponentPropsWithoutRef, ElementType, ElementRef, Ref } from 'react'
3
- import type { Assign, DistributiveOmit, JsxStyleProps, JsxHTMLProps } from './system-types'
4
- import type { RecipeDefinition, RecipeSelection, RecipeVariantRecord } from './recipe'
3
+ import type { Assign, DistributiveOmit, JsxHTMLProps, JsxStyleProps } from './system-types';
4
+ import type { RecipeDefinition, RecipeSelection, RecipeVariantRecord } from './recipe';
5
5
 
6
6
  type Dict = Record<string, unknown>
7
7
 
@@ -1,6 +1,6 @@
1
1
  /* eslint-disable */
2
- import type { CssProperty, SystemStyleObject } from './system-types'
3
- import type { TokenCategory } from '../tokens'
2
+ import type { CssProperty, SystemStyleObject } from './system-types';
3
+ import type { TokenCategory } from '../tokens/index';
4
4
 
5
5
  type Primitive = string | number | boolean | null | undefined
6
6
  type LiteralUnion<T, K extends Primitive = string> = T | (K & Record<never, never>)
@@ -1,7 +1,7 @@
1
1
  /* eslint-disable */
2
2
  import type { ConditionalValue } from './conditions';
3
- import type { CssProperties } from './system-types'
4
- import type { Tokens } from '../tokens'
3
+ import type { CssProperties } from './system-types';
4
+ import type { Tokens } from '../tokens/index';
5
5
 
6
6
  type PropertyValueTypes = {
7
7
  aspectRatio: "auto" | "square" | "landscape" | "portrait" | "wide" | "ultrawide" | "golden";
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable */
2
- import type { SystemStyleObject, DistributiveOmit } from './system-types'
2
+ import type { SystemStyleObject, DistributiveOmit } from './system-types';
3
3
 
4
4
  type Pretty<T> = { [K in keyof T]: T[K] } & {}
5
5
 
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable */
2
- import type { Pseudos } from './csstype'
2
+ import type { Pseudos } from './csstype';
3
3
 
4
4
  type AriaAttributes =
5
5
  | '[aria-disabled]'
@@ -1,7 +1,7 @@
1
1
  /* eslint-disable */
2
- import type { ConditionalValue } from './conditions'
3
- import type { PropertyValue } from './prop-type'
4
- import type { Token } from '../tokens'
2
+ import type { ConditionalValue } from './conditions';
3
+ import type { PropertyValue } from './prop-type';
4
+ import type { Token } from '../tokens/index';
5
5
 
6
6
  export type CssVarProperties = {
7
7
  [key in `--${string}`]?: ConditionalValue<Token | (string & {}) | (number & {})>
@@ -1,7 +1,7 @@
1
1
  /* eslint-disable */
2
- import type { ConditionalValue, Conditions, Nested } from './conditions'
3
- import type { PropertiesFallback } from './csstype'
4
- import type { SystemProperties, CssVarProperties } from './style-props'
2
+ import type { ConditionalValue, Conditions, Nested } from './conditions';
3
+ import type { PropertiesFallback } from './csstype';
4
+ import type { SystemProperties, CssVarProperties } from './style-props';
5
5
 
6
6
  type String = string & {}
7
7
  type Number = number & {}