tailwindcss 0.0.0-oxide-insiders.9ebaaac → 0.0.0-oxide.1

package/lib/util/normalizeConfig.js

@@ -1,304 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "normalizeConfig", {
-    enumerable: true,
-    get: function() {
-        return normalizeConfig;
-    }
-});
-const _featureFlags = require("../featureFlags");
-const _log = /*#__PURE__*/ _interop_require_wildcard(require("./log"));
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {};
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && 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 normalizeConfig(config) {
-    // Quick structure validation
-    /**
-   * type FilePath = string
-   * type RawFile = { raw: string, extension?: string }
-   * type ExtractorFn = (content: string) => Array<string>
-   * type TransformerFn = (content: string) => string
-   *
-   * type Content =
-   *   | Array<FilePath | RawFile>
-   *   | {
-   *       files: Array<FilePath | RawFile>,
-   *       extract?: ExtractorFn | { [extension: string]: ExtractorFn }
-   *       transform?: TransformerFn | { [extension: string]: TransformerFn }
-   *   }
-   */ let valid = (()=>{
-        if (config.content === "auto") {
-            return true;
-        }
-        // `config.purge` should not exist anymore
-        if (config.purge) {
-            return false;
-        }
-        // `config.content` should exist
-        if (!config.content) {
-            return false;
-        }
-        // `config.content` should be an object or an array
-        if (!Array.isArray(config.content) && !(typeof config.content === "object" && config.content !== null)) {
-            return false;
-        }
-        // When `config.content` is an array, it should consist of FilePaths or RawFiles
-        if (Array.isArray(config.content)) {
-            return config.content.every((path)=>{
-                // `path` can be a string
-                if (typeof path === "string") return true;
-                // `path` can be an object { raw: string, extension?: string }
-                // `raw` must be a string
-                if (typeof (path === null || path === void 0 ? void 0 : path.raw) !== "string") return false;
-                // `extension` (if provided) should also be a string
-                if ((path === null || path === void 0 ? void 0 : path.extension) && typeof (path === null || path === void 0 ? void 0 : path.extension) !== "string") {
-                    return false;
-                }
-                return true;
-            });
-        }
-        // When `config.content` is an object
-        if (typeof config.content === "object" && config.content !== null) {
-            // Only `files`, `relative`, `extract`, and `transform` can exist in `config.content`
-            if (Object.keys(config.content).some((key)=>![
-                    "files",
-                    "relative",
-                    "extract",
-                    "transform"
-                ].includes(key))) {
-                return false;
-            }
-            // `config.content.files` should exist of FilePaths or RawFiles
-            if (Array.isArray(config.content.files)) {
-                if (!config.content.files.every((path)=>{
-                    // `path` can be a string
-                    if (typeof path === "string") return true;
-                    // `path` can be an object { raw: string, extension?: string }
-                    // `raw` must be a string
-                    if (typeof (path === null || path === void 0 ? void 0 : path.raw) !== "string") return false;
-                    // `extension` (if provided) should also be a string
-                    if ((path === null || path === void 0 ? void 0 : path.extension) && typeof (path === null || path === void 0 ? void 0 : path.extension) !== "string") {
-                        return false;
-                    }
-                    return true;
-                })) {
-                    return false;
-                }
-                // `config.content.extract` is optional, and can be a Function or a Record<String, Function>
-                if (typeof config.content.extract === "object") {
-                    for (let value of Object.values(config.content.extract)){
-                        if (typeof value !== "function") {
-                            return false;
-                        }
-                    }
-                } else if (!(config.content.extract === undefined || typeof config.content.extract === "function")) {
-                    return false;
-                }
-                // `config.content.transform` is optional, and can be a Function or a Record<String, Function>
-                if (typeof config.content.transform === "object") {
-                    for (let value of Object.values(config.content.transform)){
-                        if (typeof value !== "function") {
-                            return false;
-                        }
-                    }
-                } else if (!(config.content.transform === undefined || typeof config.content.transform === "function")) {
-                    return false;
-                }
-                // `config.content.relative` is optional and can be a boolean
-                if (typeof config.content.relative !== "boolean" && typeof config.content.relative !== "undefined") {
-                    return false;
-                }
-            }
-            return true;
-        }
-        return false;
-    })();
-    if (!valid) {
-        _log.default.warn("purge-deprecation", [
-            "The `purge`/`content` options have changed in Tailwind CSS v3.0.",
-            "Update your configuration file to eliminate this warning.",
-            "https://tailwindcss.com/docs/upgrade-guide#configure-content-sources"
-        ]);
-    }
-    // Normalize the `safelist`
-    config.safelist = (()=>{
-        var _purge_options;
-        let { content , purge , safelist  } = config;
-        if (Array.isArray(safelist)) return safelist;
-        if (Array.isArray(content === null || content === void 0 ? void 0 : content.safelist)) return content.safelist;
-        if (Array.isArray(purge === null || purge === void 0 ? void 0 : purge.safelist)) return purge.safelist;
-        if (Array.isArray(purge === null || purge === void 0 ? void 0 : (_purge_options = purge.options) === null || _purge_options === void 0 ? void 0 : _purge_options.safelist)) return purge.options.safelist;
-        return [];
-    })();
-    // Normalize the `blocklist`
-    config.blocklist = (()=>{
-        let { blocklist  } = config;
-        if (Array.isArray(blocklist)) {
-            if (blocklist.every((item)=>typeof item === "string")) {
-                return blocklist;
-            }
-            _log.default.warn("blocklist-invalid", [
-                "The `blocklist` option must be an array of strings.",
-                "https://tailwindcss.com/docs/content-configuration#discarding-classes"
-            ]);
-        }
-        return [];
-    })();
-    // Normalize prefix option
-    if (typeof config.prefix === "function") {
-        _log.default.warn("prefix-function", [
-            "As of Tailwind CSS v3.0, `prefix` cannot be a function.",
-            "Update `prefix` in your configuration to be a string to eliminate this warning.",
-            "https://tailwindcss.com/docs/upgrade-guide#prefix-cannot-be-a-function"
-        ]);
-        config.prefix = "";
-    } else {
-        var _config_prefix;
-        config.prefix = (_config_prefix = config.prefix) !== null && _config_prefix !== void 0 ? _config_prefix : "";
-    }
-    let auto = (()=>{
-        // Config still has a `purge` option (for backwards compatibility), auto content should not be
-        // used
-        if (config.purge) return false;
-        //
-        if (config.content === "auto") return true;
-        // We don't have content at all, auto content should be used
-        if (config.content === undefined) return true;
-        // We do have content as an object, but we don't have any files defined, auto content should
-        // be used
-        if (typeof config.content === "object" && config.content !== null && !Array.isArray(config.content)) {
-            return config.content.files === undefined;
-        }
-        // We do have content defined, auto content should not be used
-        return false;
-    })();
-    // Normalize the `content`
-    config.content = {
-        relative: (()=>{
-            let { content  } = config;
-            if (content === null || content === void 0 ? void 0 : content.relative) {
-                return content.relative;
-            }
-            return (0, _featureFlags.flagEnabled)(config, "relativeContentPathsByDefault");
-        })(),
-        files: auto ? "auto" : (()=>{
-            let { content , purge  } = config;
-            if (content === undefined && purge === undefined) return [];
-            if (Array.isArray(purge)) return purge;
-            if (Array.isArray(purge === null || purge === void 0 ? void 0 : purge.content)) return purge.content;
-            if (Array.isArray(content)) return content;
-            if (Array.isArray(content === null || content === void 0 ? void 0 : content.content)) return content.content;
-            if (Array.isArray(content === null || content === void 0 ? void 0 : content.files)) return content.files;
-            return [];
-        })(),
-        extract: (()=>{
-            let extract = (()=>{
-                var _config_purge, _config_content, _config_purge1, _config_purge_extract, _config_content1, _config_content_extract, _config_purge2, _config_purge_options, _config_content2, _config_content_options;
-                if ((_config_purge = config.purge) === null || _config_purge === void 0 ? void 0 : _config_purge.extract) return config.purge.extract;
-                if ((_config_content = config.content) === null || _config_content === void 0 ? void 0 : _config_content.extract) return config.content.extract;
-                if ((_config_purge1 = config.purge) === null || _config_purge1 === void 0 ? void 0 : (_config_purge_extract = _config_purge1.extract) === null || _config_purge_extract === void 0 ? void 0 : _config_purge_extract.DEFAULT) return config.purge.extract.DEFAULT;
-                if ((_config_content1 = config.content) === null || _config_content1 === void 0 ? void 0 : (_config_content_extract = _config_content1.extract) === null || _config_content_extract === void 0 ? void 0 : _config_content_extract.DEFAULT) return config.content.extract.DEFAULT;
-                if ((_config_purge2 = config.purge) === null || _config_purge2 === void 0 ? void 0 : (_config_purge_options = _config_purge2.options) === null || _config_purge_options === void 0 ? void 0 : _config_purge_options.extractors) return config.purge.options.extractors;
-                if ((_config_content2 = config.content) === null || _config_content2 === void 0 ? void 0 : (_config_content_options = _config_content2.options) === null || _config_content_options === void 0 ? void 0 : _config_content_options.extractors) return config.content.options.extractors;
-                return {};
-            })();
-            let extractors = {};
-            let defaultExtractor = (()=>{
-                var _config_purge, _config_purge_options, _config_content, _config_content_options;
-                if ((_config_purge = config.purge) === null || _config_purge === void 0 ? void 0 : (_config_purge_options = _config_purge.options) === null || _config_purge_options === void 0 ? void 0 : _config_purge_options.defaultExtractor) {
-                    return config.purge.options.defaultExtractor;
-                }
-                if ((_config_content = config.content) === null || _config_content === void 0 ? void 0 : (_config_content_options = _config_content.options) === null || _config_content_options === void 0 ? void 0 : _config_content_options.defaultExtractor) {
-                    return config.content.options.defaultExtractor;
-                }
-                return undefined;
-            })();
-            if (defaultExtractor !== undefined) {
-                extractors.DEFAULT = defaultExtractor;
-            }
-            // Functions
-            if (typeof extract === "function") {
-                extractors.DEFAULT = extract;
-            } else if (Array.isArray(extract)) {
-                for (let { extensions , extractor  } of extract !== null && extract !== void 0 ? extract : []){
-                    for (let extension of extensions){
-                        extractors[extension] = extractor;
-                    }
-                }
-            } else if (typeof extract === "object" && extract !== null) {
-                Object.assign(extractors, extract);
-            }
-            return extractors;
-        })(),
-        transform: (()=>{
-            let transform = (()=>{
-                var _config_purge, _config_content, _config_purge1, _config_purge_transform, _config_content1, _config_content_transform;
-                if ((_config_purge = config.purge) === null || _config_purge === void 0 ? void 0 : _config_purge.transform) return config.purge.transform;
-                if ((_config_content = config.content) === null || _config_content === void 0 ? void 0 : _config_content.transform) return config.content.transform;
-                if ((_config_purge1 = config.purge) === null || _config_purge1 === void 0 ? void 0 : (_config_purge_transform = _config_purge1.transform) === null || _config_purge_transform === void 0 ? void 0 : _config_purge_transform.DEFAULT) return config.purge.transform.DEFAULT;
-                if ((_config_content1 = config.content) === null || _config_content1 === void 0 ? void 0 : (_config_content_transform = _config_content1.transform) === null || _config_content_transform === void 0 ? void 0 : _config_content_transform.DEFAULT) return config.content.transform.DEFAULT;
-                return {};
-            })();
-            let transformers = {};
-            if (typeof transform === "function") {
-                transformers.DEFAULT = transform;
-            }
-            if (typeof transform === "object" && transform !== null) {
-                Object.assign(transformers, transform);
-            }
-            return transformers;
-        })()
-    };
-    // Validate globs to prevent bogus globs.
-    // E.g.: `./src/*.{html}` is invalid, the `{html}` should just be `html`
-    if (config.content.files !== "auto") {
-        for (let file of config.content.files){
-            if (typeof file === "string" && /{([^,]*?)}/g.test(file)) {
-                _log.default.warn("invalid-glob-braces", [
-                    `The glob pattern ${(0, _log.dim)(file)} in your Tailwind CSS configuration is invalid.`,
-                    `Update it to ${(0, _log.dim)(file.replace(/{([^,]*?)}/g, "$1"))} to silence this warning.`
-                ]);
-                break;
-            }
-        }
-    }
-    return config;
-}

