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

package/lib/util/splitAtTopLevelOnly.js

@@ -0,0 +1,43 @@
+/**
+ * This splits a string on a top-level character.
+ *
+ * Regex doesn't support recursion (at least not the JS-flavored version).
+ * So we have to use a tiny state machine to keep track of paren placement.
+ *
+ * Expected behavior using commas:
+ * var(--a, 0 0 1px rgb(0, 0, 0)), 0 0 1px rgb(0, 0, 0)
+ *       ─┬─             ┬  ┬    ┬
+ *        x              x  x    ╰──────── Split because top-level
+ *        ╰──────────────┴──┴───────────── Ignored b/c inside >= 1 levels of parens
+ *
+ * @param {string} input
+ * @param {string} separator
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "splitAtTopLevelOnly", {
+    enumerable: true,
+    get: ()=>splitAtTopLevelOnly
+});
+function splitAtTopLevelOnly(input, separator) {
+    let stack = [];
+    let parts = [];
+    let lastPos = 0;
+    for(let idx = 0; idx < input.length; idx++){
+        let char = input[idx];
+        if (stack.length === 0 && char === separator[0]) {
+            if (separator.length === 1 || input.slice(idx, idx + separator.length) === separator) {
+                parts.push(input.slice(lastPos, idx));
+                lastPos = idx + separator.length;
+            }
+        }
+        if (char === "(" || char === "[" || char === "{") {
+            stack.push(char);
+        } else if (char === ")" && stack[stack.length - 1] === "(" || char === "]" && stack[stack.length - 1] === "[" || char === "}" && stack[stack.length - 1] === "{") {
+            stack.pop();
+        }
+    }
+    parts.push(input.slice(lastPos));
+    return parts;
+}

package/lib/util/tap.js

@@ -1,11 +1,12 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "tap", {
+    enumerable: true,
+    get: ()=>tap
 });
-exports.tap = tap;
-
 function tap(value, mutator) {
-  mutator(value);
-  return value;
-}
+    mutator(value);
+    return value;
+}

package/lib/util/toColorValue.js

@@ -1,10 +1,11 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>toColorValue
 });
-exports.default = toColorValue;
-
 function toColorValue(maybeFunction) {
-  return typeof maybeFunction === 'function' ? maybeFunction({}) : maybeFunction;
-}
+    return typeof maybeFunction === "function" ? maybeFunction({}) : maybeFunction;
+}

package/lib/util/toPath.js

@@ -1,11 +1,30 @@
-"use strict";
-
+/**
+ * Parse a path string into an array of path segments.
+ *
+ * Square bracket notation `a[b]` may be used to "escape" dots that would otherwise be interpreted as path separators.
+ *
+ * Example:
+ * a -> ['a']
+ * a.b.c -> ['a', 'b', 'c']
+ * a[b].c -> ['a', 'b', 'c']
+ * a[b.c].e.f -> ['a', 'b.c', 'e', 'f']
+ * a[b][c][d] -> ['a', 'b', 'c', 'd']
+ *
+ * @param {string|string[]} path
+ **/ "use strict";
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "toPath", {
+    enumerable: true,
+    get: ()=>toPath
 });
-exports.toPath = toPath;
-
 function toPath(path) {
-  if (Array.isArray(path)) return path;
-  return path.split(/[\.\]\[]+/g);
-}
+    if (Array.isArray(path)) return path;
+    let openBrackets = path.split("[").length - 1;
+    let closedBrackets = path.split("]").length - 1;
+    if (openBrackets !== closedBrackets) {
+        throw new Error(`Path is invalid. Has unbalanced brackets: ${path}`);
+    }
+    return path.split(/\.(?![^\[]*\])|[\[\]]/g).filter(Boolean);
+}

package/lib/util/transformThemeValue.js

