tailwindcss 0.0.0-insiders.fda68f7 → 0.0.0-oxide.6bf5e56

package/lib/util/color.js

@@ -1,74 +1,98 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.parseColor = parseColor;
-exports.formatColor = formatColor;
-
-var _colorName = _interopRequireDefault(require("color-name"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    parseColor: ()=>parseColor,
+    formatColor: ()=>formatColor
+});
+const _colorName = /*#__PURE__*/ _interopRequireDefault(require("color-name"));
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: 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_HSL = new RegExp(`^(rgb|hsl)a?\\(\\s*(${VALUE})${SEP}(${VALUE})${SEP}(${VALUE})(?:${ALPHA_SEP}(${VALUE}))?\\s*\\)$`);
-
-function parseColor(value) {
-  if (typeof value !== 'string') {
-    return null;
-  }
-
-  value = value.trim();
-
-  if (value === 'transparent') {
-    return {
-      mode: 'rgb',
-      color: ['0', '0', '0'],
-      alpha: '0'
-    };
-  }
-
-  if (value in _colorName.default) {
+let VALUE = /(?:\d+|\d*\.\d+)%?/;
+let SEP = /(?:\s*,\s*|\s+)/;
+let ALPHA_SEP = /\s*[,/]\s*/;
+let CUSTOM_PROPERTY = /var\(--(?:[^ )]*?)\)/;
+let RGB = new RegExp(`^(rgb)a?\\(\\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(`^(hsl)a?\\(\\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, { loose =false  } = {}) {
+    var ref, ref1;
+    if (typeof value !== "string") {
+        return null;
+    }
+    value = value.trim();
+    if (value === "transparent") {
+        return {
+            mode: "rgb",
+            color: [
+                "0",
+                "0",
+                "0"
+            ],
+            alpha: "0"
+        };
+    }
+    if (value in _colorName.default) {
+        return {
+            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("")).match(HEX);
+    if (hex !== null) {
+        return {
+            mode: "rgb",
+            color: [
+                parseInt(hex[1], 16),
+                parseInt(hex[2], 16),
+                parseInt(hex[3], 16)
+            ].map((v)=>v.toString()),
+            alpha: hex[4] ? (parseInt(hex[4], 16) / 255).toString() : undefined
+        };
+    }
+    var ref2;
+    let match = (ref2 = value.match(RGB)) !== null && ref2 !== void 0 ? ref2 : value.match(HSL);
+    if (match === null) {
+        return null;
+    }
+    let color = [
+        match[2],
+        match[3],
+        match[4]
+    ].filter(Boolean).map((v)=>v.toString());
+    if (!loose && color.length !== 3) {
+        return null;
+    }
+    if (color.length < 3 && !color.some((part)=>/^var\(.*?\)$/.test(part))) {
+        return null;
+    }
     return {
-      mode: 'rgb',
-      color: _colorName.default[value].map(v => v.toString())
+        mode: match[1],
+        color,
+        alpha: (ref = match[5]) === null || ref === void 0 ? void 0 : (ref1 = ref.toString) === null || ref1 === void 0 ? void 0 : ref1.call(ref)
     };
-  }
-
-  let hex = value.replace(SHORT_HEX, (_, r, g, b, a) => ['#', r, r, g, g, b, b, a ? a + a : ''].join('')).match(HEX);
-
-  if (hex !== null) {
-    return {
-      mode: 'rgb',
-      color: [parseInt(hex[1], 16), parseInt(hex[2], 16), parseInt(hex[3], 16)].map(v => v.toString()),
-      alpha: hex[4] ? (parseInt(hex[4], 16) / 255).toString() : undefined
-    };
-  }
-
-  let match = value.match(RGB_HSL);
-
-  if (match !== null) {
-    var _match$, _match$$toString;
-
-    return {
-      mode: match[1],
-      color: [match[2], match[3], match[4]].map(v => v.toString()),
-      alpha: (_match$ = match[5]) === null || _match$ === void 0 ? void 0 : (_match$$toString = _match$.toString) === null || _match$$toString === void 0 ? void 0 : _match$$toString.call(_match$)
-    };
-  }
-
-  return null;
 }
-
-function formatColor({
-  mode,
-  color,
-  alpha
-}) {
-  let hasAlpha = alpha !== undefined;
-  return `${mode}(${color.join(' ')}${hasAlpha ? ` / ${alpha}` : ''})`;
-}
+function formatColor({ mode , color , alpha  }) {
+    let hasAlpha = alpha !== undefined;
+    return `${mode}(${color.join(" ")}${hasAlpha ? ` / ${alpha}` : ""})`;
+}

package/lib/util/configurePlugins.js

@@ -1,19 +1,21 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
 });