package/lib/util/normalizeScreens.js

@@ -1,178 +0,0 @@
-/**
- * @typedef {object} ScreenValue
- * @property {number|undefined} min
- * @property {number|undefined} max
- * @property {string|undefined} raw
- */ /**
- * @typedef {object} Screen
- * @property {string} name
- * @property {boolean} not
- * @property {ScreenValue[]} values
- */ /**
- * A function that normalizes the various forms that the screens object can be
- * provided in.
- *
- * Input(s):
- *   - ['100px', '200px'] // Raw strings
- *   - { sm: '100px', md: '200px' } // Object with string values
- *   - { sm: { min: '100px' }, md: { max: '100px' } } // Object with object values
- *   - { sm: [{ min: '100px' }, { max: '200px' }] } // Object with object array (multiple values)
- *
- * Output(s):
- *   - [{ name: 'sm', values: [{ min: '100px', max: '200px' }] }] // List of objects, that contains multiple values
- *
- * @returns {Screen[]}
- */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    normalizeScreens: function() {
-        return normalizeScreens;
-    },
-    isScreenSortable: function() {
-        return isScreenSortable;
-    },
-    compareScreens: function() {
-        return compareScreens;
-    },
-    toScreen: function() {
-        return toScreen;
-    }
-});
-function normalizeScreens(screens, root = true) {
-    if (Array.isArray(screens)) {
-        return screens.map((screen)=>{
-            if (root && Array.isArray(screen)) {
-                throw new Error("The tuple syntax is not supported for `screens`.");
-            }
-            if (typeof screen === "string") {
-                return {
-                    name: screen.toString(),
-                    not: false,
-                    values: [
-                        {
-                            min: screen,
-                            max: undefined
-                        }
-                    ]
-                };
-            }
-            let [name, options] = screen;
-            name = name.toString();
-            if (typeof options === "string") {
-                return {
-                    name,
-                    not: false,
-                    values: [
-                        {
-                            min: options,
-                            max: undefined
-                        }
-                    ]
-                };
-            }
-            if (Array.isArray(options)) {
-                return {
-                    name,
-                    not: false,
-                    values: options.map((option)=>resolveValue(option))
-                };
-            }
-            return {
-                name,
-                not: false,
-                values: [
-                    resolveValue(options)
-                ]
-            };
-        });
-    }
-    return normalizeScreens(Object.entries(screens !== null && screens !== void 0 ? screens : {}), false);
-}
-function isScreenSortable(screen) {
-    if (screen.values.length !== 1) {
-        return {
-            result: false,
-            reason: "multiple-values"
-        };
-    } else if (screen.values[0].raw !== undefined) {
-        return {
-            result: false,
-            reason: "raw-values"
-        };
-    } else if (screen.values[0].min !== undefined && screen.values[0].max !== undefined) {
-        return {
-            result: false,
-            reason: "min-and-max"
-        };
-    }
-    return {
-        result: true,
-        reason: null
-    };
-}
-function compareScreens(type, a, z) {
-    let aScreen = toScreen(a, type);
-    let zScreen = toScreen(z, type);
-    let aSorting = isScreenSortable(aScreen);
-    let bSorting = isScreenSortable(zScreen);
-    // These cases should never happen and indicate a bug in Tailwind CSS itself
-    if (aSorting.reason === "multiple-values" || bSorting.reason === "multiple-values") {
-        throw new Error("Attempted to sort a screen with multiple values. This should never happen. Please open a bug report.");
-    } else if (aSorting.reason === "raw-values" || bSorting.reason === "raw-values") {
-        throw new Error("Attempted to sort a screen with raw values. This should never happen. Please open a bug report.");
-    } else if (aSorting.reason === "min-and-max" || bSorting.reason === "min-and-max") {
-        throw new Error("Attempted to sort a screen with both min and max values. This should never happen. Please open a bug report.");
-    }
-    // Let the sorting begin
-    let { min: aMin , max: aMax  } = aScreen.values[0];
-    let { min: zMin , max: zMax  } = zScreen.values[0];
-    // Negating screens flip their behavior. Basically `not min-width` is `max-width`
-    if (a.not) [aMin, aMax] = [
-        aMax,
-        aMin
-    ];
-    if (z.not) [zMin, zMax] = [
-        zMax,
-        zMin
-    ];
-    aMin = aMin === undefined ? aMin : parseFloat(aMin);
-    aMax = aMax === undefined ? aMax : parseFloat(aMax);
-    zMin = zMin === undefined ? zMin : parseFloat(zMin);
-    zMax = zMax === undefined ? zMax : parseFloat(zMax);
-    let [aValue, zValue] = type === "min" ? [
-        aMin,
-        zMin
-    ] : [
-        zMax,
-        aMax
-    ];
-    return aValue - zValue;
-}
-function toScreen(value, type) {
-    if (typeof value === "object") {
-        return value;
-    }
-    return {
-        name: "arbitrary-screen",
-        values: [
-            {
-                [type]: value
-            }
-        ]
-    };
-}
-function resolveValue({ "min-width": _minWidth , min =_minWidth , max , raw  } = {}) {
-    return {
-        min,
-        max,
-        raw
-    };
-}

