@wezom/toolkit-css-in-js/dist/var.js

Useful tools for working with CSS-in-JS

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

/**
 * Set CSS function `var` body
 * @example
 *  jssVar('--top') // 'var(--top)'
 *  jssVar('top') // 'var(--top)'
 *  jssVar('--color', 'red') // 'var(--color, red)'
 *
 *  const myVarsDict = {
 *    propA: 'myPropA',
 *    propB: 'myPropB'
 *  };
 *
 *  jssVar(myVarsDict.propA, 10) // 'var(--myPropA, 10)'
 */
function jssVar(varName, fallback) {
	var name = varName.startsWith('--') ? varName : '--' + varName;
	var args = fallback == null ? [name] : [name, fallback];
	return 'var(' + args.join(', ') + ')';
}

exports.jssVar = jssVar;