@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.
- package/package.json +8 -8
- package/styled-system/css/conditions.mjs +16 -18
- package/styled-system/css/css.d.ts +1 -1
- package/styled-system/css/css.mjs +12 -11
- package/styled-system/css/cva.d.ts +2 -2
- package/styled-system/css/cva.mjs +2 -2
- package/styled-system/css/cx.mjs +1 -1
- package/styled-system/css/index.d.ts +4 -4
- package/styled-system/css/index.mjs +4 -4
- package/styled-system/css/sva.d.ts +1 -1
- package/styled-system/css/sva.mjs +10 -8
- package/styled-system/global.css +30 -33
- package/styled-system/helpers.mjs +165 -154
- package/styled-system/jsx/aspect-ratio.d.ts +3 -3
- package/styled-system/jsx/aspect-ratio.mjs +5 -5
- package/styled-system/jsx/bleed.d.ts +3 -3
- package/styled-system/jsx/bleed.mjs +5 -5
- package/styled-system/jsx/box.d.ts +3 -3
- package/styled-system/jsx/box.mjs +4 -4
- package/styled-system/jsx/center.d.ts +3 -3
- package/styled-system/jsx/center.mjs +5 -5
- package/styled-system/jsx/circle.d.ts +3 -3
- package/styled-system/jsx/circle.mjs +5 -5
- package/styled-system/jsx/container.d.ts +3 -3
- package/styled-system/jsx/container.mjs +4 -4
- package/styled-system/jsx/divider.d.ts +3 -3
- package/styled-system/jsx/divider.mjs +5 -5
- package/styled-system/jsx/factory.d.ts +1 -1
- package/styled-system/jsx/factory.mjs +19 -18
- package/styled-system/jsx/flex.d.ts +3 -3
- package/styled-system/jsx/flex.mjs +5 -5
- package/styled-system/jsx/float.d.ts +3 -3
- package/styled-system/jsx/float.mjs +5 -5
- package/styled-system/jsx/grid-item.d.ts +3 -3
- package/styled-system/jsx/grid-item.mjs +5 -5
- package/styled-system/jsx/grid.d.ts +3 -3
- package/styled-system/jsx/grid.mjs +5 -5
- package/styled-system/jsx/hstack.d.ts +3 -3
- package/styled-system/jsx/hstack.mjs +5 -5
- package/styled-system/jsx/index.d.ts +27 -24
- package/styled-system/jsx/index.mjs +23 -23
- package/styled-system/jsx/is-valid-prop.mjs +13 -12
- package/styled-system/jsx/link-box.d.ts +3 -3
- package/styled-system/jsx/link-box.mjs +4 -4
- package/styled-system/jsx/link-overlay.d.ts +3 -3
- package/styled-system/jsx/link-overlay.mjs +4 -4
- package/styled-system/jsx/spacer.d.ts +3 -3
- package/styled-system/jsx/spacer.mjs +5 -5
- package/styled-system/jsx/square.d.ts +3 -3
- package/styled-system/jsx/square.mjs +5 -5
- package/styled-system/jsx/stack.d.ts +3 -3
- package/styled-system/jsx/stack.mjs +5 -5
- package/styled-system/jsx/styled-link.d.ts +3 -3
- package/styled-system/jsx/styled-link.mjs +4 -4
- package/styled-system/jsx/visually-hidden.d.ts +3 -3
- package/styled-system/jsx/visually-hidden.mjs +4 -4
- package/styled-system/jsx/vstack.d.ts +3 -3
- package/styled-system/jsx/vstack.mjs +5 -5
- package/styled-system/jsx/wrap.d.ts +3 -3
- package/styled-system/jsx/wrap.mjs +5 -5
- package/styled-system/patterns/aspect-ratio.d.ts +5 -5
- package/styled-system/patterns/aspect-ratio.mjs +29 -30
- package/styled-system/patterns/bleed.d.ts +5 -5
- package/styled-system/patterns/bleed.mjs +13 -14
- package/styled-system/patterns/box.d.ts +5 -5
- package/styled-system/patterns/box.mjs +6 -7
- package/styled-system/patterns/center.d.ts +5 -5
- package/styled-system/patterns/center.mjs +12 -13
- package/styled-system/patterns/circle.d.ts +5 -5
- package/styled-system/patterns/circle.mjs +16 -17
- package/styled-system/patterns/container.d.ts +5 -5
- package/styled-system/patterns/container.mjs +12 -13
- package/styled-system/patterns/divider.d.ts +5 -5
- package/styled-system/patterns/divider.mjs +15 -16
- package/styled-system/patterns/flex.d.ts +5 -5
- package/styled-system/patterns/flex.mjs +17 -18
- package/styled-system/patterns/float.d.ts +5 -5
- package/styled-system/patterns/float.mjs +39 -40
- package/styled-system/patterns/grid-item.d.ts +5 -5
- package/styled-system/patterns/grid-item.mjs +16 -17
- package/styled-system/patterns/grid.d.ts +5 -5
- package/styled-system/patterns/grid.mjs +14 -20
- package/styled-system/patterns/hstack.d.ts +5 -5
- package/styled-system/patterns/hstack.mjs +14 -15
- package/styled-system/patterns/index.d.ts +21 -21
- package/styled-system/patterns/index.mjs +21 -21
- package/styled-system/patterns/link-box.d.ts +5 -5
- package/styled-system/patterns/link-box.mjs +13 -14
- package/styled-system/patterns/link-overlay.d.ts +5 -5
- package/styled-system/patterns/link-overlay.mjs +18 -19
- package/styled-system/patterns/spacer.d.ts +5 -5
- package/styled-system/patterns/spacer.mjs +12 -13
- package/styled-system/patterns/square.d.ts +5 -5
- package/styled-system/patterns/square.mjs +15 -16
- package/styled-system/patterns/stack.d.ts +5 -5
- package/styled-system/patterns/stack.mjs +14 -15
- package/styled-system/patterns/styled-link.d.ts +5 -5
- package/styled-system/patterns/styled-link.mjs +12 -13
- package/styled-system/patterns/visually-hidden.d.ts +5 -5
- package/styled-system/patterns/visually-hidden.mjs +9 -10
- package/styled-system/patterns/vstack.d.ts +5 -5
- package/styled-system/patterns/vstack.mjs +14 -15
- package/styled-system/patterns/wrap.d.ts +5 -5
- package/styled-system/patterns/wrap.mjs +16 -17
- package/styled-system/reset.css +4 -3
- package/styled-system/static.css +3 -3
- package/styled-system/styles.css +50 -50
- package/styled-system/tokens/index.css +434 -434
- package/styled-system/tokens/index.d.ts +2 -2
- package/styled-system/tokens/index.mjs +1419 -1421
- package/styled-system/tokens/keyframes.css +23 -25
- package/styled-system/types/composition.d.ts +1 -1
- package/styled-system/types/conditions.d.ts +1 -1
- package/styled-system/types/global.d.ts +9 -7
- package/styled-system/types/index.d.ts +3 -3
- package/styled-system/types/jsx.d.ts +2 -2
- package/styled-system/types/pattern.d.ts +2 -2
- package/styled-system/types/prop-type.d.ts +2 -2
- package/styled-system/types/recipe.d.ts +1 -1
- package/styled-system/types/selectors.d.ts +1 -1
- package/styled-system/types/style-props.d.ts +3 -3
- package/styled-system/types/system-types.d.ts +3 -3
|
@@ -1,30 +1,28 @@
|
|
|
1
1
|
@layer tokens {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
@keyframes spin {
|
|
3
|
+
to {
|
|
4
|
+
transform: rotate(360deg)
|
|
5
|
+
}
|
|
5
6
|
}
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
opacity: 0;
|
|
7
|
+
@keyframes ping {
|
|
8
|
+
75%, 100% {
|
|
9
|
+
transform: scale(2);
|
|
10
|
+
opacity: 0
|
|
11
|
+
}
|
|
12
12
|
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
@keyframes pulse {
|
|
14
|
+
50% {
|
|
15
|
+
opacity: .5
|
|
16
|
+
}
|
|
17
17
|
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
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
|
-
|
|
26
|
-
transform: none;
|
|
27
|
-
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
}
|
|
28
|
+
}
|
|
@@ -1,17 +1,19 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
|
|
3
|
-
import type {
|
|
4
|
-
import type {
|
|
5
|
-
import type {
|
|
6
|
-
import type {
|
|
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']):
|
|
14
|
-
export function defineLayerStyles(definition: 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,
|
|
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 {
|
|
3
|
-
import type {
|
|
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,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 {
|
|
3
|
-
import type {
|
|
4
|
-
import type {
|
|
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 & {}
|