@pandacss/token-dictionary 0.0.0-dev-20230126175306 → 0.0.0-dev-20230127124319

package/dist/index.js

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -43,7 +49,7 @@ function getReferences(value) {
   const matches = value.match(REFERENCE_REGEX);
   if (!matches)
     return [];
-  return matches.map((match2) => match2.replace(/[{}]/g, "")).map((value2) => value2.trim());
+  return matches.map((match3) => match3.replace(/[{}]/g, "")).map((value2) => value2.trim());
 }
 function hasReference(value) {
   return REFERENCE_REGEX.test(value);
@@ -188,7 +194,8 @@ var TokenTypes = {
   gradients: "gradient",
   easings: "cubicBezier",
   borders: "border",
-  components: "cti"
+  components: "cti",
+  assets: "asset"
 };
 
 // src/dictionary.ts
@@ -533,6 +540,9 @@ var middlewares = [addNegativeTokens, addVirtualPalette, removeEmptyTokens];
 
 // src/transform.ts
 var import_shared6 = require("@pandacss/shared");
+var import_fs = require("fs");
+var import_mini_svg_data_uri = __toESM(require("mini-svg-data-uri"));
+var import_path = require("path");
 var import_ts_pattern2 = require("ts-pattern");
 var isCompositeShadow = (0, import_ts_pattern2.isMatching)({
   inset: import_ts_pattern2.P.optional(import_ts_pattern2.P.boolean),
@@ -616,6 +626,20 @@ var transformBorders = {
     return `${width}px ${style} ${color}`;
   }
 };
+var isPathLike = (value) => (0, import_path.extname)(value) !== "";
+var transformAssets = {
+  name: "tokens/assets",
+  match: (token) => token.extensions.category === "assets",
+  transform(token) {
+    const raw = token.value;
+    return (0, import_ts_pattern2.match)(raw).with(import_ts_pattern2.P.string, (value) => value).with({ type: "url" }, ({ value }) => `url(${value})`).with({ type: "svg", value: import_ts_pattern2.P.when(isPathLike) }, ({ value }) => {
+      const fileContent = (0, import_fs.readFileSync)(value, "utf8");
+      return `url(${(0, import_mini_svg_data_uri.default)(fileContent)}`;
+    }).with({ type: "svg", value: import_ts_pattern2.P.string }, ({ value }) => {
+      return `url(${(0, import_mini_svg_data_uri.default)(value)})`;
+    }).exhaustive();
+  }
+};
 var addCssVariables = {
   type: "extensions",
   name: "tokens/css-var",
@@ -667,6 +691,7 @@ var transforms = [
   transformFonts,
   transformEasings,
   transformBorders,
+  transformAssets,
   addCssVariables,
   addConditionalCssVariables,
   addColorPalette

package/dist/index.mjs

@@ -17,7 +17,7 @@ function getReferences(value) {
   const matches = value.match(REFERENCE_REGEX);
   if (!matches)
     return [];
-  return matches.map((match2) => match2.replace(/[{}]/g, "")).map((value2) => value2.trim());
+  return matches.map((match3) => match3.replace(/[{}]/g, "")).map((value2) => value2.trim());
 }
 function hasReference(value) {
   return REFERENCE_REGEX.test(value);
@@ -162,7 +162,8 @@ var TokenTypes = {
   gradients: "gradient",
   easings: "cubicBezier",
   borders: "border",
-  components: "cti"
+  components: "cti",
+  assets: "asset"
 };
 
 // src/dictionary.ts
@@ -507,7 +508,10 @@ var middlewares = [addNegativeTokens, addVirtualPalette, removeEmptyTokens];
 
 // src/transform.ts
 import { cssVar as cssVar2, isString as isString2 } from "@pandacss/shared";
-import { isMatching as isMatching2, P } from "ts-pattern";
+import { readFileSync } from "fs";
+import svgToDataUri from "mini-svg-data-uri";
+import { extname } from "path";
+import { isMatching as isMatching2, match as match2, P } from "ts-pattern";
 var isCompositeShadow = isMatching2({
   inset: P.optional(P.boolean),
   offsetX: P.number,
@@ -590,6 +594,20 @@ var transformBorders = {
     return `${width}px ${style} ${color}`;
   }
 };
+var isPathLike = (value) => extname(value) !== "";
+var transformAssets = {
+  name: "tokens/assets",
+  match: (token) => token.extensions.category === "assets",
+  transform(token) {
+    const raw = token.value;
+    return match2(raw).with(P.string, (value) => value).with({ type: "url" }, ({ value }) => `url(${value})`).with({ type: "svg", value: P.when(isPathLike) }, ({ value }) => {
+      const fileContent = readFileSync(value, "utf8");
+      return `url(${svgToDataUri(fileContent)}`;
+    }).with({ type: "svg", value: P.string }, ({ value }) => {
+      return `url(${svgToDataUri(value)})`;
+    }).exhaustive();
+  }
+};
 var addCssVariables = {
   type: "extensions",
   name: "tokens/css-var",
@@ -641,6 +659,7 @@ var transforms = [
   transformFonts,
   transformEasings,
   transformBorders,
+  transformAssets,
   addCssVariables,
   addConditionalCssVariables,
   addColorPalette

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/token-dictionary",
-  "version": "0.0.0-dev-20230126175306",
+  "version": "0.0.0-dev-20230127124319",
   "description": "Common error messages for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -14,12 +14,13 @@
     "dist"
   ],
   "dependencies": {
+    "mini-svg-data-uri": "^1.4.4",
     "ts-pattern": "4.1.3",
-    "@pandacss/types": "0.0.0-dev-20230126175306",
-    "@pandacss/shared": "0.0.0-dev-20230126175306"
+    "@pandacss/types": "0.0.0-dev-20230127124319",
+    "@pandacss/shared": "0.0.0-dev-20230127124319"
   },
   "devDependencies": {
-    "@pandacss/fixture": "0.0.0-dev-20230126175306"
+    "@pandacss/fixture": "0.0.0-dev-20230127124319"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=esm,cjs --dts",