tailwindcss 0.0.0-insiders.ea139f2 → 0.0.0-insiders.ea4e1cd

package/lib/util/configurePlugins.js

@@ -2,7 +2,12 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.default = _default;
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
 function _default(pluginConfig, plugins) {
     if (pluginConfig === undefined) {
         return plugins;
@@ -12,7 +17,7 @@ function _default(pluginConfig, plugins) {
             return pluginConfig !== false && pluginConfig[pluginName] !== false;
         }).concat(Object.keys(pluginConfig).filter((pluginName)=>{
             return pluginConfig[pluginName] !== false;
-        }))), 
+        })))
     ];
     return pluginNames;
 }

package/lib/util/createPlugin.js

@@ -2,16 +2,19 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.default = void 0;
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
 function createPlugin(plugin, config) {
     return {
         handler: plugin,
         config
     };
 }
-createPlugin.withOptions = function(pluginFunction, configFunction = ()=>({
-    })
-) {
+createPlugin.withOptions = function(pluginFunction, configFunction = ()=>({})) {
     const optionsFunction = function(options) {
         return {
             __options: options,
@@ -26,5 +29,4 @@ createPlugin.withOptions = function(pluginFunction, configFunction = ()=>({
     optionsFunction.__configFunction = configFunction;
     return optionsFunction;
 };
-var _default = createPlugin;
-exports.default = _default;
+const _default = createPlugin;

package/lib/util/createUtilityPlugin.js

@@ -2,9 +2,14 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.default = createUtilityPlugin;
-var _transformThemeValue = _interopRequireDefault(require("./transformThemeValue"));
-function _interopRequireDefault(obj) {
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return createUtilityPlugin;
+    }
+});
+const _transformThemeValue = /*#__PURE__*/ _interop_require_default(require("./transformThemeValue"));
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -16,17 +21,16 @@ function createUtilityPlugin(themeKey, utilityVariations = [
             themeKey
         ]
     ]
-], { filterDefault =false , ...options } = {
-}) {
-    let transformValue = (0, _transformThemeValue).default(themeKey);
+], { filterDefault =false , ...options } = {}) {
+    let transformValue = (0, _transformThemeValue.default)(themeKey);
     return function({ matchUtilities , theme  }) {
         for (let utilityVariation of utilityVariations){
             let group = Array.isArray(utilityVariation[0]) ? utilityVariation : [
                 utilityVariation
             ];
-            var ref;
-            matchUtilities(group.reduce((obj1, [classPrefix, properties])=>{
-                return Object.assign(obj1, {
+            var _theme;
+            matchUtilities(group.reduce((obj, [classPrefix, properties])=>{
+                return Object.assign(obj, {
                     [classPrefix]: (value)=>{
                         return properties.reduce((obj, name)=>{
                             if (Array.isArray(name)) {
@@ -37,16 +41,12 @@ function createUtilityPlugin(themeKey, utilityVariations = [
                             return Object.assign(obj, {
                                 [name]: transformValue(value)
                             });
-                        }, {
-                        });
+                        }, {});
                     }
                 });
-            }, {
-            }), {
+            }, {}), {
                 ...options,
-                values: filterDefault ? Object.fromEntries(Object.entries((ref = theme(themeKey)) !== null && ref !== void 0 ? ref : {
-                }).filter(([modifier])=>modifier !== 'DEFAULT'
-                )) : theme(themeKey)
+                values: filterDefault ? Object.fromEntries(Object.entries((_theme = theme(themeKey)) !== null && _theme !== void 0 ? _theme : {}).filter(([modifier])=>modifier !== "DEFAULT")) : theme(themeKey)
             });
         }
     };

package/lib/util/dataTypes.js

@@ -2,99 +2,163 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.normalize = normalize;
-exports.url = url;
-exports.number = number;
-exports.percentage = percentage;
-exports.length = length;
-exports.lineWidth = lineWidth;
-exports.shadow = shadow;
-exports.color = color;
-exports.image = image;
-exports.gradient = gradient;
-exports.position = position;
-exports.familyName = familyName;
-exports.genericName = genericName;
-exports.absoluteSize = absoluteSize;
-exports.relativeSize = relativeSize;
-var _color = require("./color");
-var _parseBoxShadowValue = require("./parseBoxShadowValue");
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    normalize: function() {
+        return normalize;
+    },
+    url: function() {
+        return url;
+    },
+    number: function() {
+        return number;
+    },
+    percentage: function() {
+        return percentage;
+    },
+    length: function() {
+        return length;
+    },
+    lineWidth: function() {
+        return lineWidth;
+    },
+    shadow: function() {
+        return shadow;
+    },
+    color: function() {
+        return color;
+    },
+    image: function() {
+        return image;
+    },
+    gradient: function() {
+        return gradient;
+    },
+    position: function() {
+        return position;
+    },
+    familyName: function() {
+        return familyName;
+    },
+    genericName: function() {
+        return genericName;
+    },
+    absoluteSize: function() {
+        return absoluteSize;
+    },
+    relativeSize: function() {
+        return relativeSize;
+    }
+});
+const _color = require("./color");
+const _parseBoxShadowValue = require("./parseBoxShadowValue");
+const _splitAtTopLevelOnly = require("./splitAtTopLevelOnly");
 let cssFunctions = [
-    'min',
-    'max',
-    'clamp',
-    'calc'
+    "min",
+    "max",
+    "clamp",
+    "calc"
 ];
 // Ref: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Types
-let COMMA = /,(?![^(]*\))/g // Comma separator that is not located between brackets. E.g.: `cubiz-bezier(a, b, c)` these don't count.
-;
-let UNDERSCORE = /_(?![^(]*\))/g // Underscore separator that is not located between brackets. E.g.: `rgba(255,_255,_255)_black` these don't count.
-;
+function isCSSFunction(value) {
+    return cssFunctions.some((fn)=>new RegExp(`^${fn}\\(.*\\)`).test(value));
+}
+const placeholder = "--tw-placeholder";
+const placeholderRe = new RegExp(placeholder, "g");
 function normalize(value, isRoot = true) {
+    if (value.startsWith("--")) {
+        return `var(${value})`;
+    }
     // Keep raw strings if it starts with `url(`
-    if (value.includes('url(')) {
+    if (value.includes("url(")) {
         return value.split(/(url\(.*?\))/g).filter(Boolean).map((part)=>{
             if (/^url\(.*?\)$/.test(part)) {
                 return part;
             }
             return normalize(part, false);
-        }).join('');
+        }).join("");
     }
     // Convert `_` to ` `, except for escaped underscores `\_`
-    value = value.replace(/([^\\])_+/g, (fullMatch, characterBefore)=>characterBefore + ' '.repeat(fullMatch.length - 1)
-    ).replace(/^_/g, ' ').replace(/\\_/g, '_');
+    value = value.replace(/([^\\])_+/g, (fullMatch, characterBefore)=>characterBefore + " ".repeat(fullMatch.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_");
     // Remove leftover whitespace
     if (isRoot) {
         value = value.trim();
     }
-    // Add spaces around operators inside calc() that do not follow an operator
+    // Add spaces around operators inside math functions like calc() that do not follow an operator
     // or '('.
-    return value.replace(/(-?\d*\.?\d(?!\b-.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, '$1 $2 ');
+    value = value.replace(/(calc|min|max|clamp)\(.+\)/g, (match)=>{
+        let vars = [];
+        return match.replace(/var\((--.+?)[,)]/g, (match, g1)=>{
+            vars.push(g1);
+            return match.replace(g1, placeholder);
+        }).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(placeholderRe, ()=>vars.shift());
+    });
+    return value;
 }
 function url(value) {
-    return value.startsWith('url(');
+    return value.startsWith("url(");
 }
 function number(value) {
-    return !isNaN(Number(value)) || cssFunctions.some((fn)=>new RegExp(`^${fn}\\(.+?`).test(value)
-    );
+    return !isNaN(Number(value)) || isCSSFunction(value);
 }
 function percentage(value) {
-    return /%$/g.test(value) || cssFunctions.some((fn)=>new RegExp(`^${fn}\\(.+?%`).test(value)
-    );
+    return value.endsWith("%") && number(value.slice(0, -1)) || isCSSFunction(value);
 }
+// Please refer to MDN when updating this list:
+// https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units
+// https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Container_Queries#container_query_length_units
 let lengthUnits = [
-    'cm',
-    'mm',
-    'Q',
-    'in',
-    'pc',
-    'pt',
-    'px',
-    'em',
-    'ex',
-    'ch',
-    'rem',
-    'lh',
-    'vw',
-    'vh',
-    'vmin',
-    'vmax', 
+    "cm",
+    "mm",
+    "Q",
+    "in",
+    "pc",
+    "pt",
+    "px",
+    "em",
+    "ex",
+    "ch",
+    "rem",
+    "lh",
+    "rlh",
+    "vw",
+    "vh",
+    "vmin",
+    "vmax",
+    "vb",
+    "vi",
+    "svw",
+    "svh",
+    "lvw",
+    "lvh",
+    "dvw",
+    "dvh",
+    "cqw",
+    "cqh",
+    "cqi",
+    "cqb",
+    "cqmin",
+    "cqmax"
 ];
-let lengthUnitsPattern = `(?:${lengthUnits.join('|')})`;
+let lengthUnitsPattern = `(?:${lengthUnits.join("|")})`;
 function length(value) {
-    return value === '0' || new RegExp(`${lengthUnitsPattern}$`).test(value) || cssFunctions.some((fn)=>new RegExp(`^${fn}\\(.+?${lengthUnitsPattern}`).test(value)
-    );
+    return value === "0" || new RegExp(`^[+-]?[0-9]*\.?[0-9]+(?:[eE][+-]?[0-9]+)?${lengthUnitsPattern}$`).test(value) || isCSSFunction(value);
 }
 let lineWidths = new Set([
-    'thin',
-    'medium',
-    'thick'
+    "thin",
+    "medium",
+    "thick"
 ]);
 function lineWidth(value) {
     return lineWidths.has(value);
 }
 function shadow(value) {
-    let parsedShadows = (0, _parseBoxShadowValue).parseBoxShadowValue(normalize(value));
+    let parsedShadows = (0, _parseBoxShadowValue.parseBoxShadowValue)(normalize(value));
     for (let parsedShadow of parsedShadows){
         if (!parsedShadow.valid) {
             return false;
@@ -104,10 +168,12 @@ function shadow(value) {
 }
 function color(value) {
     let colors = 0;
-    let result = value.split(UNDERSCORE).every((part)=>{
+    let result = (0, _splitAtTopLevelOnly.splitAtTopLevelOnly)(value, "_").every((part)=>{
         part = normalize(part);
-        if (part.startsWith('var(')) return true;
-        if ((0, _color).parseColor(part) !== null) return colors++, true;
+        if (part.startsWith("var(")) return true;
+        if ((0, _color.parseColor)(part, {
+            loose: true
+        }) !== null) return colors++, true;
         return false;
     });
     if (!result) return false;
@@ -115,16 +181,15 @@ function color(value) {
 }
 function image(value) {
     let images = 0;
-    let result = value.split(COMMA).every((part)=>{
+    let result = (0, _splitAtTopLevelOnly.splitAtTopLevelOnly)(value, ",").every((part)=>{
         part = normalize(part);
-        if (part.startsWith('var(')) return true;
+        if (part.startsWith("var(")) return true;
         if (url(part) || gradient(part) || [
-            'element(',
-            'image(',
-            'cross-fade(',
-            'image-set('
-        ].some((fn)=>part.startsWith(fn)
-        )) {
+            "element(",
+            "image(",
+            "cross-fade(",
+            "image-set("
+        ].some((fn)=>part.startsWith(fn))) {
             images++;
             return true;
         }
@@ -134,11 +199,11 @@ function image(value) {
     return images > 0;
 }
 let gradientTypes = new Set([
-    'linear-gradient',
-    'radial-gradient',
-    'repeating-linear-gradient',
-    'repeating-radial-gradient',
-    'conic-gradient', 
+    "linear-gradient",
+    "radial-gradient",
+    "repeating-linear-gradient",
+    "repeating-radial-gradient",
+    "conic-gradient"
 ]);
 function gradient(value) {
     value = normalize(value);
@@ -150,17 +215,17 @@ function gradient(value) {
     return false;
 }
 let validPositions = new Set([
-    'center',
-    'top',
-    'right',
-    'bottom',
-    'left'
+    "center",
+    "top",
+    "right",
+    "bottom",
+    "left"
 ]);
 function position(value) {
     let positions = 0;
-    let result = value.split(UNDERSCORE).every((part)=>{
+    let result = (0, _splitAtTopLevelOnly.splitAtTopLevelOnly)(value, "_").every((part)=>{
         part = normalize(part);
-        if (part.startsWith('var(')) return true;
+        if (part.startsWith("var(")) return true;
         if (validPositions.has(part) || length(part) || percentage(part)) {
             positions++;
             return true;
@@ -172,11 +237,11 @@ function position(value) {
 }
 function familyName(value) {
     let fonts = 0;
-    let result = value.split(COMMA).every((part)=>{
+    let result = (0, _splitAtTopLevelOnly.splitAtTopLevelOnly)(value, ",").every((part)=>{
         part = normalize(part);
-        if (part.startsWith('var(')) return true;
+        if (part.startsWith("var(")) return true;
         // If it contains spaces, then it should be quoted
-        if (part.includes(' ')) {
+        if (part.includes(" ")) {
             if (!/(['"])([^"']+)\1/g.test(part)) {
                 return false;
             }
@@ -192,39 +257,39 @@ function familyName(value) {
     return fonts > 0;
 }
 let genericNames = new Set([
-    'serif',
-    'sans-serif',
-    'monospace',
-    'cursive',
-    'fantasy',
-    'system-ui',
-    'ui-serif',
-    'ui-sans-serif',
-    'ui-monospace',
-    'ui-rounded',
-    'math',
-    'emoji',
-    'fangsong', 
+    "serif",
+    "sans-serif",
+    "monospace",
+    "cursive",
+    "fantasy",
+    "system-ui",
+    "ui-serif",
+    "ui-sans-serif",
+    "ui-monospace",
+    "ui-rounded",
+    "math",
+    "emoji",
+    "fangsong"
 ]);
 function genericName(value) {
     return genericNames.has(value);
 }
 let absoluteSizes = new Set([
-    'xx-small',
-    'x-small',
-    'small',
-    'medium',
-    'large',
-    'x-large',
-    'x-large',
-    'xxx-large', 
+    "xx-small",
+    "x-small",
+    "small",
+    "medium",
+    "large",
+    "x-large",
+    "x-large",
+    "xxx-large"
 ]);
 function absoluteSize(value) {
     return absoluteSizes.has(value);
 }
 let relativeSizes = new Set([
-    'larger',
-    'smaller'
+    "larger",
+    "smaller"
 ]);
 function relativeSize(value) {
     return relativeSizes.has(value);

package/lib/util/defaults.js

@@ -2,12 +2,23 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.defaults = defaults;
+Object.defineProperty(exports, "defaults", {
+    enumerable: true,
+    get: function() {
+        return defaults;
+    }
+});
 function defaults(target, ...sources) {
     for (let source of sources){
         for(let k in source){
-            var ref;
-            if (!(target === null || target === void 0 ? void 0 : (ref = target.hasOwnProperty) === null || ref === void 0 ? void 0 : ref.call(target, k))) {
+            var _target_hasOwnProperty;
+            if (!(target === null || target === void 0 ? void 0 : (_target_hasOwnProperty = target.hasOwnProperty) === null || _target_hasOwnProperty === void 0 ? void 0 : _target_hasOwnProperty.call(target, k))) {
+                target[k] = source[k];
+            }
+        }
+        for (let k of Object.getOwnPropertySymbols(source)){
+            var _target_hasOwnProperty1;
+            if (!(target === null || target === void 0 ? void 0 : (_target_hasOwnProperty1 = target.hasOwnProperty) === null || _target_hasOwnProperty1 === void 0 ? void 0 : _target_hasOwnProperty1.call(target, k))) {
                 target[k] = source[k];
             }
         }

package/lib/util/escapeClassName.js

@@ -2,18 +2,23 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.default = escapeClassName;
-var _postcssSelectorParser = _interopRequireDefault(require("postcss-selector-parser"));
-var _escapeCommas = _interopRequireDefault(require("./escapeCommas"));
-function _interopRequireDefault(obj) {
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return escapeClassName;
+    }
+});
+const _postcssselectorparser = /*#__PURE__*/ _interop_require_default(require("postcss-selector-parser"));
+const _escapeCommas = /*#__PURE__*/ _interop_require_default(require("./escapeCommas"));
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
 function escapeClassName(className) {
-    var ref;
-    let node = _postcssSelectorParser.default.className();
+    var _node_raws;
+    let node = _postcssselectorparser.default.className();
     node.value = className;
-    var ref1;
-    return (0, _escapeCommas).default((ref1 = node === null || node === void 0 ? void 0 : (ref = node.raws) === null || ref === void 0 ? void 0 : ref.value) !== null && ref1 !== void 0 ? ref1 : node.value);
+    var _node_raws_value;
+    return (0, _escapeCommas.default)((_node_raws_value = node === null || node === void 0 ? void 0 : (_node_raws = node.raws) === null || _node_raws === void 0 ? void 0 : _node_raws.value) !== null && _node_raws_value !== void 0 ? _node_raws_value : node.value);
 }

package/lib/util/escapeCommas.js

@@ -2,7 +2,12 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.default = escapeCommas;
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return escapeCommas;
+    }
+});
 function escapeCommas(className) {
-    return className.replace(/\\,/g, '\\2c ');
+    return className.replace(/\\,/g, "\\2c ");
 }

package/lib/util/flattenColorPalette.js

@@ -2,18 +2,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.default = void 0;
-const flattenColorPalette = (colors)=>Object.assign({
-    }, ...Object.entries(colors !== null && colors !== void 0 ? colors : {
-    }).flatMap(([color, values])=>typeof values == 'object' ? Object.entries(flattenColorPalette(values)).map(([number, hex])=>({
-                [color + (number === 'DEFAULT' ? '' : `-${number}`)]: hex
-            })
-        ) : [
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const flattenColorPalette = (colors)=>Object.assign({}, ...Object.entries(colors !== null && colors !== void 0 ? colors : {}).flatMap(([color, values])=>typeof values == "object" ? Object.entries(flattenColorPalette(values)).map(([number, hex])=>({
+                [color + (number === "DEFAULT" ? "" : `-${number}`)]: hex
+            })) : [
             {
                 [`${color}`]: values
             }
-        ]
-    ))
-;
-var _default = flattenColorPalette;
-exports.default = _default;
+        ]));
+const _default = flattenColorPalette;