@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.
- 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 +6 -5
- 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,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,
|
|
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 & {}
|