UNPKG

@wix/css-property-parser

Version:

A comprehensive TypeScript library for parsing and serializing CSS property values with full MDN specification compliance

74 lines (73 loc) 2.32 kB
"use strict"; // Font Size property parser // Handles parsing of CSS font-size property values // https://developer.mozilla.org/en-US/docs/Web/CSS/font-size Object.defineProperty(exports, "__esModule", { value: true }); exports.parse = parse; exports.toCSSValue = toCSSValue; const shared_utils_1 = require('../utils/shared-utils.cjs'); const css_variable_1 = require('./css-variable.cjs'); const length_1 = require('./length.cjs'); const percentage_1 = require('./percentage.cjs'); // Import centralized types const types_1 = require('../types.cjs'); /** * Parse a CSS font-size property string */ function parse(value) { if (!value || typeof value !== 'string') { return null; } const trimmed = value.trim(); if (trimmed === '') { return null; } // CSS variables - parse and return directly if ((0, shared_utils_1.isCssVariable)(trimmed)) { return (0, css_variable_1.parse)(trimmed); } // Handle global keywords if ((0, shared_utils_1.isGlobalKeyword)(trimmed)) { return { type: 'keyword', keyword: trimmed.toLowerCase() }; } // Handle font-size keywords const fontSizeKeyword = (0, shared_utils_1.getValidKeyword)(trimmed, types_1.FONT_SIZE_KEYWORDS); if (fontSizeKeyword) { return { type: 'keyword', keyword: fontSizeKeyword }; } // Percentage values const percentageResult = (0, percentage_1.parse)(trimmed); if (percentageResult) { return percentageResult; } // Length values const lengthResult = (0, length_1.parse)(trimmed); if (lengthResult) { return lengthResult; } return null; } /** * Convert FontSizeValue back to CSS string */ function toCSSValue(parsed) { if (!parsed) { return null; } // Handle CSS variables if ('CSSvariable' in parsed) { return (0, css_variable_1.toCSSValue)(parsed); } if ('keyword' in parsed) { return parsed.keyword; } // Handle length values if ('unit' in parsed && parsed.unit !== '%' && parsed.type === 'length') { return (0, length_1.toCSSValue)(parsed); } // Handle percentage values if ('unit' in parsed && parsed.unit === '%' && parsed.type === 'percentage') { return (0, percentage_1.toCSSValue)(parsed); } return null; }