@pandacss/types 0.32.1 → 0.34.0

package/dist/config.d.ts

@@ -230,9 +230,9 @@ interface JsxOptions {
 interface CssgenOptions {
   /**
    * Whether to include css reset styles in the generated css.
-   * @default true
+   * @default false
    */
-  preflight?: boolean | { scope: string }
+  preflight?: boolean | { scope: string; level?: 'element' | 'parent' }
   /**
    * The namespace prefix for the generated css classes and css variables.
    * @default ''
@@ -290,6 +290,17 @@ interface CodegenOptions {
   /**
    * Whether to emit the artifacts to `node_modules` as a package.
    * @default false
+   * @deprecated `emitPackage` is deprecated, it's known for causing several issues:
+   * - bundlers sometimes eagerly cache the `node_modules`, leading to `panda codegen` updates to the `styled-system` not visible in the browser
+   * - auto-imports are not suggested in your IDE.
+   * - in some IDE the typings are not always reflected properly
+   *
+   * As alternatives, you can use:
+   * - relative paths instead of absolute paths (e.g. `../styled-system/css` instead of `styled-system/css`)
+   * - use package.json #imports and/or tsconfig path aliases (prefer package.json#imports when possible, TS 5.4 supports them by default) like `#styled-system/css` instead of `styled-system/css`
+   * @see https://nodejs.org/api/packages.html#subpath-imports
+   * - for a component library, use a dedicated workspace package (e.g. `@acme/styled-system`) and use `importMap: "@acme/styled-system"` so that Panda knows which entrypoint to extract, e.g. `import { css } from '@acme/styled-system/css'`
+   * @see https://panda-css.com/docs/guides/component-library
    */
   emitPackage?: boolean
   /**

package/dist/prop-type.d.ts

@@ -10,5 +10,5 @@ export interface PropertyTypes {}
 export type PropertyValue<K extends string> = K extends keyof PropertyTypes
   ? ConditionalValue<PropertyTypes[K]>
   : K extends keyof CssProperties
-  ? ConditionalValue<CssProperties[K]>
-  : never
+    ? ConditionalValue<CssProperties[K]>
+    : never

package/dist/shared.d.ts

@@ -26,12 +26,12 @@ type Paths<T, Prefix extends string = '', Depth extends number = 0> = {
   [K in keyof T]: Depth extends 0
     ? never
     : T[K] extends object
-    ? K extends string
-      ? `${Prefix}${K}` | Paths<T[K], `${Prefix}${K}.`, Depth extends 1 ? 0 : Subtract<Depth, 1>>
-      : never
-    : K extends string | number
-    ? `${Prefix}${K}`
-    : never
+      ? K extends string
+        ? `${Prefix}${K}` | Paths<T[K], `${Prefix}${K}.`, Depth extends 1 ? 0 : Subtract<Depth, 1>>
+        : never
+      : K extends string | number
+        ? `${Prefix}${K}`
+        : never
 }[keyof T]
 
 export type PathIn<T, Key extends keyof T> = Key extends string ? Paths<T[Key], `${Key}.`, 1> : never

package/dist/utility.d.ts

@@ -60,8 +60,40 @@ export interface PropertyConfig {
    * The shorthand of the property.
    */
   shorthand?: string | string[]
+  /**
+   * The CSS semantic group this property belongs
+   */
+  group?: CssSemanticGroup
 }
 
+export type CssSemanticGroup =
+  | 'System'
+  | 'Container'
+  | 'Display'
+  | 'Visibility'
+  | 'Position'
+  | 'Transform'
+  | 'Flex Layout'
+  | 'Grid Layout'
+  | 'Layout'
+  | 'Border'
+  | 'Border Radius'
+  | 'Width'
+  | 'Height'
+  | 'Margin'
+  | 'Padding'
+  | 'Color'
+  | 'Typography'
+  | 'Background'
+  | 'Shadow'
+  | 'Table'
+  | 'List'
+  | 'Scroll'
+  | 'Interactivity'
+  | 'Transition'
+  | 'Effect'
+  | 'Other'
+
 export type UtilityConfig = {
   [property in LiteralUnion<CssProperty>]?: PropertyConfig
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/types",
-  "version": "0.32.1",
+  "version": "0.34.0",
   "description": "The types for css panda",
   "main": "dist/index.d.ts",
   "author": "Segun Adebayo <joseshegs@gmail.com>",
@@ -30,7 +30,7 @@
     "microdiff": "1.3.2",
     "ncp": "2.0.0",
     "pkg-types": "1.0.3",
-    "@pandacss/extractor": "0.32.1"
+    "@pandacss/extractor": "0.34.0"
   },
   "scripts": {
     "dev": "tsx scripts/watch.ts",