@yahoo/uds 3.145.0-beta.2 → 3.145.0-beta.4

package/dist/tailwind-internal/dist/utils/parseTokens.js

@@ -16,6 +16,9 @@ function shouldIncludeOpacity(opacity) {
 	const parsedOpacity = parseInt(opacity, 10);
 	return !isNaN(parsedOpacity) && parsedOpacity !== 100;
 }
+function formatColorVarWithOpacity(name, opacity) {
+	return shouldIncludeOpacity(opacity) ? `rgb(var(${name}) / ${opacity}%)` : `rgb(var(${name}))`;
+}
 function resolveFocusRingColor(color) {
 	switch (color.type) {
 		case "spectrum": return `rgb(var(--${SPECTRUM_COLOR_PREFIX}-${color.value.hue}-${color.value.step}))`;
@@ -43,7 +46,7 @@ function transformColors(colors, elevationPresets, focusRingConfig) {
 			const name = `--uds-${paletteType}-color-${paletteKey}`;
 			rootVars[name] = `var(--${SPECTRUM_COLOR_PREFIX}-${hue}-${step})`;
 			const opacityValue = opacity !== void 0 ? parseOpacityStep(opacity) : void 0;
-			tailwindConfig.palette[paletteType][paletteKey] = shouldIncludeOpacity(opacityValue) ? `rgb(var(${name}) / ${opacityValue}%)` : `rgb(var(${name}))`;
+			tailwindConfig.palette[paletteType][paletteKey] = formatColorVarWithOpacity(name, opacityValue);
 		}
 	});
 	entries(elevationPresets).forEach(([level, elevationPreset]) => {
@@ -63,9 +66,12 @@ function transformColors(colors, elevationPresets, focusRingConfig) {
 					case "spectrum":
 						rootVars[name] = `rgb(var(--${SPECTRUM_COLOR_PREFIX}-${elevationPreset[key].value.hue}-${elevationPreset[key].value.step}))`;
 						break;
-					case "line":
-						rootVars[name] = `rgb(var(--${LINE_COLOR_PREFIX}-${elevationPreset[key].value}))`;
+					case "line": {
+						const lineColor = palette.line[elevationPreset[key].value];
+						const opacityValue = lineColor.opacity !== void 0 ? parseOpacityStep(lineColor.opacity) : void 0;
+						rootVars[name] = formatColorVarWithOpacity(`--${LINE_COLOR_PREFIX}-${elevationPreset[key].value}`, opacityValue);
 						break;
+					}
 				}
 			}
 			if (key === "borderWidth") {