package/lib/util/parseAnimationValue.js

@@ -1,93 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return parseAnimationValue;
-    }
-});
-const DIRECTIONS = new Set([
-    "normal",
-    "reverse",
-    "alternate",
-    "alternate-reverse"
-]);
-const PLAY_STATES = new Set([
-    "running",
-    "paused"
-]);
-const FILL_MODES = new Set([
-    "none",
-    "forwards",
-    "backwards",
-    "both"
-]);
-const ITERATION_COUNTS = new Set([
-    "infinite"
-]);
-const TIMINGS = new Set([
-    "linear",
-    "ease",
-    "ease-in",
-    "ease-out",
-    "ease-in-out",
-    "step-start",
-    "step-end"
-]);
-const TIMING_FNS = [
-    "cubic-bezier",
-    "steps"
-];
-const COMMA = /\,(?![^(]*\))/g // Comma separator that is not located between brackets. E.g.: `cubiz-bezier(a, b, c)` these don't count.
-;
-const SPACE = /\ +(?![^(]*\))/g // Similar to the one above, but with spaces instead.
-;
-const TIME = /^(-?[\d.]+m?s)$/;
-const DIGIT = /^(\d+)$/;
-function parseAnimationValue(input) {
-    let animations = input.split(COMMA);
-    return animations.map((animation)=>{
-        let value = animation.trim();
-        let result = {
-            value
-        };
-        let parts = value.split(SPACE);
-        let seen = new Set();
-        for (let part of parts){
-            if (!seen.has("DIRECTIONS") && DIRECTIONS.has(part)) {
-                result.direction = part;
-                seen.add("DIRECTIONS");
-            } else if (!seen.has("PLAY_STATES") && PLAY_STATES.has(part)) {
-                result.playState = part;
-                seen.add("PLAY_STATES");
-            } else if (!seen.has("FILL_MODES") && FILL_MODES.has(part)) {
-                result.fillMode = part;
-                seen.add("FILL_MODES");
-            } else if (!seen.has("ITERATION_COUNTS") && (ITERATION_COUNTS.has(part) || DIGIT.test(part))) {
-                result.iterationCount = part;
-                seen.add("ITERATION_COUNTS");
-            } else if (!seen.has("TIMING_FUNCTION") && TIMINGS.has(part)) {
-                result.timingFunction = part;
-                seen.add("TIMING_FUNCTION");
-            } else if (!seen.has("TIMING_FUNCTION") && TIMING_FNS.some((f)=>part.startsWith(`${f}(`))) {
-                result.timingFunction = part;
-                seen.add("TIMING_FUNCTION");
-            } else if (!seen.has("DURATION") && TIME.test(part)) {
-                result.duration = part;
-                seen.add("DURATION");
-            } else if (!seen.has("DELAY") && TIME.test(part)) {
-                result.delay = part;
-                seen.add("DELAY");
-            } else if (!seen.has("NAME")) {
-                result.name = part;
-                seen.add("NAME");
-            } else {
-                if (!result.unknown) result.unknown = [];
-                result.unknown.push(part);
-            }
-        }
-        return result;
-    });
-}

