tailwindcss 0.0.0-oxide-insiders.a7fe2fe → 0.0.0-oxide-insiders.7f555c4

package/lib/util/transformThemeValue.js

@@ -1,25 +1,39 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), Object.defineProperty(exports, "default", {
-    enumerable: !0,
-    get: ()=>transformThemeValue
+    value: true
 });
-const _postcss = _interopRequireDefault(require("postcss")), _isPlainObject = _interopRequireDefault(require("./isPlainObject"));
-function _interopRequireDefault(obj) {
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return transformThemeValue;
+    }
+});
+const _postcss = /*#__PURE__*/ _interop_require_default(require("postcss"));
+const _isPlainObject = /*#__PURE__*/ _interop_require_default(require("./isPlainObject"));
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
 function transformThemeValue(themeSection) {
-    return [
+    if ([
         "fontSize",
         "outline"
-    ].includes(themeSection) ? (value)=>("function" == typeof value && (value = value({})), Array.isArray(value) && (value = value[0]), value) : "fontFamily" === themeSection ? (value)=>{
-        "function" == typeof value && (value = value({}));
-        let families = Array.isArray(value) && (0, _isPlainObject.default)(value[1]) ? value[0] : value;
-        return Array.isArray(families) ? families.join(", ") : families;
-    } : [
+    ].includes(themeSection)) {
+        return (value)=>{
+            if (typeof value === "function") value = value({});
+            if (Array.isArray(value)) value = value[0];
+            return value;
+        };
+    }
+    if (themeSection === "fontFamily") {
+        return (value)=>{
+            if (typeof value === "function") value = value({});
+            let families = Array.isArray(value) && (0, _isPlainObject.default)(value[1]) ? value[0] : value;
+            return Array.isArray(families) ? families.join(", ") : families;
+        };
+    }
+    if ([
         "boxShadow",
         "transitionProperty",
         "transitionDuration",
@@ -30,9 +44,30 @@ function transformThemeValue(themeSection) {
         "backgroundColor",
         "cursor",
         "animation"
-    ].includes(themeSection) ? (value)=>("function" == typeof value && (value = value({})), Array.isArray(value) && (value = value.join(", ")), value) : [
+    ].includes(themeSection)) {
+        return (value)=>{
+            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"
-    ].includes(themeSection) ? (value)=>("function" == typeof value && (value = value({})), "string" == typeof value && (value = _postcss.default.list.comma(value).join(" ")), value) : (value, opts = {})=>("function" == typeof value && (value = value(opts)), value);
+    ].includes(themeSection)) {
+        return (value)=>{
+            if (typeof value === "function") value = value({});
+            if (typeof value === "string") value = _postcss.default.list.comma(value).join(" ");
+            return value;
+        };
+    }
+    return (value, opts = {})=>{
+        if (typeof value === "function") {
+            value = value(opts);
+        }
+        return value;
+    };
 }

package/lib/util/validateConfig.js

@@ -1,27 +1,37 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), Object.defineProperty(exports, "validateConfig", {
-    enumerable: !0,
-    get: ()=>validateConfig
+    value: true
 });
-const _log = function(obj) {
+Object.defineProperty(exports, "validateConfig", {
+    enumerable: true,
+    get: function() {
+        return validateConfig;
+    }
+});
+const _log = /*#__PURE__*/ _interop_require_default(require("./log"));
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
-}(require("./log"));
+}
 function validateConfig(config) {
-    0 === config.content.files.length && _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"
-    ]);
+    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"
+        ]);
+    }
+    // Warn if the line-clamp plugin is installed
     try {
         let plugin = require("@tailwindcss/line-clamp");
-        config.plugins.includes(plugin) && (_log.default.warn("line-clamp-in-core", [
-            "As of Tailwind CSS v3.3, the `@tailwindcss/line-clamp` plugin is now included by default.",
-            "Remove it from the `plugins` array in your configuration to eliminate this warning."
-        ]), config.plugins = config.plugins.filter((p)=>p !== plugin));
+        if (config.plugins.includes(plugin)) {
+            _log.default.warn("line-clamp-in-core", [
+                "As of Tailwind CSS v3.3, the `@tailwindcss/line-clamp` plugin is now included by default.",
+                "Remove it from the `plugins` array in your configuration to eliminate this warning."
+            ]);
+            config.plugins = config.plugins.filter((p)=>p !== plugin);
+        }
     } catch  {}
     return config;
 }

