@bamboocss/types 1.28.0 → 1.28.1

package/dist/config.d.ts

@@ -215,7 +215,7 @@ interface FileSystemOptions {
    *    css: 'styled-system/css',
    *    recipes: 'styled-system/recipes',
    *    patterns: 'styled-system/patterns',
-   *    jsx: 'styled-system/jsx',
+   *    tokens: 'styled-system/tokens',
    * }
    * ```
    */
@@ -303,10 +303,11 @@ interface CssgenOptions {
    *
    * It is opt-in because reachability cannot be proven for every reference. `token()` and
    * `token.var()` calls are read out of the source, as is any literal `var(--x)` written
-   * by hand. Three things stay invisible: a token named by a path the source does not
-   * spell out as a string literal, one referenced only from a stylesheet outside
-   * `include`, and one used by a separate package consuming the output as design tokens.
-   * Use `staticCss` to keep those.
+   * by hand — and both forms are resolved through a constant or a template literal the
+   * extractor can follow, not only through a path spelled out at the call. Three things
+   * stay invisible: a token named by a path assembled from a value that only exists at
+   * runtime, one referenced only from a stylesheet outside `include`, and one used by a
+   * separate package consuming the output as design tokens. Use `staticCss` to keep those.
    *
    * Only the *second* form of the first case is a risk. `token(key)` is safe for any path,
    * because javascript receives a literal for a plain token rather than a reference. It is
@@ -397,7 +398,7 @@ interface CssgenOptions {
   prunePreflight?: boolean
   /**
    * The root selector for the css variables.
-   * @default ':where(:host, :root)'
+   * @default ':where(:root, :host)'
    */
   cssVarRoot?: string
   /**

package/dist/parser.d.ts

@@ -3,7 +3,13 @@ import type { BoxNodeArray, BoxNodeLiteral, BoxNodeMap, Unboxed } from '@bambooc
 export interface ResultItem {
   name?: string
   data: Array<Unboxed['raw']>
-  type?: 'css' | 'cva' | 'sva' | 'token' | 'pattern' | 'recipe' | 'jsx-recipe' | 'cva-call'
+  /**
+   * `tokenVar` is `token.var(path)`, kept distinct from `token` because the two resolve to
+   * different halves of the same entry — the variable reference against the resolved value.
+   * Both live in `ParserResult.token`, since every consumer that reads a token *path* out of
+   * a result wants both.
+   */
+  type?: 'css' | 'cva' | 'sva' | 'token' | 'tokenVar' | 'pattern' | 'recipe' | 'jsx-recipe' | 'cva-call'
   box?: BoxNodeMap | BoxNodeLiteral | BoxNodeArray
   /**
    * For a `cva-call`, the module the recipe was declared in when that is not this one.
@@ -32,7 +38,7 @@ export interface ParserResultInterface {
   setCss: (result: ResultItem) => void
   setCva: (result: ResultItem) => void
   setSva: (result: ResultItem) => void
-  setToken: (result: ResultItem) => void
+  setToken: (result: ResultItem, kind?: 'token' | 'tokenVar') => void
   setViewTransition: (result: ResultItem) => void
   setPattern: (name: string, result: ResultItem) => void
   setRecipe: (name: string, result: ResultItem) => void

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bamboocss/types",
-  "version": "1.28.0",
+  "version": "1.28.1",
   "description": "The types for css bamboo",
   "homepage": "https://bamboocss.com",
   "license": "MIT",
@@ -32,7 +32,7 @@
     "ncp": "2.0.0",
     "pkg-types": "2.3.0",
     "ts-morph": "28.0.0",
-    "@bamboocss/extractor": "1.28.0"
+    "@bamboocss/extractor": "1.28.1"
   },
   "scripts": {
     "dev": "tsx scripts/watch.ts",