package/lib/util/parseBoxShadowValue.js

@@ -1,88 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    parseBoxShadowValue: function() {
-        return parseBoxShadowValue;
-    },
-    formatBoxShadowValue: function() {
-        return formatBoxShadowValue;
-    }
-});
-const _splitAtTopLevelOnly = require("./splitAtTopLevelOnly");
-let KEYWORDS = new Set([
-    "inset",
-    "inherit",
-    "initial",
-    "revert",
-    "unset"
-]);
-let SPACE = /\ +(?![^(]*\))/g // Similar to the one above, but with spaces instead.
-;
-let LENGTH = /^-?(\d+|\.\d+)(.*?)$/g;
-function parseBoxShadowValue(input) {
-    let shadows = (0, _splitAtTopLevelOnly.splitAtTopLevelOnly)(input, ",");
-    return shadows.map((shadow)=>{
-        let value = shadow.trim();
-        let result = {
-            raw: value
-        };
-        let parts = value.split(SPACE);
-        let seen = new Set();
-        for (let part of parts){
-            // Reset index, since the regex is stateful.
-            LENGTH.lastIndex = 0;
-            // Keyword
-            if (!seen.has("KEYWORD") && KEYWORDS.has(part)) {
-                result.keyword = part;
-                seen.add("KEYWORD");
-            } else if (LENGTH.test(part)) {
-                if (!seen.has("X")) {
-                    result.x = part;
-                    seen.add("X");
-                } else if (!seen.has("Y")) {
-                    result.y = part;
-                    seen.add("Y");
-                } else if (!seen.has("BLUR")) {
-                    result.blur = part;
-                    seen.add("BLUR");
-                } else if (!seen.has("SPREAD")) {
-                    result.spread = part;
-                    seen.add("SPREAD");
-                }
-            } else {
-                if (!result.color) {
-                    result.color = part;
-                } else {
-                    if (!result.unknown) result.unknown = [];
-                    result.unknown.push(part);
-                }
-            }
-        }
-        // Check if valid
-        result.valid = result.x !== undefined && result.y !== undefined;
-        return result;
-    });
-}
-function formatBoxShadowValue(shadows) {
-    return shadows.map((shadow)=>{
-        if (!shadow.valid) {
-            return shadow.raw;
-        }
-        return [
-            shadow.keyword,
-            shadow.x,
-            shadow.y,
-            shadow.blur,
-            shadow.spread,
-            shadow.color
-        ].filter(Boolean).join(" ");
-    }).join(", ");
-}