package/lib/util/validateFormalSyntax.js

@@ -1,18 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), Object.defineProperty(exports, "backgroundSize", {
-    enumerable: !0,
-    get: ()=>backgroundSize
+    value: true
 });
-const _dataTypes = require("./dataTypes"), _splitAtTopLevelOnly = require("./splitAtTopLevelOnly");
+Object.defineProperty(exports, "backgroundSize", {
+    enumerable: true,
+    get: function() {
+        return backgroundSize;
+    }
+});
+const _dataTypes = require("./dataTypes");
+const _splitAtTopLevelOnly = require("./splitAtTopLevelOnly");
 function backgroundSize(value) {
     let keywordValues = [
         "cover",
         "contain"
     ];
+    // the <length-percentage> type will probably be a css function
+    // so we have to use `splitAtTopLevelOnly`
     return (0, _splitAtTopLevelOnly.splitAtTopLevelOnly)(value, ",").every((part)=>{
         let sizes = (0, _splitAtTopLevelOnly.splitAtTopLevelOnly)(part, "_").filter(Boolean);
-        return !!(1 === sizes.length && keywordValues.includes(sizes[0])) || (1 === sizes.length || 2 === sizes.length) && sizes.every((size)=>(0, _dataTypes.length)(size) || (0, _dataTypes.percentage)(size) || "auto" === size);
+        if (sizes.length === 1 && keywordValues.includes(sizes[0])) return true;
+        if (sizes.length !== 1 && sizes.length !== 2) return false;
+        return sizes.every((size)=>(0, _dataTypes.length)(size) || (0, _dataTypes.percentage)(size) || size === "auto");
     });
 }

package/lib/util/withAlphaVariable.js

@@ -1,55 +1,79 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), function(target, all) {
+    value: true
+});
+function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
-        enumerable: !0,
+        enumerable: true,
         get: all[name]
     });
