tailwindcss 3.0.22 → 3.1.0

package/lib/util/pluginUtils.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.updateAllClasses = updateAllClasses;
 exports.asValue = asValue;
+exports.parseColorFormat = parseColorFormat;
 exports.asColor = asColor;
 exports.asLookupValue = asLookupValue;
 exports.coerceValue = coerceValue;
@@ -53,23 +54,22 @@ function asNegativeValue(modifier, lookup = {}, validate) {
         return (0, _negateValue).default(resolved);
     }
 }
-function asValue(modifier, options = {}, { validate =()=>true
-  } = {}) {
+function asValue(modifier, options = {}, { validate =()=>true  } = {}) {
     var ref;
     let value = (ref = options.values) === null || ref === void 0 ? void 0 : ref[modifier];
     if (value !== undefined) {
         return value;
     }
-    if (options.supportsNegativeValues && modifier.startsWith('-')) {
+    if (options.supportsNegativeValues && modifier.startsWith("-")) {
         return asNegativeValue(modifier.slice(1), options.values, validate);
     }
     return resolveArbitraryValue(modifier, validate);
 }
 function isArbitraryValue(input) {
-    return input.startsWith('[') && input.endsWith(']');
+    return input.startsWith("[") && input.endsWith("]");
 }
 function splitAlpha(modifier) {
-    let slashIdx = modifier.lastIndexOf('/');
+    let slashIdx = modifier.lastIndexOf("/");
     if (slashIdx === -1 || slashIdx === modifier.length - 1) {
         return [
             modifier
@@ -80,11 +80,18 @@ function splitAlpha(modifier) {
         modifier.slice(slashIdx + 1)
     ];
 }
+function parseColorFormat(value) {
+    if (typeof value === "string" && value.includes("<alpha-value>")) {
+        let oldValue = value;
+        return ({ opacityValue =1  })=>oldValue.replace("<alpha-value>", opacityValue);
+    }
+    return value;
+}
 function asColor(modifier, options = {}, { tailwindConfig ={}  } = {}) {
     var ref;
     if (((ref = options.values) === null || ref === void 0 ? void 0 : ref[modifier]) !== undefined) {
         var ref1;
-        return (ref1 = options.values) === null || ref1 === void 0 ? void 0 : ref1[modifier];
+        return parseColorFormat((ref1 = options.values) === null || ref1 === void 0 ? void 0 : ref1[modifier]);
     }
     let [color, alpha] = splitAlpha(modifier);
     if (alpha !== undefined) {
@@ -94,6 +101,7 @@ function asColor(modifier, options = {}, { tailwindConfig ={}  } = {}) {
         if (normalizedColor === undefined) {
             return undefined;
         }
+        normalizedColor = parseColorFormat(normalizedColor);
         if (isArbitraryValue(alpha)) {
             return (0, _withAlphaVariable).withAlphaValue(normalizedColor, alpha.slice(1, -1));
         }
@@ -126,12 +134,12 @@ let typeMap = {
     percentage: guess(_dataTypes.percentage),
     position: guess(_dataTypes.position),
     lookup: asLookupValue,
-    'generic-name': guess(_dataTypes.genericName),
-    'family-name': guess(_dataTypes.familyName),
+    "generic-name": guess(_dataTypes.genericName),
+    "family-name": guess(_dataTypes.familyName),
     number: guess(_dataTypes.number),
-    'line-width': guess(_dataTypes.lineWidth),
-    'absolute-size': guess(_dataTypes.absoluteSize),
-    'relative-size': guess(_dataTypes.relativeSize),
+    "line-width": guess(_dataTypes.lineWidth),
+    "absolute-size": guess(_dataTypes.absoluteSize),
+    "relative-size": guess(_dataTypes.relativeSize),
     shadow: guess(_dataTypes.shadow)
 };
 let supportedTypes = Object.keys(typeMap);
@@ -149,7 +157,7 @@ function splitAtFirst(input, delim) {
 function coerceValue(types, modifier, options, tailwindConfig) {
     if (isArbitraryValue(modifier)) {
         let arbitraryValue = modifier.slice(1, -1);
-        let [explicitType, value] = splitAtFirst(arbitraryValue, ':');
+        let [explicitType, value] = splitAtFirst(arbitraryValue, ":");
         // It could be that this resolves to `url(https` which is not a valid
         // identifier. We currently only support "simple" words with dashes or
         // underscores. E.g.: family-name

package/lib/util/prefixSelector.js

@@ -13,7 +13,7 @@ function _default(prefix, selector, prependNegative = false) {
     return (0, _postcssSelectorParser).default((selectors)=>{
         selectors.walkClasses((classSelector)=>{
             let baseClass = classSelector.value;
-            let shouldPlaceNegativeBeforePrefix = prependNegative && baseClass.startsWith('-');
+            let shouldPlaceNegativeBeforePrefix = prependNegative && baseClass.startsWith("-");
             classSelector.value = shouldPlaceNegativeBeforePrefix ? `-${prefix}${baseClass.slice(1)}` : `${prefix}${baseClass}`;
         });
     }).processSync(selector);

package/lib/util/resolveConfig.js

@@ -13,16 +13,40 @@ var _toPath = require("./toPath");
 var _normalizeConfig = require("./normalizeConfig");
 var _isPlainObject = _interopRequireDefault(require("./isPlainObject"));
 var _cloneDeep = require("./cloneDeep");
+var _pluginUtils = require("./pluginUtils");
+var _withAlphaVariable = require("./withAlphaVariable");
+var _toColorValue = _interopRequireDefault(require("./toColorValue"));
+function resolveConfig(configs) {
+    let allConfigs = [
+        ...extractPluginConfigs(configs),
+        {
+            prefix: "",
+            important: false,
+            separator: ":",
+            variantOrder: _defaultConfigStub.default.variantOrder
+        }, 
+    ];
+    var ref, ref1;
+    return (0, _normalizeConfig).normalizeConfig((0, _defaults).defaults({
+        theme: resolveFunctionKeys(mergeExtensions(mergeThemes(allConfigs.map((t)=>{
+            return (ref = t === null || t === void 0 ? void 0 : t.theme) !== null && ref !== void 0 ? ref : {};
+        })))),
+        corePlugins: resolveCorePlugins(allConfigs.map((c)=>c.corePlugins)),
+        plugins: resolvePluginLists(configs.map((c)=>{
+            return (ref1 = c === null || c === void 0 ? void 0 : c.plugins) !== null && ref1 !== void 0 ? ref1 : [];
+        }))
+    }, ...allConfigs));
+}
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
 function isFunction(input) {
-    return typeof input === 'function';
+    return typeof input === "function";
 }
 function isObject(input) {
-    return typeof input === 'object' && input !== null;
+    return typeof input === "object" && input !== null;
 }
 function mergeWith(target, ...sources) {
     let customizer = sources.pop();
@@ -46,8 +70,7 @@ const configUtils = {
     colors: _colors.default,
     negative (scale) {
         // TODO: Log that this function isn't really needed anymore?
-        return Object.keys(scale).filter((key)=>scale[key] !== '0'
-        ).reduce((negativeScale, key)=>{
+        return Object.keys(scale).filter((key)=>scale[key] !== "0").reduce((negativeScale, key)=>{
             let negativeValue = (0, _negateValue).default(scale[key]);
             if (negativeValue !== undefined) {
                 negativeScale[`-${key}`] = negativeValue;
@@ -56,12 +79,10 @@ const configUtils = {
         }, {});
     },
     breakpoints (screens) {
-        return Object.keys(screens).filter((key)=>typeof screens[key] === 'string'
-        ).reduce((breakpoints, key)=>({
+        return Object.keys(screens).filter((key)=>typeof screens[key] === "string").reduce((breakpoints, key)=>({
                 ...breakpoints,
                 [`screen-${key}`]: screens[key]
-            })
-        , {});
+            }), {});
     }
 };
 function value(valueToResolve, ...args) {
@@ -90,8 +111,7 @@ function collectExtends(items) {
 }
 function mergeThemes(themes) {
     return {
-        ...themes.reduce((merged, theme)=>(0, _defaults).defaults(merged, theme)
-        , {}),
+        ...themes.reduce((merged, theme)=>(0, _defaults).defaults(merged, theme), {}),
         // In order to resolve n config objects, we combine all of their `extend` properties
         // into arrays instead of objects so they aren't overridden.
         extend: collectExtends(themes)
@@ -125,37 +145,62 @@ function mergeExtensions({ extend , ...theme }) {
         return (resolveThemePath, utils)=>mergeWith({}, ...[
                 themeValue,
                 ...extensions
-            ].map((e)=>value(e, resolveThemePath, utils)
-            ), mergeExtensionCustomizer)
-        ;
+            ].map((e)=>value(e, resolveThemePath, utils)), mergeExtensionCustomizer);
     });
 }
+/**
+ *
+ * @param {string} key
+ * @return {Iterable<string[] & {alpha: string | undefined}>}
+ */ function* toPaths(key) {
+    let path = (0, _toPath).toPath(key);
+    if (path.length === 0) {
+        return;
+    }
+    yield path;
+    if (Array.isArray(key)) {
+        return;
+    }
+    let pattern = /^(.*?)\s*\/\s*([^/]+)$/;
+    let matches = key.match(pattern);
+    if (matches !== null) {
+        let [, prefix, alpha] = matches;
+        let newPath = (0, _toPath).toPath(prefix);
+        newPath.alpha = alpha;
+        yield newPath;
+    }
+}
 function resolveFunctionKeys(object) {
+    // theme('colors.red.500 / 0.5') -> ['colors', 'red', '500 / 0', '5]
     const resolvePath = (key, defaultValue)=>{
-        const path = (0, _toPath).toPath(key);
-        let index = 0;
-        let val = object;
-        while(val !== undefined && val !== null && index < path.length){
-            val = val[path[index++]];
-            val = isFunction(val) ? val(resolvePath, configUtils) : val;
-        }
-        if (val === undefined) {
-            return defaultValue;
-        }
-        if ((0, _isPlainObject).default(val)) {
-            return (0, _cloneDeep).cloneDeep(val);
+        for (const path of toPaths(key)){
+            let index = 0;
+            let val = object;
+            while(val !== undefined && val !== null && index < path.length){
+                val = val[path[index++]];
+                let shouldResolveAsFn = isFunction(val) && (path.alpha === undefined || index < path.length - 1);
+                val = shouldResolveAsFn ? val(resolvePath, configUtils) : val;
+            }
+            if (val !== undefined) {
+                if (path.alpha !== undefined) {
+                    let normalized = (0, _pluginUtils).parseColorFormat(val);
+                    return (0, _withAlphaVariable).withAlphaValue(normalized, path.alpha, (0, _toColorValue).default(normalized));
+                }
+                if ((0, _isPlainObject).default(val)) {
+                    return (0, _cloneDeep).cloneDeep(val);
+                }
+                return val;
+            }
         }
-        return val;
+        return defaultValue;
     };
-    resolvePath.theme = resolvePath;
-    for(let key1 in configUtils){
-        resolvePath[key1] = configUtils[key1];
-    }
+    Object.assign(resolvePath, {
+        theme: resolvePath,
+        ...configUtils
+    });
     return Object.keys(object).reduce((resolved, key)=>{
-        return {
-            ...resolved,
-            [key]: isFunction(object[key]) ? object[key](resolvePath, configUtils) : object[key]
-        };
+        resolved[key] = isFunction(object[key]) ? object[key](resolvePath, configUtils) : object[key];
+        return resolved;
     }, {});
 }
 function extractPluginConfigs(configs) {
@@ -165,8 +210,8 @@ function extractPluginConfigs(configs) {
             ...allConfigs,
             config
         ];
-        var ref1;
-        const plugins = (ref1 = config === null || config === void 0 ? void 0 : config.plugins) !== null && ref1 !== void 0 ? ref1 : [];
+        var ref2;
+        const plugins = (ref2 = config === null || config === void 0 ? void 0 : config.plugins) !== null && ref2 !== void 0 ? ref2 : [];
         if (plugins.length === 0) {
             return;
         }
@@ -209,25 +254,3 @@ function resolvePluginLists(pluginLists) {
     }, []);
     return result;
 }
-function resolveConfig(configs) {
-    let allConfigs = [
-        ...extractPluginConfigs(configs),
-        {
-            prefix: '',
-            important: false,
-            separator: ':',
-            variantOrder: _defaultConfigStub.default.variantOrder
-        }, 
-    ];
-    var ref, ref2;
-    return (0, _normalizeConfig).normalizeConfig((0, _defaults).defaults({
-        theme: resolveFunctionKeys(mergeExtensions(mergeThemes(allConfigs.map((t)=>{
-            return (ref = t === null || t === void 0 ? void 0 : t.theme) !== null && ref !== void 0 ? ref : {};
-        })))),
-        corePlugins: resolveCorePlugins(allConfigs.map((c)=>c.corePlugins
-        )),
-        plugins: resolvePluginLists(configs.map((c)=>{
-            return (ref2 = c === null || c === void 0 ? void 0 : c.plugins) !== null && ref2 !== void 0 ? ref2 : [];
-        }))
-    }, ...allConfigs));
-}

package/lib/util/resolveConfigPath.js

@@ -5,20 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = resolveConfigPath;
 var _fs = _interopRequireDefault(require("fs"));
 var _path = _interopRequireDefault(require("path"));
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function isObject(value) {
-    return typeof value === 'object' && value !== null;
-}
-function isEmpty(obj) {
-    return Object.keys(obj).length === 0;
-}
-function isString(value) {
-    return typeof value === 'string' || value instanceof String;
-}
 function resolveConfigPath(pathOrConfig) {
     // require('tailwindcss')({ theme: ..., variants: ... })
     if (isObject(pathOrConfig) && pathOrConfig.config === undefined && !isEmpty(pathOrConfig)) {
@@ -38,8 +24,8 @@ function resolveConfigPath(pathOrConfig) {
     }
     // require('tailwindcss')
     for (const configFile of [
-        './tailwind.config.js',
-        './tailwind.config.cjs'
+        "./tailwind.config.js",
+        "./tailwind.config.cjs"
     ]){
         try {
             const configPath = _path.default.resolve(configFile);
@@ -49,3 +35,17 @@ function resolveConfigPath(pathOrConfig) {
     }
     return null;
 }
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function isObject(value) {
+    return typeof value === "object" && value !== null;
+}
+function isEmpty(obj) {
+    return Object.keys(obj).length === 0;
+}
+function isString(value) {
+    return typeof value === "string" || value instanceof String;
+}

package/lib/util/responsive.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = responsive;
 var _postcss = _interopRequireDefault(require("postcss"));
 var _cloneNodes = _interopRequireDefault(require("./cloneNodes"));
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
 function responsive(rules) {
     return _postcss.default.atRule({
-        name: 'responsive'
+        name: "responsive"
     }).append((0, _cloneNodes).default(Array.isArray(rules) ? rules : [
         rules
     ]));
 }
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}

package/lib/util/splitAtTopLevelOnly.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.splitAtTopLevelOnly = splitAtTopLevelOnly;
+var regex = _interopRequireWildcard(require("../lib/regex"));
+function _getRequireWildcardCache() {
+    if (typeof WeakMap !== "function") return null;
+    var cache = new WeakMap();
+    _getRequireWildcardCache = function() {
+        return cache;
+    };
+    return cache;
+}
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache();
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function* splitAtTopLevelOnly(input, separator) {
+    let SPECIALS = new RegExp(`[(){}\\[\\]${regex.escape(separator)}]`, "g");
+    let depth = 0;
+    let lastIndex = 0;
+    let found = false;
+    let separatorIndex = 0;
+    let separatorStart = 0;
+    let separatorLength = separator.length;
+    // Find all paren-like things & character
+    // And only split on commas if they're top-level
+    for (let match of input.matchAll(SPECIALS)){
+        let matchesSeparator = match[0] === separator[separatorIndex];
+        let atEndOfSeparator = separatorIndex === separatorLength - 1;
+        let matchesFullSeparator = matchesSeparator && atEndOfSeparator;
+        if (match[0] === "(") depth++;
+        if (match[0] === ")") depth--;
+        if (match[0] === "[") depth++;
+        if (match[0] === "]") depth--;
+        if (match[0] === "{") depth++;
+        if (match[0] === "}") depth--;
+        if (matchesSeparator && depth === 0) {
+            if (separatorStart === 0) {
+                separatorStart = match.index;
+            }
+            separatorIndex++;
+        }
+        if (matchesFullSeparator && depth === 0) {
+            found = true;
+            yield input.substring(lastIndex, separatorStart);
+            lastIndex = separatorStart + separatorLength;
+        }
+        if (separatorIndex === separatorLength) {
+            separatorIndex = 0;
+            separatorStart = 0;
+        }
+    }
+    // Provide the last segment of the string if available
+    // Otherwise the whole string since no `char`s were found
+    // This mirrors the behavior of string.split()
+    if (found) {
+        yield input.substring(lastIndex);
+    } else {
+        yield input;
+    }
+}

package/lib/util/toColorValue.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = toColorValue;
 function toColorValue(maybeFunction) {
-    return typeof maybeFunction === 'function' ? maybeFunction({}) : maybeFunction;
+    return typeof maybeFunction === "function" ? maybeFunction({}) : maybeFunction;
 }

package/lib/util/toPath.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.toPath = toPath;
 function toPath(path) {
     if (Array.isArray(path)) return path;
-    let openBrackets = path.split('[').length - 1;
-    let closedBrackets = path.split(']').length - 1;
+    let openBrackets = path.split("[").length - 1;
+    let closedBrackets = path.split("]").length - 1;
     if (openBrackets !== closedBrackets) {
         throw new Error(`Path is invalid. Has unbalanced brackets: ${path}`);
     }

package/lib/util/transformThemeValue.js

@@ -4,56 +4,58 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = transformThemeValue;
 var _postcss = _interopRequireDefault(require("postcss"));
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
 function transformThemeValue(themeSection) {
     if ([
-        'fontSize',
-        'outline'
+        "fontSize",
+        "outline"
     ].includes(themeSection)) {
         return (value)=>{
-            if (typeof value === 'function') value = value({});
+            if (typeof value === "function") value = value({});
             if (Array.isArray(value)) value = value[0];
             return value;
         };
     }
     if ([
-        'fontFamily',
-        'boxShadow',
-        'transitionProperty',
-        'transitionDuration',
-        'transitionDelay',
-        'transitionTimingFunction',
-        'backgroundImage',
-        'backgroundSize',
-        'backgroundColor',
-        'cursor',
-        'animation', 
+        "fontFamily",
+        "boxShadow",
+        "transitionProperty",
+        "transitionDuration",
+        "transitionDelay",
+        "transitionTimingFunction",
+        "backgroundImage",
+        "backgroundSize",
+        "backgroundColor",
+        "cursor",
+        "animation", 
     ].includes(themeSection)) {
         return (value)=>{
-            if (typeof value === 'function') value = value({});
-            if (Array.isArray(value)) value = value.join(', ');
+            if (typeof value === "function") value = value({});
+            if (Array.isArray(value)) value = value.join(", ");
             return value;
         };
     }
     // For backwards compatibility reasons, before we switched to underscores
     // instead of commas for arbitrary values.
     if ([
-        'gridTemplateColumns',
-        'gridTemplateRows',
-        'objectPosition'
+        "gridTemplateColumns",
+        "gridTemplateRows",
+        "objectPosition"
     ].includes(themeSection)) {
         return (value)=>{
-            if (typeof value === 'function') value = value({});
-            if (typeof value === 'string') value = _postcss.default.list.comma(value).join(' ');
+            if (typeof value === "function") value = value({});
+            if (typeof value === "string") value = _postcss.default.list.comma(value).join(" ");
             return value;
         };
     }
-    return (value)=>{
-        if (typeof value === 'function') value = value({});
+    return (value, opts = {})=>{
+        if (typeof value === "function") {
+            value = value(opts);
+        }
         return value;
     };
 }
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}

package/lib/util/validateConfig.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.validateConfig = validateConfig;
+var _log = _interopRequireDefault(require("./log"));
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function validateConfig(config) {
+    if (config.content.files.length === 0) {
+        _log.default.warn("content-problems", [
+            "The `content` option in your Tailwind CSS configuration is missing or empty.",
+            "Configure your content sources or your generated CSS will be missing styles.",
+            "https://tailwindcss.com/docs/content-configuration", 
+        ]);
+    }
+    return config;
+}

package/lib/util/withAlphaVariable.js

@@ -2,29 +2,14 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.withAlphaValue = withAlphaValue;
 exports.default = withAlphaVariable;
+exports.withAlphaValue = withAlphaValue;
 var _color = require("./color");
-function withAlphaValue(color, alphaValue, defaultValue) {
-    if (typeof color === 'function') {
-        return color({
-            opacityValue: alphaValue
-        });
-    }
-    let parsed = (0, _color).parseColor(color);
-    if (parsed === null) {
-        return defaultValue;
-    }
-    return (0, _color).formatColor({
-        ...parsed,
-        alpha: alphaValue
-    });
-}
 function withAlphaVariable({ color , property , variable  }) {
     let properties = [].concat(property);
-    if (typeof color === 'function') {
+    if (typeof color === "function") {
         return {
-            [variable]: '1',
+            [variable]: "1",
             ...Object.fromEntries(properties.map((p)=>{
                 return [
                     p,
@@ -41,19 +26,17 @@ function withAlphaVariable({ color , property , variable  }) {
         return Object.fromEntries(properties.map((p)=>[
                 p,
                 color
-            ]
-        ));
+            ]));
     }
     if (parsed.alpha !== undefined) {
         // Has an alpha value, return color as-is
         return Object.fromEntries(properties.map((p)=>[
                 p,
                 color
-            ]
-        ));
+            ]));
     }
     return {
-        [variable]: '1',
+        [variable]: "1",
         ...Object.fromEntries(properties.map((p)=>{
             return [
                 p,
@@ -65,3 +48,20 @@ function withAlphaVariable({ color , property , variable  }) {
         }))
     };
 }
+function withAlphaValue(color, alphaValue, defaultValue) {
+    if (typeof color === "function") {
+        return color({
+            opacityValue: alphaValue
+        });
+    }
+    let parsed = (0, _color).parseColor(color, {
+        loose: true
+    });
+    if (parsed === null) {
+        return defaultValue;
+    }
+    return (0, _color).formatColor({
+        ...parsed,
+        alpha: alphaValue
+    });
+}