@@ -1,32 +1,71 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = transformThemeValue;
-
-var _postcss = _interopRequireDefault(require("postcss"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>transformThemeValue
+});
+const _postcss = /*#__PURE__*/ _interopRequireDefault(require("postcss"));
+const _isPlainObject = /*#__PURE__*/ _interopRequireDefault(require("./isPlainObject"));
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function transformThemeValue(themeSection) {
-  if (['fontSize', 'outline'].includes(themeSection)) {
-    return value => Array.isArray(value) ? value[0] : value;
-  }
-
-  if (['fontFamily', 'boxShadow', 'transitionProperty', 'transitionDuration', 'transitionDelay', 'transitionTimingFunction', 'backgroundImage', 'backgroundSize', 'backgroundColor', 'cursor', 'animation'].includes(themeSection)) {
-    return value => Array.isArray(value) ? value.join(', ') : value;
-  } // For backwards compatibility reasons, before we switched to underscores
-  // instead of commas for arbitrary values.
-
-
-  if (['gridTemplateColumns', 'gridTemplateRows', 'objectPosition'].includes(themeSection)) {
-    return value => typeof value === 'string' ? _postcss.default.list.comma(value).join(' ') : value;
-  }
-
-  if (themeSection === 'colors') {
-    return value => typeof value === 'function' ? value({}) : value;
-  }
-
-  return value => value;
-}
+    if ([
+        "fontSize",
+        "outline"
+    ].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",
+        "transitionDelay",
+        "transitionTimingFunction",
+        "backgroundImage",
+        "backgroundSize",
+        "backgroundColor",
+        "cursor",
+        "animation"
+    ].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)) {
+        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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "validateConfig", {
+    enumerable: true,
+    get: ()=>validateConfig
+});
+const _log = /*#__PURE__*/ _interopRequireDefault(require("./log"));
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+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"
+        ]);
+    }
+    return config;
+}

package/lib/util/validateFormalSyntax.js

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

package/nesting/index.js

@@ -1,12 +1,2 @@
-let nesting = require('./plugin')
-
-module.exports = (opts) => {
-  return {
-    postcssPlugin: 'tailwindcss/nesting',
-    Once(root, { result }) {
-      return nesting(opts)(root, result)
-    },
-  }
-}
-
-module.exports.postcss = true
+let nesting = require('../lib/postcss-plugins/nesting')
+module.exports = (nesting.__esModule ? nesting : { default: nesting }).default

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "tailwindcss",
-  "version": "0.0.0-insiders.fda68f7",
+  "version": "0.0.0-oxide.6bf5e56",
   "description": "A utility-first CSS framework for rapidly building custom user interfaces.",
   "license": "MIT",
   "main": "lib/index.js",
-  "style": "dist/tailwind.css",
+  "types": "types/index.d.ts",
   "repository": "https://github.com/tailwindlabs/tailwindcss.git",
   "bugs": "https://github.com/tailwindlabs/tailwindcss/issues",
   "homepage": "https://tailwindcss.com",
@@ -12,23 +12,24 @@
     "tailwind": "lib/cli.js",
     "tailwindcss": "lib/cli.js"
   },