-}(exports, {
-    withAlphaValue: ()=>withAlphaValue,
-    default: ()=>withAlphaVariable
+}
+_export(exports, {
+    withAlphaValue: function() {
+        return withAlphaValue;
+    },
+    default: function() {
+        return withAlphaVariable;
+    }
 });
 const _color = require("./color");
 function withAlphaValue(color, alphaValue, defaultValue) {
-    if ("function" == typeof color) return color({
-        opacityValue: alphaValue
-    });
+    if (typeof color === "function") {
+        return color({
+            opacityValue: alphaValue
+        });
+    }
     let parsed = (0, _color.parseColor)(color, {
-        loose: !0
+        loose: true
     });
-    return null === parsed ? defaultValue : (0, _color.formatColor)({
+    if (parsed === null) {
+        return defaultValue;
+    }
+    return (0, _color.formatColor)({
         ...parsed,
         alpha: alphaValue
     });
 }
 function withAlphaVariable({ color , property , variable  }) {
     let properties = [].concat(property);
-    if ("function" == typeof color) return {
-        [variable]: "1",
-        ...Object.fromEntries(properties.map((p)=>[
+    if (typeof color === "function") {
+        return {
+            [variable]: "1",
+            ...Object.fromEntries(properties.map((p)=>{
+                return [
+                    p,
+                    color({
+                        opacityVariable: variable,
+                        opacityValue: `var(${variable})`
+                    })
+                ];
+            }))
+        };
+    }
+    const parsed = (0, _color.parseColor)(color);
+    if (parsed === null) {
+        return Object.fromEntries(properties.map((p)=>[
                 p,
-                color({
-                    opacityVariable: variable,
-                    opacityValue: `var(${variable})`
-                })
-            ]))
-    };
-    let parsed = (0, _color.parseColor)(color);
-    return null === parsed ? Object.fromEntries(properties.map((p)=>[
-            p,
-            color
-        ])) : void 0 !== parsed.alpha ? Object.fromEntries(properties.map((p)=>[
-            p,
-            color
-        ])) : {
+                color
+            ]));
+    }
+    if (parsed.alpha !== undefined) {
+        // Has an alpha value, return color as-is
+        return Object.fromEntries(properties.map((p)=>[
+                p,
+                color
+            ]));
+    }
+    return {
         [variable]: "1",
-        ...Object.fromEntries(properties.map((p)=>[
+        ...Object.fromEntries(properties.map((p)=>{
+            return [
                 p,
                 (0, _color.formatColor)({
                     ...parsed,
                     alpha: `var(${variable})`
                 })
-            ]))
+            ];
+        }))
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwindcss",
-  "version": "0.0.0-oxide-insiders.a7fe2fe",
+  "version": "0.0.0-oxide-insiders.7f555c4",
   "description": "A utility-first CSS framework for rapidly building custom user interfaces.",
   "license": "MIT",
   "main": "lib/index.js",
@@ -48,39 +48,36 @@
     "*.js"
   ],
   "devDependencies": {
-    "@swc/cli": "0.1.62",
-    "@swc/core": "1.3.41",
-    "@swc/jest": "0.2.26",
-    "@swc/register": "0.1.10",
+    "@swc/cli": "^0.1.62",
+    "@swc/core": "^1.3.55",
+    "@swc/jest": "^0.2.26",
+    "@swc/register": "^0.1.10",
     "autoprefixer": "^10.4.14",
-    "concurrently": "^7.5.0",
-    "cssnano": "^5.1.15",
-    "esbuild": "^0.17.17",
-    "eslint": "^8.35.0",
+    "concurrently": "^8.0.1",
+    "cssnano": "^6.0.0",
+    "esbuild": "^0.17.18",
+    "eslint": "^8.39.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-prettier": "^4.2.1",
     "jest": "^29.5.0",
     "jest-diff": "^29.5.0",
-    "prettier": "^2.8.7",
-    "rimraf": "^4.4.0",
+    "prettier": "^2.8.8",
+    "rimraf": "^5.0.0",
     "source-map-js": "^1.0.2",
-    "turbo": "^1.8.3"
-  },
-  "peerDependencies": {
-    "postcss": "^8.0.9"
+    "turbo": "^1.9.3"
   },
   "dependencies": {
-    "@tailwindcss/oxide": "0.0.0-oxide-insiders.a7fe2fe",
+    "@alloc/quick-lru": "^5.2.0",
+    "@tailwindcss/oxide": "0.0.0-oxide-insiders.7f555c4",
     "arg": "^5.0.2",
     "browserslist": "^4.21.5",
     "chokidar": "^3.5.3",
-    "color-name": "^1.1.4",
     "didyoumean": "^1.2.2",
     "dlv": "^1.1.3",
     "fast-glob": "^3.2.12",
     "glob-parent": "^6.0.2",
     "is-glob": "^4.0.3",
-    "jiti": "^1.17.2",
+    "jiti": "^1.18.2",
     "lightningcss": "^1.18.0",
     "lilconfig": "^2.1.0",
     "micromatch": "^4.0.5",
@@ -88,13 +85,12 @@
     "object-hash": "^3.0.0",
     "picocolors": "^1.0.0",
     "postcss": "^8.4.23",
-    "postcss-import": "^14.1.0",
+    "postcss-import": "^15.1.0",
     "postcss-js": "^4.0.1",
-    "postcss-load-config": "^3.1.4",
-    "postcss-nested": "6.0.1",
+    "postcss-load-config": "^4.0.1",
+    "postcss-nested": "^6.0.1",
     "postcss-selector-parser": "^6.0.11",
     "postcss-value-parser": "^4.2.0",
-    "quick-lru": "^5.1.1",
     "resolve": "^1.22.3",
     "sucrase": "^3.32.0"
   },