@pandacss/types 0.17.2 → 0.17.4

package/dist/tokens.d.ts

@@ -0,0 +1,101 @@
+import type { Recursive } from './shared'
+
+export type TokenStatus = 'deprecated' | 'experimental' | 'new'
+
+export interface Token<Value = any> {
+  value: Value
+  description?: string
+  type?: string
+  extensions?: {
+    status?: TokenStatus
+    [key: string]: any
+  }
+}
+
+type RecursiveToken<C extends string, V> =
+  | V
+  | {
+      [K in C]: RecursiveToken<C, V>
+    }
+
+export interface SemanticToken<Value = string, Condition extends string = string>
+  extends Token<RecursiveToken<Condition, Value>> {}
+
+/* -----------------------------------------------------------------------------
+ * Token data types
+ * -----------------------------------------------------------------------------*/
+
+type BorderStyle =
+  | 'dashed'
+  | 'dotted'
+  | 'double'
+  | 'groove'
+  | 'hidden'
+  | 'inset'
+  | 'none'
+  | 'outset'
+  | 'ridge'
+  | 'solid'
+
+export interface Border {
+  color: string
+  width: string | number
+  style: BorderStyle
+}
+
+export interface Shadow {
+  offsetX: number
+  offsetY: number
+  blur: number
+  spread: number
+  color: string
+  inset?: boolean
+}
+
+export interface Gradient {
+  type: 'linear' | 'radial'
+  placement: string | number
+  stops:
+    | Array<{
+        color: string
+        position: number
+      }>
+    | Array<string>
+}
+
+export interface Asset {
+  type: 'url' | 'svg'
+  value: string
+}
+
+export interface TokenDataTypes {
+  zIndex: string | number
+  opacity: string | number
+  colors: string
+  fonts: string | string[]
+  fontSizes: string
+  fontWeights: string | number
+  lineHeights: string | number
+  letterSpacings: string
+  sizes: string
+  shadows: Shadow | Shadow[] | string | string[]
+  spacing: string | number
+  radii: string
+  borders: string | Border
+  durations: string
+  easings: string | number[]
+  animations: string
+  blurs: string
+  gradients: string | Gradient
+  assets: string | Asset
+}
+
+export type Tokens = {
+  [key in keyof TokenDataTypes]?: Recursive<Token<TokenDataTypes[key]>>
+}
+
+export type SemanticTokens<ConditionKey extends string = string> = {
+  [key in keyof TokenDataTypes]?: Recursive<SemanticToken<TokenDataTypes[key], ConditionKey>>
+}
+
+export type TokenCategory = keyof TokenDataTypes

package/dist/utility.d.ts

@@ -0,0 +1,64 @@
+import type { LiteralUnion } from './shared'
+import type { CssProperty, NestedCssProperties } from './system-types'
+import type { Token, TokenCategory } from './tokens'
+
+interface TokenFn {
+  (path: string): string | undefined
+  raw: (path: string) => Token | undefined
+}
+
+type ThemeFn = (token: (path: string) => any) => Record<string, string>
+
+export type PropertyValues =
+  | LiteralUnion<TokenCategory>
+  | string[]
+  | { type: string }
+  | Record<string, string>
+  | ThemeFn
+
+interface TransformArgs {
+  token: TokenFn
+  raw: any
+}
+
+export type PropertyTransform = (value: any, args: TransformArgs) => NestedCssProperties | undefined
+
+export interface PropertyConfig {
+  /**
+   * @internal
+   * The cascade layer to which the property belongs
+   */
+  layer?: string
+  /**
+   * The classname this property will generate.
+   */
+  className?: string
+  /**
+   * The css style object this property will generate.
+   */
+  transform?: PropertyTransform
+  /**
+   * The possible values this property can have.
+   */
+  values?: PropertyValues
+  /**
+   * The css property this utility maps to.
+   */
+  property?: CssProperty
+  /**
+   * The shorthand of the property.
+   */
+  shorthand?: string | string[]
+}
+
+export type UtilityConfig = {
+  [property in LiteralUnion<CssProperty>]?: PropertyConfig
+}
+
+type UtilityConfigWithExtend = {
+  [pattern in LiteralUnion<CssProperty>]?: PropertyConfig | UtilityConfig | undefined
+}
+
+export type ExtendableUtilityConfig = UtilityConfigWithExtend & {
+  extend?: UtilityConfig | undefined
+}

package/package.json

@@ -1,10 +1,8 @@
 {
   "name": "@pandacss/types",
-  "version": "0.17.2",
+  "version": "0.17.4",
   "description": "The types for css panda",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "main": "dist/index.d.ts",
   "author": "Segun Adebayo <joseshegs@gmail.com>",
   "exports": {
     ".": {
@@ -26,10 +24,10 @@
     "hookable": "5.5.3",
     "ncp": "^2.0.0",
     "pkg-types": "1.0.3",
-    "@pandacss/extractor": "0.17.2"
+    "@pandacss/extractor": "0.17.4"
   },
   "scripts": {
     "dev": "tsx scripts/watch.ts",
-    "build": "PANDA_BUILD=1 tsx scripts/postbuild.ts"
+    "build": "PANDA_BUILD=1 tsx scripts/postbuild.ts && tsx scripts/build.ts"
   }
 }