@traefik-labs/faency 12.2.0 → 12.2.2

package/dist/styles/cssProps.js

@@ -1,315 +1,288 @@
+//#region styles/cssProps.ts
 function processToken(value) {
-  return value.startsWith("$") ? value.slice(1) : value;
+	return value.startsWith("$") ? value.slice(1) : value;
 }
 function getSpaceValue(key) {
-  const spaceMap = {
-    "1": "4px",
-    "2": "8px",
-    "3": "16px",
-    "4": "20px",
-    "5": "24px",
-    "6": "32px",
-    "7": "48px",
-    "8": "64px",
-    "9": "80px"
-  };
-  return spaceMap[key] || "0px";
+	return {
+		"1": "4px",
+		"2": "8px",
+		"3": "16px",
+		"4": "20px",
+		"5": "24px",
+		"6": "32px",
+		"7": "48px",
+		"8": "64px",
+		"9": "80px"
+	}[key] || "0px";
 }
 function getSizeValue(key) {
-  const sizeMap = {
-    "1": "4px",
-    "2": "8px",
-    "3": "16px",
-    "4": "20px",
-    "5": "24px",
-    "6": "32px",
-    "7": "40px",
-    "8": "48px",
-    "9": "64px",
-    "10": "80px"
-  };
-  return sizeMap[key] || key;
+	return {
+		"1": "4px",
+		"2": "8px",
+		"3": "16px",
+		"4": "20px",
+		"5": "24px",
+		"6": "32px",
+		"7": "40px",
+		"8": "48px",
+		"9": "64px",
+		"10": "80px"
+	}[key] || key;
 }
 function getRadiiValue(key) {
-  const radiiMap = {
-    "1": "4px",
-    "2": "6px",
-    "3": "8px",
-    "4": "12px",
-    round: "50%",
-    pill: "9999px"
-  };
-  return radiiMap[key] || "0px";
+	return {
+		"1": "4px",
+		"2": "6px",
+		"3": "8px",
+		"4": "12px",
+		round: "50%",
+		pill: "9999px"
+	}[key] || "0px";
 }
 function getFontSizeValue(key) {
-  const fontSizeMap = {
-    "0": "11px",
-    "1": "12px",
-    "2": "13px",
-    "3": "14px",
-    "4": "16px",
-    "5": "18px",
-    "6": "20px",
-    "7": "22px",
-    "8": "24px",
-    "9": "26px",
-    "10": "28px",
-    "11": "32px",
-    "12": "38px"
-  };
-  return fontSizeMap[key] || "16px";
+	return {
+		"0": "11px",
+		"1": "12px",
+		"2": "13px",
+		"3": "14px",
+		"4": "16px",
+		"5": "18px",
+		"6": "20px",
+		"7": "22px",
+		"8": "24px",
+		"9": "26px",
+		"10": "28px",
+		"11": "32px",
+		"12": "38px"
+	}[key] || "16px";
 }
 function getFontWeightValue(key) {
-  const fontWeightMap = {
-    light: "300",
-    regular: "400",
-    medium: "500",
-    semiBold: "600",
-    bold: "700"
-  };
-  return fontWeightMap[key] || "400";
+	return {
+		light: "300",
+		regular: "400",
+		medium: "500",
+		semiBold: "600",
+		bold: "700"
+	}[key] || "400";
 }
 function applySpacing(style, property, value) {
-  if (typeof value === "string" && value.startsWith("$")) {
-    const tokenValue = processToken(value);
-    const spaceValue = getSpaceValue(tokenValue);
-    if (spaceValue !== "0px") {
-      style[property] = spaceValue;
-    }
-  } else {
-    style[property] = value;
-  }
+	if (typeof value === "string" && value.startsWith("$")) {
+		const spaceValue = getSpaceValue(processToken(value));
+		if (spaceValue !== "0px") style[property] = spaceValue;
+	} else style[property] = value;
 }
 function applyRadii(style, property, value) {
-  if (typeof value === "string" && value.startsWith("$")) {
-    const tokenValue = processToken(value);
-    const radiiValue = getRadiiValue(tokenValue);
-    if (radiiValue !== "0px") {
-      style[property] = radiiValue;
-    }
-  } else {
-    style[property] = value;
-  }
+	if (typeof value === "string" && value.startsWith("$")) {
+		const radiiValue = getRadiiValue(processToken(value));
+		if (radiiValue !== "0px") style[property] = radiiValue;
+	} else style[property] = value;
 }
 function applyColor(style, property, value, colors) {
-  if (typeof value === "string" && value.startsWith("$")) {
-    const colorToken = value.slice(1);
-    if (colors && colorToken in colors) {
-      style[property] = colors[colorToken];
-    } else {
-      style[property] = value;
-    }
-  } else {
-    style[property] = value;
-  }
+	if (typeof value === "string" && value.startsWith("$")) {
+		const colorToken = value.slice(1);
+		if (colors && colorToken in colors) style[property] = colors[colorToken];
+		else style[property] = value;
+	} else style[property] = value;
 }
 function applySize(style, property, value) {
-  if (typeof value === "string" && value.startsWith("$")) {
-    const tokenValue = processToken(value);
-    const sizeValue = getSizeValue(tokenValue);
-    style[property] = sizeValue;
-  } else {
-    style[property] = value;
-  }
+	if (typeof value === "string" && value.startsWith("$")) style[property] = getSizeValue(processToken(value));
+	else style[property] = value;
 }
 function processCSSProp(css = {}, colors) {
-  const style = {};
-  const vars = {};
-  Object.entries(css).forEach(([key, value]) => {
-    switch (key) {
-      case "p":
-      case "padding":
-        applySpacing(style, "padding", value);
-        break;
-      case "pt":
-      case "paddingTop":
-        applySpacing(style, "paddingTop", value);
-        break;
-      case "pr":
-      case "paddingRight":
-        applySpacing(style, "paddingRight", value);
-        break;
-      case "pb":
-      case "paddingBottom":
-        applySpacing(style, "paddingBottom", value);
-        break;
-      case "pl":
-      case "paddingLeft":
-        applySpacing(style, "paddingLeft", value);
-        break;
-      case "px":
-        applySpacing(style, "paddingLeft", value);
-        applySpacing(style, "paddingRight", value);
-        break;
-      case "py":
-        applySpacing(style, "paddingTop", value);
-        applySpacing(style, "paddingBottom", value);
-        break;
-      case "m":
-      case "margin":
-        applySpacing(style, "margin", value);
-        break;
-      case "mt":
-      case "marginTop":
-        applySpacing(style, "marginTop", value);
-        break;
-      case "mr":
-      case "marginRight":
-        applySpacing(style, "marginRight", value);
-        break;
-      case "mb":
-      case "marginBottom":
-        applySpacing(style, "marginBottom", value);
-        break;
-      case "ml":
-      case "marginLeft":
-        applySpacing(style, "marginLeft", value);
-        break;
-      case "mx":
-        applySpacing(style, "marginLeft", value);
-        applySpacing(style, "marginRight", value);
-        break;
-      case "my":
-        applySpacing(style, "marginTop", value);
-        applySpacing(style, "marginBottom", value);
-        break;
-      case "ta":
-        style.textAlign = value;
-        break;
-      case "fd":
-        style.flexDirection = value;
-        break;
-      case "fw":
-        style.flexWrap = value;
-        break;
-      case "ai":
-        style.alignItems = value;
-        break;
-      case "ac":
-        style.alignContent = value;
-        break;
-      case "jc":
-        style.justifyContent = value;
-        break;
-      case "as":
-        style.alignSelf = value;
-        break;
-      case "fg":
-        style.flexGrow = value;
-        break;
-      case "fs":
-        style.flexShrink = value;
-        break;
-      case "fb":
-        applySize(style, "flexBasis", value);
-        break;
-      case "bc":
-      case "backgroundColor":
-        applyColor(style, "backgroundColor", value, colors);
-        break;
-      case "br":
-      case "borderRadius":
-        applyRadii(style, "borderRadius", value);
-        break;
-      case "btrr":
-      case "borderTopRightRadius":
-        applyRadii(style, "borderTopRightRadius", value);
-        break;
-      case "bbrr":
-      case "borderBottomRightRadius":
-        applyRadii(style, "borderBottomRightRadius", value);
-        break;
-      case "bblr":
-      case "borderBottomLeftRadius":
-        applyRadii(style, "borderBottomLeftRadius", value);
-        break;
-      case "btlr":
-      case "borderTopLeftRadius":
-        applyRadii(style, "borderTopLeftRadius", value);
-        break;
-      case "bs":
-      case "boxShadow":
-        style.boxShadow = value;
-        break;
-      case "c":
-      case "color":
-        applyColor(style, "color", value, colors);
-        break;
-      case "fontSize":
-        if (typeof value === "string") {
-          const fontSizeValue = getFontSizeValue(value);
-          if (fontSizeValue !== "16px") {
-            style.fontSize = fontSizeValue;
-          }
-        }
-        break;
-      case "fontWeight":
-        if (typeof value === "string") {
-          const fontWeightValue = getFontWeightValue(value);
-          if (fontWeightValue !== "400") {
-            style.fontWeight = fontWeightValue;
-          }
-        }
-        break;
-      case "lh":
-        style.lineHeight = value;
-        break;
-      case "width":
-      case "w":
-        applySize(style, "width", value);
-        break;
-      case "height":
-      case "h":
-        applySize(style, "height", value);
-        break;
-      case "size":
-        applySize(style, "width", value);
-        applySize(style, "height", value);
-        break;
-      case "ox":
-        style.overflowX = value;
-        break;
-      case "oy":
-        style.overflowY = value;
-        break;
-      case "pe":
-        style.pointerEvents = value;
-        break;
-      case "us":
-        style.userSelect = value;
-        break;
-      default:
-        if (typeof value === "string" && value.startsWith("$")) {
-          const tokenValue = processToken(value);
-          const spaceValue = getSpaceValue(tokenValue);
-          if (spaceValue !== "0px") {
-            style[key] = spaceValue;
-            break;
-          }
-          const sizeValue = getSizeValue(tokenValue);
-          if (sizeValue !== tokenValue) {
-            style[key] = sizeValue;
-            break;
-          }
-          const radiiValue = getRadiiValue(tokenValue);
-          if (radiiValue !== "0px") {
-            style[key] = radiiValue;
-            break;
-          }
-          if (colors && tokenValue in colors) {
-            style[key] = colors[tokenValue];
-            break;
-          }
-          style[key] = value;
-        } else {
-          style[key] = value;
-        }
-        break;
-    }
-  });
-  return { style, vars };
+	const style = {};
+	const vars = {};
+	Object.entries(css).forEach(([key, value]) => {
+		switch (key) {
+			case "p":
+			case "padding":
+				applySpacing(style, "padding", value);
+				break;
+			case "pt":
+			case "paddingTop":
+				applySpacing(style, "paddingTop", value);
+				break;
+			case "pr":
+			case "paddingRight":
+				applySpacing(style, "paddingRight", value);
+				break;
+			case "pb":
+			case "paddingBottom":
+				applySpacing(style, "paddingBottom", value);
+				break;
+			case "pl":
+			case "paddingLeft":
+				applySpacing(style, "paddingLeft", value);
+				break;
+			case "px":
+				applySpacing(style, "paddingLeft", value);
+				applySpacing(style, "paddingRight", value);
+				break;
+			case "py":
+				applySpacing(style, "paddingTop", value);
+				applySpacing(style, "paddingBottom", value);
+				break;
+			case "m":
+			case "margin":
+				applySpacing(style, "margin", value);
+				break;
+			case "mt":
+			case "marginTop":
+				applySpacing(style, "marginTop", value);
+				break;
+			case "mr":
+			case "marginRight":
+				applySpacing(style, "marginRight", value);
+				break;
+			case "mb":
+			case "marginBottom":
+				applySpacing(style, "marginBottom", value);
+				break;
+			case "ml":
+			case "marginLeft":
+				applySpacing(style, "marginLeft", value);
+				break;
+			case "mx":
+				applySpacing(style, "marginLeft", value);
+				applySpacing(style, "marginRight", value);
+				break;
+			case "my":
+				applySpacing(style, "marginTop", value);
+				applySpacing(style, "marginBottom", value);
+				break;
+			case "ta":
+				style.textAlign = value;
+				break;
+			case "fd":
+				style.flexDirection = value;
+				break;
+			case "fw":
+				style.flexWrap = value;
+				break;
+			case "ai":
+				style.alignItems = value;
+				break;
+			case "ac":
+				style.alignContent = value;
+				break;
+			case "jc":
+				style.justifyContent = value;
+				break;
+			case "as":
+				style.alignSelf = value;
+				break;
+			case "fg":
+				style.flexGrow = value;
+				break;
+			case "fs":
+				style.flexShrink = value;
+				break;
+			case "fb":
+				applySize(style, "flexBasis", value);
+				break;
+			case "bc":
+			case "backgroundColor":
+				applyColor(style, "backgroundColor", value, colors);
+				break;
+			case "br":
+			case "borderRadius":
+				applyRadii(style, "borderRadius", value);
+				break;
+			case "btrr":
+			case "borderTopRightRadius":
+				applyRadii(style, "borderTopRightRadius", value);
+				break;
+			case "bbrr":
+			case "borderBottomRightRadius":
+				applyRadii(style, "borderBottomRightRadius", value);
+				break;
+			case "bblr":
+			case "borderBottomLeftRadius":
+				applyRadii(style, "borderBottomLeftRadius", value);
+				break;
+			case "btlr":
+			case "borderTopLeftRadius":
+				applyRadii(style, "borderTopLeftRadius", value);
+				break;
+			case "bs":
+			case "boxShadow":
+				style.boxShadow = value;
+				break;
+			case "c":
+			case "color":
+				applyColor(style, "color", value, colors);
+				break;
+			case "fontSize":
+				if (typeof value === "string") {
+					const fontSizeValue = getFontSizeValue(value);
+					if (fontSizeValue !== "16px") style.fontSize = fontSizeValue;
+				}
+				break;
+			case "fontWeight":
+				if (typeof value === "string") {
+					const fontWeightValue = getFontWeightValue(value);
+					if (fontWeightValue !== "400") style.fontWeight = fontWeightValue;
+				}
+				break;
+			case "lh":
+				style.lineHeight = value;
+				break;
+			case "width":
+			case "w":
+				applySize(style, "width", value);
+				break;
+			case "height":
+			case "h":
+				applySize(style, "height", value);
+				break;
+			case "size":
+				applySize(style, "width", value);
+				applySize(style, "height", value);
+				break;
+			case "ox":
+				style.overflowX = value;
+				break;
+			case "oy":
+				style.overflowY = value;
+				break;
+			case "pe":
+				style.pointerEvents = value;
+				break;
+			case "us":
+				style.userSelect = value;
+				break;
+			default:
+				if (typeof value === "string" && value.startsWith("$")) {
+					const tokenValue = processToken(value);
+					const spaceValue = getSpaceValue(tokenValue);
+					if (spaceValue !== "0px") {
+						style[key] = spaceValue;
+						break;
+					}
+					const sizeValue = getSizeValue(tokenValue);
+					if (sizeValue !== tokenValue) {
+						style[key] = sizeValue;
+						break;
+					}
+					const radiiValue = getRadiiValue(tokenValue);
+					if (radiiValue !== "0px") {
+						style[key] = radiiValue;
+						break;
+					}
+					if (colors && tokenValue in colors) {
+						style[key] = colors[tokenValue];
+						break;
+					}
+					style[key] = value;
+				} else style[key] = value;
+				break;
+		}
+	});
+	return {
+		style,
+		vars
+	};
 }
-export {
-  processCSSProp
-};
-//# sourceMappingURL=cssProps.js.map
+//#endregion
+export { processCSSProp };
+
+//# sourceMappingURL=cssProps.js.map