@pandacss/studio 0.13.0 → 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 +6 -5
  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,10 +1,11 @@
1
1
  /* eslint-disable */
2
+ // @ts-nocheck
2
3
  import type { TextStyles, LayerStyles } from '@pandacss/dev'
3
- import type { RecipeVariantRecord, RecipeConfig, SlotRecipeVariantRecord, SlotRecipeConfig } from './recipe'
4
- import type { Parts } from './parts'
5
- import type { PatternConfig, PatternProperties } from './pattern'
6
- import type { GlobalStyleObject, SystemStyleObject } from './system-types'
7
- import type { CompositionStyles } from './composition'
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';
8
9
 
9
10
  declare module '@pandacss/dev' {
10
11
  export function defineRecipe<V extends RecipeVariantRecord>(config: RecipeConfig<V>): RecipeConfig
@@ -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 & {}