tailwindcss 3.0.21 → 3.0.24

package/lib/util/color.js

@@ -12,48 +12,49 @@ function _interopRequireDefault(obj) {
 }
 let HEX = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i;
 let SHORT_HEX = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i;
-let VALUE = `(?:\\d+|\\d*\\.\\d+)%?`;
-let SEP = `(?:\\s*,\\s*|\\s+)`;
-let ALPHA_SEP = `\\s*[,/]\\s*`;
-let RGB = new RegExp(`^rgba?\\(\\s*(${VALUE})${SEP}(${VALUE})${SEP}(${VALUE})(?:${ALPHA_SEP}(${VALUE}))?\\s*\\)$`);
-let HSL = new RegExp(`^hsla?\\(\\s*((?:${VALUE})(?:deg|rad|grad|turn)?)${SEP}(${VALUE})${SEP}(${VALUE})(?:${ALPHA_SEP}(${VALUE}))?\\s*\\)$`);
+let VALUE = /(?:\d+|\d*\.\d+)%?/;
+let SEP = /(?:\s*,\s*|\s+)/;
+let ALPHA_SEP = /\s*[,/]\s*/;
+let CUSTOM_PROPERTY = /var\(--(?:[^ )]*?)\)/;
+let RGB = new RegExp(`^rgba?\\(\\s*(${VALUE.source}|${CUSTOM_PROPERTY.source})${SEP.source}(${VALUE.source}|${CUSTOM_PROPERTY.source})${SEP.source}(${VALUE.source}|${CUSTOM_PROPERTY.source})(?:${ALPHA_SEP.source}(${VALUE.source}|${CUSTOM_PROPERTY.source}))?\\s*\\)$`);
+let HSL = new RegExp(`^hsla?\\(\\s*((?:${VALUE.source})(?:deg|rad|grad|turn)?|${CUSTOM_PROPERTY.source})${SEP.source}(${VALUE.source}|${CUSTOM_PROPERTY.source})${SEP.source}(${VALUE.source}|${CUSTOM_PROPERTY.source})(?:${ALPHA_SEP.source}(${VALUE.source}|${CUSTOM_PROPERTY.source}))?\\s*\\)$`);
 function parseColor(value) {
-    if (typeof value !== 'string') {
+    if (typeof value !== "string") {
         return null;
     }
     value = value.trim();
-    if (value === 'transparent') {
+    if (value === "transparent") {
         return {
-            mode: 'rgb',
+            mode: "rgb",
             color: [
-                '0',
-                '0',
-                '0'
+                "0",
+                "0",
+                "0"
             ],
-            alpha: '0'
+            alpha: "0"
         };
     }
     if (value in _colorName.default) {
         return {
-            mode: 'rgb',
+            mode: "rgb",
             color: _colorName.default[value].map((v)=>v.toString()
             )
         };
     }
     let hex = value.replace(SHORT_HEX, (_, r, g, b, a)=>[
-            '#',
+            "#",
             r,
             r,
             g,
             g,
             b,
             b,
-            a ? a + a : ''
-        ].join('')
+            a ? a + a : ""
+        ].join("")
     ).match(HEX);
     if (hex !== null) {
         return {
-            mode: 'rgb',
+            mode: "rgb",
             color: [
                 parseInt(hex[1], 16),
                 parseInt(hex[2], 16),
@@ -67,7 +68,7 @@ function parseColor(value) {
     if (rgbMatch !== null) {
         var ref, ref1;
         return {
-            mode: 'rgb',
+            mode: "rgb",
             color: [
                 rgbMatch[1],
                 rgbMatch[2],
@@ -81,7 +82,7 @@ function parseColor(value) {
     if (hslMatch !== null) {
         var ref2, ref3;
         return {
-            mode: 'hsl',
+            mode: "hsl",
             color: [
                 hslMatch[1],
                 hslMatch[2],
@@ -95,5 +96,5 @@ function parseColor(value) {
 }
 function formatColor({ mode , color , alpha  }) {
     let hasAlpha = alpha !== undefined;
-    return `${mode}(${color.join(' ')}${hasAlpha ? ` / ${alpha}` : ''})`;
+    return `${mode}(${color.join(" ")}${hasAlpha ? ` / ${alpha}` : ""})`;
 }

package/lib/util/createUtilityPlugin.js

@@ -4,11 +4,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = createUtilityPlugin;
 var _transformThemeValue = _interopRequireDefault(require("./transformThemeValue"));
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
 function createUtilityPlugin(themeKey, utilityVariations = [
     [
         themeKey,
@@ -41,9 +36,14 @@ function createUtilityPlugin(themeKey, utilityVariations = [
                 });
             }, {}), {
                 ...options,
-                values: filterDefault ? Object.fromEntries(Object.entries((ref = theme(themeKey)) !== null && ref !== void 0 ? ref : {}).filter(([modifier])=>modifier !== 'DEFAULT'
+                values: filterDefault ? Object.fromEntries(Object.entries((ref = theme(themeKey)) !== null && ref !== void 0 ? ref : {}).filter(([modifier])=>modifier !== "DEFAULT"
                 )) : theme(themeKey)
             });
         }
     };
 }
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}

package/lib/util/dataTypes.js

@@ -20,10 +20,10 @@ exports.relativeSize = relativeSize;
 var _color = require("./color");
 var _parseBoxShadowValue = require("./parseBoxShadowValue");
 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.
@@ -32,65 +32,67 @@ let UNDERSCORE = /_(?![^(]*\))/g // Underscore separator that is not located bet
 ;
 function normalize(value, isRoot = true) {
     // 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
     // or '('.
-    return value.replace(/(-?\d*\.?\d(?!\b-.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, '$1 $2 ');
+    return value.replace(/(-?\d*\.?\d(?!\b-.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ");
 }
 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)
     );
 }
 function percentage(value) {
-    return /%$/g.test(value) || cssFunctions.some((fn)=>new RegExp(`^${fn}\\(.+?%`).test(value)
-    );
+    return value.split(UNDERSCORE).every((part)=>{
+        return /%$/g.test(part) || cssFunctions.some((fn)=>new RegExp(`^${fn}\\(.+?%`).test(part)
+        );
+    });
 }
 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",
+    "vw",
+    "vh",
+    "vmin",
+    "vmax", 
 ];
-let lengthUnitsPattern = `(?:${lengthUnits.join('|')})`;
+let lengthUnitsPattern = `(?:${lengthUnits.join("|")})`;
 function length(value) {
     return value.split(UNDERSCORE).every((part)=>{
-        return part === '0' || new RegExp(`${lengthUnitsPattern}$`).test(part) || cssFunctions.some((fn)=>new RegExp(`^${fn}\\(.+?${lengthUnitsPattern}`).test(part)
+        return part === "0" || new RegExp(`${lengthUnitsPattern}$`).test(part) || cssFunctions.some((fn)=>new RegExp(`^${fn}\\(.+?${lengthUnitsPattern}`).test(part)
         );
     });
 }
 let lineWidths = new Set([
-    'thin',
-    'medium',
-    'thick'
+    "thin",
+    "medium",
+    "thick"
 ]);
 function lineWidth(value) {
     return lineWidths.has(value);
@@ -108,7 +110,7 @@ function color(value) {
     let colors = 0;
     let result = value.split(UNDERSCORE).every((part)=>{
         part = normalize(part);
-        if (part.startsWith('var(')) return true;
+        if (part.startsWith("var(")) return true;
         if ((0, _color).parseColor(part) !== null) return colors++, true;
         return false;
     });
@@ -119,12 +121,12 @@ function image(value) {
     let images = 0;
     let result = value.split(COMMA).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('
+            "element(",
+            "image(",
+            "cross-fade(",
+            "image-set("
         ].some((fn)=>part.startsWith(fn)
         )) {
             images++;
@@ -136,11 +138,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);
@@ -152,17 +154,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)=>{
         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;
@@ -176,9 +178,9 @@ function familyName(value) {
     let fonts = 0;
     let result = value.split(COMMA).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;
             }
@@ -194,39 +196,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/escapeClassName.js

@@ -5,11 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = escapeClassName;
 var _postcssSelectorParser = _interopRequireDefault(require("postcss-selector-parser"));
 var _escapeCommas = _interopRequireDefault(require("./escapeCommas"));
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
 function escapeClassName(className) {
     var ref;
     let node = _postcssSelectorParser.default.className();
@@ -17,3 +12,8 @@ function escapeClassName(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);
 }
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}

package/lib/util/escapeCommas.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = escapeCommas;
 function escapeCommas(className) {
-    return className.replace(/\\,/g, '\\2c ');
+    return className.replace(/\\,/g, "\\2c ");
 }

package/lib/util/flattenColorPalette.js

@@ -3,8 +3,8 @@ 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
+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
             })
         ) : [
             {

package/lib/util/formatVariantSelector.js

@@ -14,8 +14,8 @@ function _interopRequireDefault(obj) {
         default: obj
     };
 }
-let MERGE = ':merge';
-let PARENT = '&';
+let MERGE = ":merge";
+let PARENT = "&";
 let selectorFunctions = new Set([
     MERGE
 ]);
@@ -28,7 +28,7 @@ function formatVariantSelector(current, ...others) {
             if (existingValue !== null) {
                 let existingTarget = `${MERGE}(${incomingValue})`;
                 let splitIdx = other.indexOf(existingTarget);
-                let addition = other.slice(splitIdx + existingTarget.length).split(' ')[0];
+                let addition = other.slice(splitIdx + existingTarget.length).split(" ")[0];
                 current = current.replace(existingTarget, existingTarget + addition);
                 continue;
             }
@@ -40,7 +40,7 @@ function formatVariantSelector(current, ...others) {
 function finalizeSelector(format, { selector: selector1 , candidate , context  }) {
     var ref, ref1;
     var ref2;
-    let separator = (ref2 = context === null || context === void 0 ? void 0 : (ref = context.tailwindConfig) === null || ref === void 0 ? void 0 : ref.separator) !== null && ref2 !== void 0 ? ref2 : ':';
+    let separator = (ref2 = context === null || context === void 0 ? void 0 : (ref = context.tailwindConfig) === null || ref === void 0 ? void 0 : ref.separator) !== null && ref2 !== void 0 ? ref2 : ":";
     // Split by the separator, but ignore the separator inside square brackets:
     //
     // E.g.: dark:lg:hover:[paint-order:markers]
@@ -120,14 +120,14 @@ function finalizeSelector(format, { selector: selector1 , candidate , context  }
 // this distinction was not present in older versions of the W3C spec, most
 // browsers support both syntaxes for the original pseudo-elements.
 let pseudoElementsBC = [
-    ':before',
-    ':after',
-    ':first-line',
-    ':first-letter'
+    ":before",
+    ":after",
+    ":first-line",
+    ":first-letter"
 ];
 // These pseudo-elements _can_ be combined with other pseudo selectors AND the order does matter.
 let pseudoElementExceptions = [
-    '::file-selector-button'
+    "::file-selector-button"
 ];
 // This will make sure to move pseudo's to the correct spot (the end for
 // pseudo elements) because otherwise the selector will never work
@@ -142,42 +142,42 @@ let pseudoElementExceptions = [
 function sortSelector(a, z) {
     // Both nodes are non-pseudo's so we can safely ignore them and keep
     // them in the same order.
-    if (a.type !== 'pseudo' && z.type !== 'pseudo') {
+    if (a.type !== "pseudo" && z.type !== "pseudo") {
         return 0;
     }
     // If one of them is a combinator, we need to keep it in the same order
     // because that means it will start a new "section" in the selector.
-    if (a.type === 'combinator' ^ z.type === 'combinator') {
+    if (a.type === "combinator" ^ z.type === "combinator") {
         return 0;
     }
     // One of the items is a pseudo and the other one isn't. Let's move
     // the pseudo to the right.
-    if (a.type === 'pseudo' ^ z.type === 'pseudo') {
-        return (a.type === 'pseudo') - (z.type === 'pseudo');
+    if (a.type === "pseudo" ^ z.type === "pseudo") {
+        return (a.type === "pseudo") - (z.type === "pseudo");
     }
     // Both are pseudo's, move the pseudo elements (except for
     // ::file-selector-button) to the right.
     return isPseudoElement(a) - isPseudoElement(z);
 }
 function isPseudoElement(node) {
-    if (node.type !== 'pseudo') return false;
+    if (node.type !== "pseudo") return false;
     if (pseudoElementExceptions.includes(node.value)) return false;
-    return node.value.startsWith('::') || pseudoElementsBC.includes(node.value);
+    return node.value.startsWith("::") || pseudoElementsBC.includes(node.value);
 }
 function resolveFunctionArgument(haystack, needle, arg) {
     let startIdx = haystack.indexOf(arg ? `${needle}(${arg})` : needle);
     if (startIdx === -1) return null;
     // Start inside the `(`
     startIdx += needle.length + 1;
-    let target = '';
+    let target = "";
     let count = 0;
     for (let char of haystack.slice(startIdx)){
-        if (char !== '(' && char !== ')') {
+        if (char !== "(" && char !== ")") {
             target += char;
-        } else if (char === '(') {
+        } else if (char === "(") {
             target += char;
             count++;
-        } else if (char === ')') {
+        } else if (char === ")") {
             if (--count < 0) break; // unbalanced
             target += char;
         }

package/lib/util/getAllConfigs.js

@@ -5,11 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = getAllConfigs;
 var _defaultConfigStubJs = _interopRequireDefault(require("../../stubs/defaultConfig.stub.js"));
 var _featureFlags = require("../featureFlags");
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
 function getAllConfigs(config) {
     var ref;
     const configs = ((ref = config === null || config === void 0 ? void 0 : config.presets) !== null && ref !== void 0 ? ref : [
@@ -27,3 +22,8 @@ function getAllConfigs(config) {
         ...configs
     ];
 }
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}

package/lib/util/hashConfig.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = hashConfig;
 var _objectHash = _interopRequireDefault(require("object-hash"));
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
 function hashConfig(config) {
     return (0, _objectHash).default(config, {
         ignoreUnknown: true
     });
 }
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}

package/lib/util/isKeyframeRule.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = isKeyframeRule;
 function isKeyframeRule(rule) {
-    return rule.parent && rule.parent.type === 'atrule' && /keyframes$/.test(rule.parent.name);
+    return rule.parent && rule.parent.type === "atrule" && /keyframes$/.test(rule.parent.name);
 }

package/lib/util/isPlainObject.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = isPlainObject;
 function isPlainObject(value) {
-    if (Object.prototype.toString.call(value) !== '[object Object]') {
+    if (Object.prototype.toString.call(value) !== "[object Object]") {
         return false;
     }
     const prototype = Object.getPrototypeOf(value);

package/lib/util/isValidArbitraryValue.js

@@ -3,44 +3,20 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 exports.default = isValidArbitraryValue;
-let matchingBrackets = new Map([
-    [
-        '{',
-        '}'
-    ],
-    [
-        '[',
-        ']'
-    ],
-    [
-        '(',
-        ')'
-    ], 
-]);
-let inverseMatchingBrackets = new Map(Array.from(matchingBrackets.entries()).map(([k, v])=>[
-        v,
-        k
-    ]
-));
-let quotes = new Set([
-    '"',
-    "'",
-    '`'
-]);
 function isValidArbitraryValue(value) {
     let stack = [];
     let inQuotes = false;
     for(let i = 0; i < value.length; i++){
         let char = value[i];
-        if (char === ':' && !inQuotes && stack.length === 0) {
+        if (char === ":" && !inQuotes && stack.length === 0) {
             return false;
         }
         // Non-escaped quotes allow us to "allow" anything in between
-        if (quotes.has(char) && value[i - 1] !== '\\') {
+        if (quotes.has(char) && value[i - 1] !== "\\") {
             inQuotes = !inQuotes;
         }
         if (inQuotes) continue;
-        if (value[i - 1] === '\\') continue; // Escaped
+        if (value[i - 1] === "\\") continue; // Escaped
         if (matchingBrackets.has(char)) {
             stack.push(char);
         } else if (inverseMatchingBrackets.has(char)) {
@@ -62,3 +38,27 @@ function isValidArbitraryValue(value) {
     // All good, totally balanced!
     return true;
 }
+let matchingBrackets = new Map([
+    [
+        "{",
+        "}"
+    ],
+    [
+        "[",
+        "]"
+    ],
+    [
+        "(",
+        ")"
+    ], 
+]);
+let inverseMatchingBrackets = new Map(Array.from(matchingBrackets.entries()).map(([k, v])=>[
+        v,
+        k
+    ]
+));
+let quotes = new Set([
+    '"',
+    "'",
+    "`"
+]);