-exports.default = _default;
-
 function _default(pluginConfig, plugins) {
-  if (pluginConfig === undefined) {
-    return plugins;
-  }
-
-  const pluginNames = Array.isArray(pluginConfig) ? pluginConfig : [...new Set(plugins.filter(pluginName => {
-    return pluginConfig !== false && pluginConfig[pluginName] !== false;
-  }).concat(Object.keys(pluginConfig).filter(pluginName => {
-    return pluginConfig[pluginName] !== false;
-  })))];
-  return pluginNames;
-}
+    if (pluginConfig === undefined) {
+        return plugins;
+    }
+    const pluginNames = Array.isArray(pluginConfig) ? pluginConfig : [
+        ...new Set(plugins.filter((pluginName)=>{
+            return pluginConfig !== false && pluginConfig[pluginName] !== false;
+        }).concat(Object.keys(pluginConfig).filter((pluginName)=>{
+            return pluginConfig[pluginName] !== false;
+        })))
+    ];
+    return pluginNames;
+}

package/lib/util/createPlugin.js

@@ -1,33 +1,30 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
 });
-exports.default = void 0;
-
 function createPlugin(plugin, config) {
-  return {
-    handler: plugin,
-    config
-  };
-}
-
-createPlugin.withOptions = function (pluginFunction, configFunction = () => ({})) {
-  const optionsFunction = function (options) {
     return {
-      __options: options,
-      handler: pluginFunction(options),
-      config: configFunction(options)
+        handler: plugin,
+        config
+    };
+}
+createPlugin.withOptions = function(pluginFunction, configFunction = ()=>({})) {
+    const optionsFunction = function(options) {
+        return {
+            __options: options,
+            handler: pluginFunction(options),
+            config: configFunction(options)
+        };
     };
-  };
-
-  optionsFunction.__isOptionsFunction = true; // Expose plugin dependencies so that `object-hash` returns a different
-  // value if anything here changes, to ensure a rebuild is triggered.
-
-  optionsFunction.__pluginFunction = pluginFunction;
-  optionsFunction.__configFunction = configFunction;
-  return optionsFunction;
+    optionsFunction.__isOptionsFunction = true;
+    // Expose plugin dependencies so that `object-hash` returns a different
+    // value if anything here changes, to ensure a rebuild is triggered.
+    optionsFunction.__pluginFunction = pluginFunction;
+    optionsFunction.__configFunction = configFunction;
+    return optionsFunction;
 };
-
-var _default = createPlugin;
-exports.default = _default;
+const _default = createPlugin;

package/lib/util/createUtilityPlugin.js

