@pandacss/token-dictionary 0.0.0-dev-20230210061830 → 0.0.0-dev-20230210130407

package/dist/index.js

@@ -1,9 +1,7 @@
 "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)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  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
@@ -574,8 +564,110 @@ var middlewares = [addNegativeTokens, addVirtualPalette, removeEmptyTokens];
 
 // src/transform.ts
 var import_shared6 = require("@pandacss/shared");
-var import_mini_svg_data_uri = __toESM(require("mini-svg-data-uri"));
 var import_ts_pattern2 = require("ts-pattern");
+
+// src/mini-svg-uri.ts
+var shorterNames = {
+  aqua: /#00ffff(ff)?(?!\w)|#0ff(f)?(?!\w)/gi,
+  azure: /#f0ffff(ff)?(?!\w)/gi,
+  beige: /#f5f5dc(ff)?(?!\w)/gi,
+  bisque: /#ffe4c4(ff)?(?!\w)/gi,
+  black: /#000000(ff)?(?!\w)|#000(f)?(?!\w)/gi,
+  blue: /#0000ff(ff)?(?!\w)|#00f(f)?(?!\w)/gi,
+  brown: /#a52a2a(ff)?(?!\w)/gi,
+  coral: /#ff7f50(ff)?(?!\w)/gi,
+  cornsilk: /#fff8dc(ff)?(?!\w)/gi,
+  crimson: /#dc143c(ff)?(?!\w)/gi,
+  cyan: /#00ffff(ff)?(?!\w)|#0ff(f)?(?!\w)/gi,
+  darkblue: /#00008b(ff)?(?!\w)/gi,
+  darkcyan: /#008b8b(ff)?(?!\w)/gi,
+  darkgrey: /#a9a9a9(ff)?(?!\w)/gi,
+  darkred: /#8b0000(ff)?(?!\w)/gi,
+  deeppink: /#ff1493(ff)?(?!\w)/gi,
+  dimgrey: /#696969(ff)?(?!\w)/gi,
+  gold: /#ffd700(ff)?(?!\w)/gi,
+  green: /#008000(ff)?(?!\w)/gi,
+  grey: /#808080(ff)?(?!\w)/gi,
+  honeydew: /#f0fff0(ff)?(?!\w)/gi,
+  hotpink: /#ff69b4(ff)?(?!\w)/gi,
+  indigo: /#4b0082(ff)?(?!\w)/gi,
+  ivory: /#fffff0(ff)?(?!\w)/gi,
+  khaki: /#f0e68c(ff)?(?!\w)/gi,
+  lavender: /#e6e6fa(ff)?(?!\w)/gi,
+  lime: /#00ff00(ff)?(?!\w)|#0f0(f)?(?!\w)/gi,
+  linen: /#faf0e6(ff)?(?!\w)/gi,
+  maroon: /#800000(ff)?(?!\w)/gi,
+  moccasin: /#ffe4b5(ff)?(?!\w)/gi,
+  navy: /#000080(ff)?(?!\w)/gi,
+  oldlace: /#fdf5e6(ff)?(?!\w)/gi,
+  olive: /#808000(ff)?(?!\w)/gi,
+  orange: /#ffa500(ff)?(?!\w)/gi,
+  orchid: /#da70d6(ff)?(?!\w)/gi,
+  peru: /#cd853f(ff)?(?!\w)/gi,
+  pink: /#ffc0cb(ff)?(?!\w)/gi,
+  plum: /#dda0dd(ff)?(?!\w)/gi,
+  purple: /#800080(ff)?(?!\w)/gi,
+  red: /#ff0000(ff)?(?!\w)|#f00(f)?(?!\w)/gi,
+  salmon: /#fa8072(ff)?(?!\w)/gi,
+  seagreen: /#2e8b57(ff)?(?!\w)/gi,
+  seashell: /#fff5ee(ff)?(?!\w)/gi,
+  sienna: /#a0522d(ff)?(?!\w)/gi,
+  silver: /#c0c0c0(ff)?(?!\w)/gi,
+  skyblue: /#87ceeb(ff)?(?!\w)/gi,
+  snow: /#fffafa(ff)?(?!\w)/gi,
+  tan: /#d2b48c(ff)?(?!\w)/gi,
+  teal: /#008080(ff)?(?!\w)/gi,
+  thistle: /#d8bfd8(ff)?(?!\w)/gi,
+  tomato: /#ff6347(ff)?(?!\w)/gi,
+  violet: /#ee82ee(ff)?(?!\w)/gi,
+  wheat: /#f5deb3(ff)?(?!\w)/gi,
+  white: /#ffffff(ff)?(?!\w)|#fff(f)?(?!\w)/gi
+};
+var REGEX = {
+  whitespace: /\s+/g,
+  urlHexPairs: /%[\dA-F]{2}/g,
+  quotes: /"/g
+};
+function collapseWhitespace(str) {
+  return str.trim().replace(REGEX.whitespace, " ");
+}
+function dataURIPayload(string) {
+  return encodeURIComponent(string).replace(REGEX.urlHexPairs, specialHexEncode);
+}
+function colorCodeToShorterNames(string) {
+  Object.keys(shorterNames).forEach(function(key) {
+    if (shorterNames[key].test(string)) {
+      string = string.replace(shorterNames[key], key);
+    }
+  });
+  return string;
+}
+function specialHexEncode(match3) {
+  switch (match3) {
+    case "%20":
+      return " ";
+    case "%3D":
+      return "=";
+    case "%3A":
+      return ":";
+    case "%2F":
+      return "/";
+    default:
+      return match3.toLowerCase();
+  }
+}
+function svgToDataUri(svgString) {
+  if (typeof svgString !== "string") {
+    throw new TypeError("Expected a string, but received " + typeof svgString);
+  }
+  if (svgString.charCodeAt(0) === 65279) {
+    svgString = svgString.slice(1);
+  }
+  const body = colorCodeToShorterNames(collapseWhitespace(svgString)).replace(REGEX.quotes, "'");
+  return "data:image/svg+xml," + dataURIPayload(body);
+}
+
+// src/transform.ts
 var isCompositeShadow = (0, import_ts_pattern2.isMatching)({
   inset: import_ts_pattern2.P.optional(import_ts_pattern2.P.boolean),
   offsetX: import_ts_pattern2.P.number,
@@ -668,7 +760,7 @@ var transformAssets = {
   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 }) => `url(${(0, import_mini_svg_data_uri.default)(value)})`).exhaustive();
