tailwindcss 0.0.0-oxide-insiders.dddaded → 0.0.0-oxide-insiders.b2e3cf2

package/lib/util/validateConfig.js

@@ -1,35 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "validateConfig", {
-    enumerable: true,
+    value: !0
+}), Object.defineProperty(exports, "validateConfig", {
+    enumerable: !0,
     get: ()=>validateConfig
 });
-const _log = /*#__PURE__*/ _interopRequireDefault(require("./log"));
-function _interopRequireDefault(obj) {
+const _log = function(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
-}
+}(require("./log"));
 function validateConfig(config) {
-    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
+    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"
+    ]);
     try {
         let plugin = require("@tailwindcss/line-clamp");
-        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);
-        }
+        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,24 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "backgroundSize", {
-    enumerable: true,
+    value: !0
+}), Object.defineProperty(exports, "backgroundSize", {
+    enumerable: !0,
     get: ()=>backgroundSize
 });
-const _dataTypes = require("./dataTypes");
-const _splitAtTopLevelOnly = require("./splitAtTopLevelOnly");
+const _dataTypes = require("./dataTypes"), _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);
-        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");
+        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);
     });
 }

package/lib/util/withAlphaVariable.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwindcss",
-  "version": "0.0.0-oxide-insiders.dddaded",
+  "version": "0.0.0-oxide-insiders.b2e3cf2",
   "description": "A utility-first CSS framework for rapidly building custom user interfaces.",
   "license": "MIT",
   "main": "lib/index.js",
@@ -29,7 +29,7 @@
     "dev:rust": "npm run --prefix ./oxide dev:node",
     "dev:js": "npm run build:js -- --watch",
     "build:rust": "npm run --prefix ./oxide build:node",
-    "build:js": "npm run generate:plugin-list && swc src --out-dir lib --copy-files --delete-dir-on-start",
+    "build:js": "npm run generate:plugin-list && swc src --out-dir lib --copy-files --delete-dir-on-start --config jsc.transform.optimizer.globals.vars.__OXIDE__='\"true\"'",
     "build:peers": "esbuild lib/cli-peer-dependencies.js --bundle --platform=node --outfile=peers/index.js --define:process.env.CSS_TRANSFORMER_WASM=false",
     "generate:plugin-list": "node -r @swc/register scripts/create-plugin-list.js",
     "generate:types": "node -r @swc/register scripts/generate-types.js"
@@ -70,7 +70,7 @@
     "postcss": "^8.0.9"
   },
   "dependencies": {
-    "@tailwindcss/oxide": "0.0.0-oxide-insiders.dddaded",
+    "@tailwindcss/oxide": "0.0.0-oxide-insiders.b2e3cf2",
     "arg": "^5.0.2",
     "browserslist": "^4.21.5",
     "chokidar": "^3.5.3",

package/peers/index.js

@@ -81641,22 +81641,6 @@ var require_src32 = __commonJS({
 });
 
 // lib/cli-peer-dependencies.js
-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, {
-  lazyPostcss: () => lazyPostcss,
-  lazyPostcssImport: () => lazyPostcssImport,
-  lazyAutoprefixer: () => lazyAutoprefixer,
-  lazyCssnano: () => lazyCssnano
-});
 function lazyPostcss() {
   return require_postcss();
 }