@@ -1,51 +1,51 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = createUtilityPlugin;
-
-var _transformThemeValue = _interopRequireDefault(require("./transformThemeValue"));
-
-var _pluginUtils = require("../util/pluginUtils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-let asMap = new Map([[_pluginUtils.asValue, 'any'], [_pluginUtils.asColor, 'color'], [_pluginUtils.asAngle, 'angle'], [_pluginUtils.asLength, 'length'], [_pluginUtils.asLookupValue, 'lookup']]);
-
-function createUtilityPlugin(themeKey, utilityVariations = [[themeKey, [themeKey]]], {
-  filterDefault = false,
-  resolveArbitraryValue = _pluginUtils.asValue
-} = {}) {
-  let transformValue = (0, _transformThemeValue.default)(themeKey);
-  return function ({
-    matchUtilities,
-    theme
-  }) {
-    for (let utilityVariation of utilityVariations) {
-      var _theme, _asMap$get;
-
-      let group = Array.isArray(utilityVariation[0]) ? utilityVariation : [utilityVariation];
-      matchUtilities(group.reduce((obj, [classPrefix, properties]) => {
-        return Object.assign(obj, {
-          [classPrefix]: value => {
-            return properties.reduce((obj, name) => {
-              if (Array.isArray(name)) {
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>createUtilityPlugin
+});
+const _transformThemeValue = /*#__PURE__*/ _interopRequireDefault(require("./transformThemeValue"));
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function createUtilityPlugin(themeKey, utilityVariations = [
+    [
+        themeKey,
+        [
+            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((obj, [classPrefix, properties])=>{
                 return Object.assign(obj, {
-                  [name[0]]: name[1]
+                    [classPrefix]: (value)=>{
+                        return properties.reduce((obj, name)=>{
+                            if (Array.isArray(name)) {
+                                return Object.assign(obj, {
+                                    [name[0]]: name[1]
+                                });
+                            }
+                            return Object.assign(obj, {
+                                [name]: transformValue(value)
+                            });
+                        }, {});
+                    }
                 });
-              }
-
-              return Object.assign(obj, {
-                [name]: transformValue(value)
-              });
-            }, {});
-          }
-        });
-      }, {}), {
-        values: filterDefault ? Object.fromEntries(Object.entries((_theme = theme(themeKey)) !== null && _theme !== void 0 ? _theme : {}).filter(([modifier]) => modifier !== 'DEFAULT')) : theme(themeKey),
-        type: (_asMap$get = asMap.get(resolveArbitraryValue)) !== null && _asMap$get !== void 0 ? _asMap$get : 'any'
-      });
-    }
-  };
-}
+            }, {}), {
+                ...options,
+                values: filterDefault ? Object.fromEntries(Object.entries((ref = theme(themeKey)) !== null && ref !== void 0 ? ref : {}).filter(([modifier])=>modifier !== "DEFAULT")) : theme(themeKey)
+            });
+        }
+    };
+}

package/lib/util/dataTypes.js

@@ -0,0 +1,242 @@
+"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, {
+    normalize: ()=>normalize,
+    url: ()=>url,
+    number: ()=>number,
+    percentage: ()=>percentage,
+    length: ()=>length,
+    lineWidth: ()=>lineWidth,
+    shadow: ()=>shadow,
+    color: ()=>color,
+    image: ()=>image,
+    gradient: ()=>gradient,
+    position: ()=>position,
+    familyName: ()=>familyName,
+    genericName: ()=>genericName,
+    absoluteSize: ()=>absoluteSize,
+    relativeSize: ()=>relativeSize
+});
+const _color = require("./color");
+const _parseBoxShadowValue = require("./parseBoxShadowValue");
+const _splitAtTopLevelOnly = require("./splitAtTopLevelOnly");
+let cssFunctions = [
+    "min",
+    "max",
+    "clamp",
+    "calc"
+];
+// Ref: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Types
+function isCSSFunction(value) {
+    return cssFunctions.some((fn)=>new RegExp(`^${fn}\\(.*\\)`).test(value));
+}
+function normalize(value, isRoot = true) {
+    if (value.startsWith("--")) {
+        return `var(${value})`;
+    }
+    // Keep raw strings if it starts with `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("");
+    }
+    // Convert `_` to ` `, except for escaped underscores `\_`
+    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 math functions like calc() that do not follow an operator
+    // or '('.
+    value = value.replace(/(calc|min|max|clamp)\(.+\)/g, (match)=>{
+        return match.replace(/(-?\d*\.?\d(?!\b-.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ");
+    });
+    return value;
+}
+function url(value) {
+    return value.startsWith("url(");
+}
+function number(value) {
+    return !isNaN(Number(value)) || isCSSFunction(value);
+}
+function percentage(value) {
+    return value.endsWith("%") && number(value.slice(0, -1)) || isCSSFunction(value);
+}
+let lengthUnits = [
+    "cm",
+    "mm",
+    "Q",
+    "in",
+    "pc",
+    "pt",
+    "px",
+    "em",
+    "ex",
+    "ch",
+    "rem",
+    "lh",
+    "vw",
+    "vh",
+    "vmin",
+    "vmax"
+];
+let lengthUnitsPattern = `(?:${lengthUnits.join("|")})`;
+function length(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"
+]);
+function lineWidth(value) {
+    return lineWidths.has(value);
+}
+function shadow(value) {
+    let parsedShadows = (0, _parseBoxShadowValue.parseBoxShadowValue)(normalize(value));
+    for (let parsedShadow of parsedShadows){
+        if (!parsedShadow.valid) {
+            return false;
+        }
+    }
+    return true;
+}
+function color(value) {
+    let colors = 0;
+    let result = (0, _splitAtTopLevelOnly.splitAtTopLevelOnly)(value, "_").every((part)=>{
+        part = normalize(part);
+        if (part.startsWith("var(")) return true;
+        if ((0, _color.parseColor)(part, {
+            loose: true
+        }) !== null) return colors++, true;
+        return false;
+    });
+    if (!result) return false;
+    return colors > 0;
+}
+function image(value) {
+    let images = 0;
+    let result = (0, _splitAtTopLevelOnly.splitAtTopLevelOnly)(value, ",").every((part)=>{
+        part = normalize(part);
+        if (part.startsWith("var(")) return true;
+        if (url(part) || gradient(part) || [
+            "element(",
+            "image(",
+            "cross-fade(",
+            "image-set("
+        ].some((fn)=>part.startsWith(fn))) {
+            images++;
+            return true;
+        }
+        return false;
+    });
+    if (!result) return false;
+    return images > 0;
+}
+let gradientTypes = new Set([
+    "linear-gradient",
+    "radial-gradient",
+    "repeating-linear-gradient",
+    "repeating-radial-gradient",
+    "conic-gradient"
+]);
+function gradient(value) {
+    value = normalize(value);
+    for (let type of gradientTypes){
+        if (value.startsWith(`${type}(`)) {
+            return true;
+        }
+    }
+    return false;
+}
+let validPositions = new Set([
+    "center",
+    "top",
+    "right",
+    "bottom",
+    "left"
+]);
+function position(value) {
+    let positions = 0;
+    let result = (0, _splitAtTopLevelOnly.splitAtTopLevelOnly)(value, "_").every((part)=>{
+        part = normalize(part);
+        if (part.startsWith("var(")) return true;
+        if (validPositions.has(part) || length(part) || percentage(part)) {
+            positions++;
+            return true;
+        }
+        return false;
+    });
+    if (!result) return false;
+    return positions > 0;
+}
+function familyName(value) {
+    let fonts = 0;
+    let result = (0, _splitAtTopLevelOnly.splitAtTopLevelOnly)(value, ",").every((part)=>{
+        part = normalize(part);
+        if (part.startsWith("var(")) return true;
+        // If it contains spaces, then it should be quoted
+        if (part.includes(" ")) {
+            if (!/(['"])([^"']+)\1/g.test(part)) {
+                return false;
+            }
+        }
+        // If it starts with a number, it's invalid
+        if (/^\d/g.test(part)) {
+            return false;
+        }
+        fonts++;
+        return true;
+    });
+    if (!result) return false;
+    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"
+]);
+function genericName(value) {
+    return genericNames.has(value);
+}
+let absoluteSizes = new Set([
+    "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"
+]);
+function relativeSize(value) {
+    return relativeSizes.has(value);
+}