+    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 }) => `url(${svgToDataUri(value)})`).exhaustive();
   }
 };
 var addCssVariables = {

package/dist/index.mjs

@@ -538,8 +538,110 @@ var middlewares = [addNegativeTokens, addVirtualPalette, removeEmptyTokens];
 
 // src/transform.ts
 import { cssVar as cssVar2, isString as isString2 } from "@pandacss/shared";
-import svgToDataUri from "mini-svg-data-uri";
 import { isMatching as isMatching2, match as match2, P } from "ts-pattern";
+
+// src/mini-svg-uri.ts
+var shorterNames = {
+  aqua: /#00ffff(ff)?(?!\w)|#0ff(f)?(?!\w)/gi,
+  azure: /#f0ffff(ff)?(?!\w)/gi,
+  beige: /#f5f5dc(ff)?(?!\w)/gi,
+  bisque: /#ffe4c4(ff)?(?!\w)/gi,
+  black: /#000000(ff)?(?!\w)|#000(f)?(?!\w)/gi,
+  blue: /#0000ff(ff)?(?!\w)|#00f(f)?(?!\w)/gi,
+  brown: /#a52a2a(ff)?(?!\w)/gi,
+  coral: /#ff7f50(ff)?(?!\w)/gi,
+  cornsilk: /#fff8dc(ff)?(?!\w)/gi,
+  crimson: /#dc143c(ff)?(?!\w)/gi,
+  cyan: /#00ffff(ff)?(?!\w)|#0ff(f)?(?!\w)/gi,
+  darkblue: /#00008b(ff)?(?!\w)/gi,
+  darkcyan: /#008b8b(ff)?(?!\w)/gi,
+  darkgrey: /#a9a9a9(ff)?(?!\w)/gi,
+  darkred: /#8b0000(ff)?(?!\w)/gi,
+  deeppink: /#ff1493(ff)?(?!\w)/gi,
+  dimgrey: /#696969(ff)?(?!\w)/gi,
+  gold: /#ffd700(ff)?(?!\w)/gi,
+  green: /#008000(ff)?(?!\w)/gi,
+  grey: /#808080(ff)?(?!\w)/gi,
+  honeydew: /#f0fff0(ff)?(?!\w)/gi,
+  hotpink: /#ff69b4(ff)?(?!\w)/gi,
+  indigo: /#4b0082(ff)?(?!\w)/gi,
+  ivory: /#fffff0(ff)?(?!\w)/gi,
+  khaki: /#f0e68c(ff)?(?!\w)/gi,
+  lavender: /#e6e6fa(ff)?(?!\w)/gi,
+  lime: /#00ff00(ff)?(?!\w)|#0f0(f)?(?!\w)/gi,
+  linen: /#faf0e6(ff)?(?!\w)/gi,
+  maroon: /#800000(ff)?(?!\w)/gi,
+  moccasin: /#ffe4b5(ff)?(?!\w)/gi,
+  navy: /#000080(ff)?(?!\w)/gi,
+  oldlace: /#fdf5e6(ff)?(?!\w)/gi,
+  olive: /#808000(ff)?(?!\w)/gi,
+  orange: /#ffa500(ff)?(?!\w)/gi,
+  orchid: /#da70d6(ff)?(?!\w)/gi,
+  peru: /#cd853f(ff)?(?!\w)/gi,
+  pink: /#ffc0cb(ff)?(?!\w)/gi,
+  plum: /#dda0dd(ff)?(?!\w)/gi,
+  purple: /#800080(ff)?(?!\w)/gi,
+  red: /#ff0000(ff)?(?!\w)|#f00(f)?(?!\w)/gi,
+  salmon: /#fa8072(ff)?(?!\w)/gi,
+  seagreen: /#2e8b57(ff)?(?!\w)/gi,
+  seashell: /#fff5ee(ff)?(?!\w)/gi,
+  sienna: /#a0522d(ff)?(?!\w)/gi,
+  silver: /#c0c0c0(ff)?(?!\w)/gi,
+  skyblue: /#87ceeb(ff)?(?!\w)/gi,
+  snow: /#fffafa(ff)?(?!\w)/gi,
+  tan: /#d2b48c(ff)?(?!\w)/gi,
+  teal: /#008080(ff)?(?!\w)/gi,
+  thistle: /#d8bfd8(ff)?(?!\w)/gi,
+  tomato: /#ff6347(ff)?(?!\w)/gi,
+  violet: /#ee82ee(ff)?(?!\w)/gi,
+  wheat: /#f5deb3(ff)?(?!\w)/gi,
+  white: /#ffffff(ff)?(?!\w)|#fff(f)?(?!\w)/gi
+};
+var REGEX = {
+  whitespace: /\s+/g,
+  urlHexPairs: /%[\dA-F]{2}/g,
+  quotes: /"/g
+};
+function collapseWhitespace(str) {
+  return str.trim().replace(REGEX.whitespace, " ");
+}
+function dataURIPayload(string) {
+  return encodeURIComponent(string).replace(REGEX.urlHexPairs, specialHexEncode);
+}
+function colorCodeToShorterNames(string) {
+  Object.keys(shorterNames).forEach(function(key) {
+    if (shorterNames[key].test(string)) {
+      string = string.replace(shorterNames[key], key);
+    }
+  });
+  return string;
+}
+function specialHexEncode(match3) {
+  switch (match3) {
+    case "%20":
+      return " ";
+    case "%3D":
+      return "=";
+    case "%3A":
+      return ":";
+    case "%2F":
+      return "/";
+    default:
+      return match3.toLowerCase();
+  }
+}
+function svgToDataUri(svgString) {
+  if (typeof svgString !== "string") {
+    throw new TypeError("Expected a string, but received " + typeof svgString);
+  }
+  if (svgString.charCodeAt(0) === 65279) {
+    svgString = svgString.slice(1);
+  }
+  const body = colorCodeToShorterNames(collapseWhitespace(svgString)).replace(REGEX.quotes, "'");
+  return "data:image/svg+xml," + dataURIPayload(body);
+}
+
+// src/transform.ts
 var isCompositeShadow = isMatching2({
   inset: P.optional(P.boolean),
   offsetX: P.number,

package/package.json

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