@@ -81669,6 +81653,20 @@ function lazyAutoprefixer() {
 function lazyCssnano() {
   return require_src32();
 }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+}), function(target, all) {
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name]
+    });
+}(exports, {
+  lazyPostcss: () => lazyPostcss,
+  lazyPostcssImport: () => lazyPostcssImport,
+  lazyAutoprefixer: () => lazyAutoprefixer,
+  lazyCssnano: () => lazyCssnano
+});
 /*! Bundled license information:
 
 fraction.js/fraction.js:

package/src/cli/build/plugin.js

@@ -185,7 +185,7 @@ let state = {
     let files = fastGlob.sync(this.contentPatterns.all)
 
     for (let file of files) {
-      if (env.OXIDE) {
+      if (__OXIDE__) {
         content.push({
           file,
           extension: path.extname(file).slice(1),

package/src/cli.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 
-if (process.env.OXIDE) {
+if (__OXIDE__) {
   module.exports = require('./oxide/cli')
 } else {
   module.exports = require('./cli/index')

package/src/corePlugins.js

@@ -1,7 +1,6 @@
 import fs from 'fs'
 import * as path from 'path'
 import postcss from 'postcss'
-import { env } from './lib/sharedState'
 import createUtilityPlugin from './util/createUtilityPlugin'
 import buildMediaQuery from './util/buildMediaQuery'
 import escapeClassName from './util/escapeClassName'
@@ -1262,7 +1261,7 @@ export let corePlugins = {
         'space-x': (value) => {
           value = value === '0' ? '0px' : value
 
-          if (env.OXIDE) {
+          if (__OXIDE__) {
             return {
               '& > :not([hidden]) ~ :not([hidden])': {
                 '--tw-space-x-reverse': '0',
@@ -1307,7 +1306,7 @@ export let corePlugins = {
         'divide-x': (value) => {
           value = value === '0' ? '0px' : value
 
-          if (env.OXIDE) {
+          if (__OXIDE__) {
             return {
               '& > :not([hidden]) ~ :not([hidden])': {
                 '@defaults border-width': {},
@@ -1750,7 +1749,13 @@ export let corePlugins = {
       return withAlphaValue(value, 0, 'rgb(255 255 255 / 0)')
     }
 
-    return function ({ matchUtilities, theme }) {
+    return function ({ matchUtilities, theme, addDefaults }) {
+      addDefaults('gradient-color-stops', {
+        '--tw-gradient-from-position': ' ',
+        '--tw-gradient-via-position': ' ',
+        '--tw-gradient-to-position': ' ',
+      })
+
       let options = {
         values: flattenColorPalette(theme('gradientColorStops')),
         type: ['color', 'any'],
@@ -1767,13 +1772,9 @@ export let corePlugins = {
             let transparentToValue = transparentTo(value)
 
             return {
-              '--tw-gradient-from': `${toColorValue(
-                value,
-                'from'
-              )} var(--tw-gradient-from-position)`,
-              '--tw-gradient-from-position': ' ',
-              '--tw-gradient-to': `${transparentToValue}  var(--tw-gradient-from-position)`,
-              '--tw-gradient-to-position': ' ',
+              '@defaults gradient-color-stops': {},
+              '--tw-gradient-from': `${toColorValue(value)} var(--tw-gradient-from-position)`,
+              '--tw-gradient-to': `${transparentToValue} var(--tw-gradient-to-position)`,
               '--tw-gradient-stops': `var(--tw-gradient-from), var(--tw-gradient-to)`,
             }
           },
@@ -1798,12 +1799,10 @@ export let corePlugins = {
             let transparentToValue = transparentTo(value)
 
             return {
-              '--tw-gradient-via-position': ' ',
+              '@defaults gradient-color-stops': {},
               '--tw-gradient-to': `${transparentToValue}  var(--tw-gradient-to-position)`,
-              '--tw-gradient-to-position': ' ',
               '--tw-gradient-stops': `var(--tw-gradient-from), ${toColorValue(
-                value,
-                'via'
+                value
               )} var(--tw-gradient-via-position), var(--tw-gradient-to)`,
             }
           },
@@ -1825,8 +1824,8 @@ export let corePlugins = {
       matchUtilities(
         {
           to: (value) => ({
-            '--tw-gradient-to': `${toColorValue(value, 'to')} var(--tw-gradient-to-position)`,
-            '--tw-gradient-to-position': ' ',
+            '@defaults gradient-color-stops': {},
+            '--tw-gradient-to': `${toColorValue(value)} var(--tw-gradient-to-position)`,
           }),
         },
         options

package/src/featureFlags.js

@@ -1,15 +1,14 @@
 import colors from 'picocolors'
 import log from './util/log'
-import { env } from './lib/sharedState'
 
 let defaults = {
   optimizeUniversalDefaults: false,
   generalizedModifiers: true,
   get disableColorOpacityUtilitiesByDefault() {
-    return env.OXIDE
+    return __OXIDE__
   },
   get relativeContentPathsByDefault() {
-    return env.OXIDE
+    return __OXIDE__
   },
 }
 

package/src/index.js

@@ -1,5 +1 @@
-if (process.env.OXIDE) {
-  module.exports = require('./oxide/postcss-plugin')
-} else {
-  module.exports = require('./plugin')
-}
+module.exports = require('./plugin')

package/src/lib/expandTailwindAtRules.js

@@ -130,7 +130,7 @@ export default function expandTailwindAtRules(context) {
 
     env.DEBUG && console.time('Reading changed files')
 
-    if (env.OXIDE) {
+    if (__OXIDE__) {
       // TODO: Pass through or implement `extractor`
       for (let candidate of require('@tailwindcss/oxide').parseCandidateStringsFromFiles(
         context.changedContent
@@ -162,7 +162,7 @@ export default function expandTailwindAtRules(context) {
 
     env.DEBUG && console.time('Generate rules')
     env.DEBUG && console.time('Sorting candidates')
-    let sortedCandidates = env.OXIDE
+    let sortedCandidates = __OXIDE__
       ? candidates
       : new Set(
           [...candidates].sort((a, z) => {

package/src/lib/sharedState.js

@@ -1,5 +1,4 @@
 import pkg from '../../package.json'
-let OXIDE_DEFAULT_ENABLED = pkg.tailwindcss.engine === 'oxide'
 
 export const env =
   typeof process !== 'undefined'
@@ -7,13 +6,11 @@ export const env =
         NODE_ENV: process.env.NODE_ENV,
         DEBUG: resolveDebug(process.env.DEBUG),
         ENGINE: pkg.tailwindcss.engine,
-        OXIDE: resolveBoolean(process.env.OXIDE, OXIDE_DEFAULT_ENABLED),
       }
     : {
         NODE_ENV: 'production',
         DEBUG: false,
         ENGINE: pkg.tailwindcss.engine,
-        OXIDE: OXIDE_DEFAULT_ENABLED,
       }
 
 export const contextMap = new Map()
@@ -24,18 +21,6 @@ export const NOT_ON_DEMAND = new String('*')
 
 export const NONE = Symbol('__NONE__')
 
-function resolveBoolean(value, defaultValue) {
-  if (value === undefined) {
-    return defaultValue
-  }
-
-  if (value === '0' || value === 'false') {
-    return false
-  }
-
-  return true
-}
-
 export function resolveDebug(debug) {
   if (debug === undefined) {
     return false

package/src/oxide/cli/build/plugin.ts

@@ -184,7 +184,7 @@ let state = {
     let files = fastGlob.sync(this.contentPatterns.all)
 
     for (let file of files) {
-      if (env.OXIDE) {
+      if (__OXIDE__) {
         content.push({
           file,
           extension: path.extname(file).slice(1),

package/src/plugin.js

@@ -34,7 +34,7 @@ module.exports = function tailwindcss(configOrPath) {
 
         processTailwindFeatures(context)(root, result)
       },
-      env.OXIDE &&
+      __OXIDE__ &&
         function lightningCssPlugin(_root, result) {
           let postcss = require('postcss')
           let lightningcss = require('lightningcss')