-  "contributors": [
-    "Adam Wathan <adam.wathan@gmail.com>",
-    "Jonathan Reinink <jonathan@reinink.ca>",
-    "David Hemphill <davidlee.hemphill@gmail.com>"
-  ],
   "scripts": {
-    "prebabelify": "npm run generate:plugin-list && rimraf lib",
-    "babelify": "babel src --out-dir lib --copy-files",
-    "postbabelify": "ncc build lib/cli-peer-dependencies.js -o peers",
-    "rebuild-fixtures": "npm run babelify && babel-node scripts/rebuildFixtures.js",
-    "prepublishOnly": "npm install --force && npm run babelify",
+    "preswcify": "npm run generate && rimraf lib",
+    "swcify": "swc src --out-dir lib --copy-files",
+    "postswcify": "esbuild lib/cli-peer-dependencies.js --bundle --platform=node --outfile=peers/index.js",
+    "rebuild-fixtures": "npm run swcify && node -r @swc/register scripts/rebuildFixtures.js",
     "style": "eslint .",
-    "test": "cross-env TAILWIND_MODE=build jest",
+    "pretest": "npm run generate",
+    "test": "jest",
     "test:integrations": "npm run test --prefix ./integrations",
     "install:integrations": "node scripts/install-integrations.js",
-    "posttest": "npm run style",
-    "generate:plugin-list": "babel-node scripts/create-plugin-list.js"
+    "generate:plugin-list": "node -r @swc/register scripts/create-plugin-list.js",
+    "generate:types": "node -r @swc/register scripts/generate-types.js",
+    "generate": "npm run generate:plugin-list && npm run generate:types",
+    "release-channel": "node ./scripts/release-channel.js",
+    "release-notes": "node ./scripts/release-notes.js",
+    "oxide:install": "npm install --prefix ./oxide",
+    "oxide:dev": "concurrently -n tailwind,oxide-node -c green,yellow 'npm run swcify -- --watch' 'npm run --prefix ./oxide dev:node'",
+    "oxide:build": "npm run --prefix ./oxide build:node && npm run swcify"
   },
   "files": [
     "src/*",
@@ -38,56 +39,57 @@
     "scripts/*.js",
     "stubs/*.stub.js",
     "nesting/*",
+    "types/**/*",
+    "*.d.ts",
     "*.css",
     "*.js"
   ],
   "devDependencies": {
-    "@babel/cli": "^7.14.8",
-    "@babel/core": "^7.15.5",
-    "@babel/node": "^7.12.13",
-    "@babel/preset-env": "^7.15.0",
-    "@tailwindcss/aspect-ratio": "^0.2.1",
-    "@vercel/ncc": "^0.29.2",
-    "autoprefixer": "^10.3.3",
-    "babel-jest": "^27.1.0",
-    "cross-env": "^7.0.3",
-    "cssnano": "^5.0.8",
-    "eslint": "^7.32.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "jest": "^27.1.0",
-    "jest-diff": "^27.1.0",
-    "postcss": "^8.3.6",
-    "postcss-cli": "^8.3.1",
-    "prettier": "^2.3.2",
-    "rimraf": "^3.0.0"
+    "@swc/cli": "^0.1.57",
+    "@swc/core": "^1.3.11",
+    "@swc/jest": "^0.2.23",
+    "@swc/register": "^0.1.10",
+    "autoprefixer": "^10.4.13",
+    "concurrently": "^7.5.0",
+    "cssnano": "^5.1.14",
+    "esbuild": "^0.15.15",
+    "eslint": "^8.27.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "jest": "^28.1.3",
+    "jest-diff": "^28.1.3",
+    "prettier": "^2.8.0",
+    "rimraf": "^3.0.0",
+    "source-map-js": "^1.0.2"
   },
   "peerDependencies": {
-    "autoprefixer": "^10.0.2",
     "postcss": "^8.0.9"
   },
   "dependencies": {
-    "arg": "^5.0.1",
-    "chalk": "^4.1.2",
-    "chokidar": "^3.5.2",
+    "@tailwindcss/oxide": "0.0.0-insiders.6bf5e56",
+    "arg": "^5.0.2",
+    "chokidar": "^3.5.3",
     "color-name": "^1.1.4",
-    "cosmiconfig": "^7.0.1",
-    "detective": "^5.2.0",
+    "detective": "^5.2.1",
     "didyoumean": "^1.2.2",
     "dlv": "^1.1.3",
-    "fast-glob": "^3.2.7",
-    "glob-parent": "^6.0.1",
-    "is-glob": "^4.0.1",
+    "fast-glob": "^3.2.12",
+    "glob-parent": "^6.0.2",
+    "is-glob": "^4.0.3",
+    "lilconfig": "^2.0.6",
+    "micromatch": "^4.0.5",
     "normalize-path": "^3.0.0",
-    "object-hash": "^2.2.0",
-    "postcss-js": "^3.0.3",
-    "postcss-load-config": "^3.1.0",
-    "postcss-nested": "5.0.6",
-    "postcss-selector-parser": "^6.0.6",
-    "postcss-value-parser": "^4.1.0",
+    "object-hash": "^3.0.0",
+    "picocolors": "^1.0.0",
+    "postcss": "^8.4.19",
+    "postcss-import": "^14.1.0",
+    "postcss-js": "^4.0.0",
+    "postcss-load-config": "^3.1.4",
+    "postcss-nested": "6.0.0",
+    "postcss-selector-parser": "^6.0.11",
+    "postcss-value-parser": "^4.2.0",
     "quick-lru": "^5.1.1",
-    "resolve": "^1.20.0",
-    "tmp": "^0.2.1"
+    "resolve": "^1.22.1"
   },
   "browserslist": [
     "> 1%",
@@ -95,18 +97,6 @@
     "not ie 11",
     "not op_mini all"
   ],
-  "babel": {
-    "presets": [
-      [
-        "@babel/preset-env",
-        {
-          "targets": {
-            "node": "12.13.0"
-          }
-        }
-      ]
-    ]
-  },
   "jest": {
     "testTimeout": 30000,
     "setupFilesAfterEnv": [
@@ -114,8 +104,13 @@
     ],
     "testPathIgnorePatterns": [
       "/node_modules/",
-      "/integrations/"
-    ]
+      "/integrations/",
+      "/standalone-cli/",
+      "\\.test\\.skip\\.js$"
+    ],
+    "transform": {
+      "\\.js$": "@swc/jest"
+    }
   },
   "engines": {
     "node": ">=12.13.0"