@pandacss/types 0.0.0-dev-20221122153914 → 0.0.0-dev-20221124070053

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+export type { ConditionDetails, ConditionType, Conditions, RawCondition, RecursiveCondition } from './conditions'
+export type { Config, UserConfig } from './config'
+export type { PropertyConfig, PropertyTransform, PropertyValues, UtilityConfig } from './utility'
+export type { StyleObject, CssKeyframes } from './system-types'
+export type { PatternConfig, PatternProperty, TransformHelpers } from './pattern'
+export type { RecipeConfig, RecipeVariant } from './recipe'
+export type { Composition, TextStyles, LayerStyles } from './composition'
+export type { Token, TokenCategory, TokenDataTypes, Tokens, SemanticToken, SemanticTokens } from './tokens'
+export type { Dict, RequiredBy, AnyFunction } from './shared'

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@pandacss/types",
-  "version": "0.0.0-dev-20221122153914",
+  "version": "0.0.0-dev-20221124070053",
   "description": "The types for css panda",
-  "main": "src/index.d.ts",
+  "main": "dist/index.d.ts",
   "author": "Segun Adebayo <joseshegs@gmail.com>",
   "sideEffects": false,
   "publishConfig": {
@@ -12,7 +12,12 @@
     "src"
   ],
   "devDependencies": {
-    "csstype": "3.1.1"
+    "csstype": "3.1.1",
+    "chokidar-cli": "^3.0.0"
   },
-  "scripts": {}
+  "scripts": {
+    "build": "tsx scripts/build.ts",
+    "build-fast": "tsx scripts/build.ts",
+    "dev": "chokidar -c 'pnpm build' src"
+  }
 }

package/src/{composition.d.ts → composition.ts}

@@ -1,15 +1,16 @@
-import type { PandaConditionalValue, Properties } from './panda-csstype'
+import type { Conditional, NativeCssProperties, Nested } from './system-types'
+import type { LiteralUnion, Primitive, Recursive } from './shared'
 
-export type Composition<V = any> = {
-  value: V
+export type Composition<Value = any> = {
+  value: Value
   description?: string
 }
 
-type Nested<T> = {
-  [key: string]: T | Nested<T>
-}
+/* -----------------------------------------------------------------------------
+ * Text styles
+ * -----------------------------------------------------------------------------*/
 
-type TextStyleProperty =
+type TextStyleProperty = LiteralUnion<
   | 'fontSize'
   | 'fontSizeAdjust'
   | 'fontVariationSettings'
@@ -38,13 +39,19 @@ type TextStyleProperty =
   | 'textOrientation'
   | 'textOverflow'
   | 'textRendering'
-  | (string & {})
+>
 
 type TCondition = Record<string, string>
 
-type TextStyle<Conditions extends TCondition = TCondition> = {
-  [K in TextStyleProperty]?: PandaConditionalValue<Conditions, Properties[K] | (string & {})>
-}
+export type TextStyle<T extends TCondition = TCondition> = Nested<{
+  [K in TextStyleProperty]?: Conditional<T, K extends keyof NativeCssProperties ? NativeCssProperties[K] : Primitive>
+}>
+
+export type TextStyles<T extends TCondition = TCondition> = Recursive<Composition<TextStyle<T>>>
+
+/* -----------------------------------------------------------------------------
+ * Layer styles
+ * -----------------------------------------------------------------------------*/
 
 type Placement =
   | 'Top'
@@ -64,7 +71,7 @@ type Radius =
   | `Start${'Start' | 'End'}`
   | `End${'Start' | 'End'}`
 
-type LayerStyleProperty =
+type LayerStyleProperty = LiteralUnion<
   | 'background'
   | 'backgroundColor'
   | 'backgroundImage'
@@ -93,14 +100,13 @@ type LayerStyleProperty =
   | `border${Placement}Style`
   | 'padding'
   | `padding${Placement}`
-  | 'margin'
-  | `margin${Placement}`
-  | (string & {})
-
-type LayerStyle<Conditions extends TCondition = TCondition> = {
-  [K in LayerStyleProperty]?: PandaConditionalValue<Conditions, Properties[K]>
-}
+>
 
-export type TextStyles<Conditions extends TCondition = TCondition> = Nested<Composition<TextStyle<Conditions>>>
+export type LayerStyle<Conditions extends TCondition = TCondition> = Nested<{
+  [K in LayerStyleProperty]?: Conditional<
+    Conditions,
+    K extends keyof NativeCssProperties ? NativeCssProperties[K] : Primitive
+  >
+}>
 
-export type LayerStyles<Conditions extends TCondition = TCondition> = Nested<Composition<LayerStyle<Conditions>>>
+export type LayerStyles<Conditions extends TCondition = TCondition> = Recursive<Composition<LayerStyle<Conditions>>>

package/src/conditions.ts

@@ -0,0 +1,25 @@
+import type { Dict, StringKeyOf } from './shared'
+
+export type ConditionType = 'at-rule' | 'parent-nesting' | 'self-nesting' | 'combinator-nesting'
+
+export type ConditionDetails = {
+  type: ConditionType
+  value: string
+  [key: string]: string
+}
+
+export type RawCondition = ConditionDetails & { raw: string }
+
+export type Conditions = {
+  [condition: string]: string
+}
+
+export type RecursiveCondition<T extends string, C extends string> =
+  | T
+  | { [K in C]?: RecursiveCondition<T, Exclude<C, K>> }
+
+export type ExtractConditions<Conditions extends Dict, Breakpoints extends Dict> =
+  | StringKeyOf<Breakpoints>
+  | StringKeyOf<Conditions>
+  | 'base'
+  | '_'

package/src/{config.d.ts → config.ts}

@@ -1,10 +1,10 @@
 import type { LayerStyles, TextStyles } from './composition'
 import type { Conditions as TConditions } from './conditions'
-import type { Keyframes, GlobalCss } from './panda-csstype'
+import type { CssKeyframes, GlobalStyleObject } from './system-types'
 import type { PatternConfig } from './pattern'
 import type { RecipeConfig } from './recipe'
-import type { Dict, RequiredBy } from './shared'
-import type { PartialTokens, SemanticTokens } from './tokens'
+import type { Dict, RequiredBy, StringKeyOf } from './shared'
+import type { SemanticTokens, Tokens as PartialTokens } from './tokens'
 import type { UtilityConfig } from './utility'
 import type { ClassGeneratorOptions } from './generator'
 
@@ -88,11 +88,11 @@ export type Config<
   /**
    * The css animation keyframes definitions.
    */
-  keyframes?: Keyframes
+  keyframes?: CssKeyframes
   /**
    * The global styles for your project.
    */
-  globalCss?: GlobalCss
+  globalCss?: GlobalStyleObject
   /**
    * The design tokens for your project.
    */
@@ -100,7 +100,7 @@ export type Config<
   /**
    * The semantic design tokens for your project.
    */
-  semanticTokens?: SemanticTokens<keyof Conditions | keyof Breakpoints | 'base' | '_'>
+  semanticTokens?: SemanticTokens<StringKeyOf<Conditions> | StringKeyOf<Breakpoints> | 'base' | '_'>
   /**
    * The typography styles for your project.
    */