@isotope/prototope/src/utils/typography/line-height.ts

Isotope-based JavaScript library for speedy UI prototyping

import { Util } from "../../declarations";
import { createUtil } from "../util";

type Leading =
	| 3
	| 4
	| 5
	| 6
	| 7
	| 8
	| 9
	| 10
	| "none"
	| "tight"
	| "snug"
	| "normal"
	| "relaxed"
	| "loose";

/**
 * Prototope line-height util.
 *
 * @param value - Config value.
 * @returns - Prototope util.
 */
const leading = (value: Leading): Util => {
	const divider = 4;

	let processedValue = "";

	if (value === "none") {
		processedValue = "1";
	} else if (value === "tight") {
		processedValue = "1.25";
	} else if (value === "snug") {
		processedValue = "1.375";
	} else if (value === "normal") {
		processedValue = "1.5";
	} else if (value === "relaxed") {
		processedValue = "1.625";
	} else if (value === "loose") {
		processedValue = "2";
	} else {
		processedValue = `${value / divider}rem`;
	}

	return createUtil({ lineHeight: processedValue });
};

export { leading };