@homebound/truss 2.29.1 → 2.29.3

package/build/index.js

@@ -69,7 +69,7 @@ function newAliasesMethods(aliases) {
 }
 function newSetCssVariablesMethod(abbr, defs) {
   collect({ kind: "cssvar", abbr, defs: { ...defs } });
-  return `get ${abbr}() { return this${Object.entries(defs).map(([prop, value]) => `.add("${prop}" as any, "${value}")`).join("")}; }`;
+  return `get ${abbr}() { return this${Object.entries(defs).map(([prop, value]) => `.add("${prop}" as any, ${JSON.stringify(value)})`).join("")}; }`;
 }
 function newIncrementMethods(config, abbr, prop, opts = {}) {
   const props = typeof prop === "string" ? [prop] : prop;
@@ -115,7 +115,7 @@ function newPxMethods(abbr, props) {
 }
 var zeroTo = (n) => [...Array(n + 1).keys()];
 function maybeWrap(value) {
-  return typeof value === "number" ? String(value) : `"${value}"`;
+  return typeof value === "number" ? String(value) : JSON.stringify(String(value));
 }
 function comment(defs) {
   const paramNames = ["value", "px", "inc"];
@@ -584,7 +584,7 @@ function lowerCaseFirst(s) {
   return s.charAt(0).toLowerCase() + s.substr(1);
 }
 function quote(s) {
-  return `"${s}"`;
+  return JSON.stringify(s);
 }
 
 // src/sections/tachyons/skins.ts
@@ -592,25 +592,16 @@ var skins = (config) => {
   const { palette } = config;
   const colors = newMethodsForProp(
     "color",
-    Object.fromEntries(
-      Object.entries(palette).map(([key, value]) => [
-        lowerCaseFirst(key),
-        value
-      ])
-    )
+    Object.fromEntries(Object.entries(palette).map(([key, value]) => [lowerCaseFirst(key), value]))
   );
   const backgroundColors = newMethodsForProp(
     "backgroundColor",
-    Object.fromEntries(
-      Object.entries(palette).map(([key, value]) => [`bg${key}`, value])
-    ),
+    Object.fromEntries(Object.entries(palette).map(([key, value]) => [`bg${key}`, value])),
     "bgColor"
   );
   const fillColors = newMethodsForProp(
     "fill",
-    Object.fromEntries(
-      Object.entries(palette).map(([key, value]) => [`f${key}`, value])
-    )
+    Object.fromEntries(Object.entries(palette).map(([key, value]) => [`f${key}`, value]))
   );
   return [...colors, ...backgroundColors, ...fillColors];
 };
@@ -1023,7 +1014,7 @@ var TRUSS_PSEUDO_METHODS = {
 };
 
 // src/generate.ts
-var CssProperties = imp("Properties@csstype");
+var CssProperties = imp("t:Properties@csstype");
 var defaultTypeAliases = {
   Margin: ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"],
   Padding: ["padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft"]
@@ -1333,7 +1324,7 @@ function omitUndefinedValues<T extends object>(value: T): T {
 
 export enum Palette {
   ${Object.entries(palette).map(([name, value]) => {
-    return `${name} = "${value}",`;
+    return `${name} = ${JSON.stringify(value)},`;
   })}
 }
 
@@ -1395,7 +1386,7 @@ function generateWebCssBuilder(config, sections) {
   const breakpointCode = [
     `export type Breakpoint = ${Object.keys(genBreakpointsMap).map(quote).join(" | ")};`,
     `export enum Breakpoints {`,
-    ...Object.entries(genBreakpointsMap).map(([name, value]) => `  ${name} = "${value}",`),
+    ...Object.entries(genBreakpointsMap).map(([name, value]) => `  ${name} = ${JSON.stringify(value)},`),
     `}`
   ];
   const pseudoGetterCode = Object.entries(TRUSS_PSEUDO_METHODS).map(([name, selector]) => {
@@ -1694,7 +1685,7 @@ function omitUndefinedValues<T extends object>(value: T): T {
 
 export enum Palette {
   ${Object.entries(palette).map(([name, value]) => {
-    return `${name} = "${value}",`;
+    return `${name} = ${JSON.stringify(value)},`;
   })}
 }