package/lib/util/defaults.js

@@ -1,20 +1,25 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "defaults", {
+    enumerable: true,
+    get: ()=>defaults
 });
-exports.defaults = defaults;
-
 function defaults(target, ...sources) {
-  for (let source of sources) {
-    for (let k in source) {
-      var _target$hasOwnPropert;
-
-      if (!(target !== null && target !== void 0 && (_target$hasOwnPropert = target.hasOwnProperty) !== null && _target$hasOwnPropert !== void 0 && _target$hasOwnPropert.call(target, k))) {
-        target[k] = source[k];
-      }
+    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))) {
+                target[k] = source[k];
+            }
+        }
+        for (let k1 of Object.getOwnPropertySymbols(source)){
+            var ref1;
+            if (!(target === null || target === void 0 ? void 0 : (ref1 = target.hasOwnProperty) === null || ref1 === void 0 ? void 0 : ref1.call(target, k1))) {
+                target[k1] = source[k1];
+            }
+        }
     }
-  }
-
-  return target;
-}
+    return target;
+}

package/lib/util/escapeClassName.js

@@ -1,21 +1,22 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-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 }; }
-
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>escapeClassName
+});
+const _postcssSelectorParser = /*#__PURE__*/ _interopRequireDefault(require("postcss-selector-parser"));
+const _escapeCommas = /*#__PURE__*/ _interopRequireDefault(require("./escapeCommas"));
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function escapeClassName(className) {
-  var _node$raws$value, _node$raws;
-
-  let node = _postcssSelectorParser.default.className();
-
-  node.value = className;
-  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);
-}
+    var ref;
+    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);
+}