Revert "Commit updated Javascript packages"

This reverts commit a88734348a.
This commit is contained in:
Gabe Kangas
2020-10-19 22:14:27 -07:00
parent a88734348a
commit 3f50ce9bfc
6368 changed files with 0 additions and 603959 deletions

File diff suppressed because it is too large Load Diff

View File

@@ -1,22 +0,0 @@
MIT License
Copyright (c) Adam Wathan <adam.wathan@gmail.com>
Copyright (c) Jonathan Reinink <jonathan@reinink.ca>
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

View File

@@ -1,33 +0,0 @@
<p>
<a href="https://tailwindcss.com/" target="_blank">
<img alt="Tailwind CSS" width="350" src="https://refactoringui.nyc3.cdn.digitaloceanspaces.com/tailwind-logo.svg">
</a><br>
A utility-first CSS framework for rapidly building custom user interfaces.
</p>
<p>
<a href="https://travis-ci.org/tailwindcss/tailwindcss"><img src="https://img.shields.io/travis/tailwindcss/tailwindcss/master.svg" alt="Build Status"></a>
<a href="https://www.npmjs.com/package/tailwindcss"><img src="https://img.shields.io/npm/dt/tailwindcss.svg" alt="Total Downloads"></a>
<a href="https://github.com/tailwindcss/tailwindcss/releases"><img src="https://img.shields.io/npm/v/tailwindcss.svg" alt="Latest Release"></a>
<a href="https://github.com/tailwindcss/tailwindcss/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/tailwindcss.svg" alt="License"></a>
</p>
------
## Documentation
For full documentation, visit [tailwindcss.com](https://tailwindcss.com/).
## Community
For help, discussion about best practices, or any other conversation that would benefit from being searchable:
[Discuss Tailwind CSS on GitHub](https://github.com/tailwindcss/tailwindcss/discussions)
For casual chit-chat with others using the framework:
[Join the Tailwind CSS Discord Server](https://discord.gg/7NF8GNe)
## Contributing
If you're interested in contributing to Tailwind CSS, please read our [contributing docs](https://github.com/tailwindcss/tailwindcss/blob/master/.github/CONTRIBUTING.md) **before submitting a pull request**.

View File

@@ -1 +0,0 @@
@tailwind base;

View File

@@ -1 +0,0 @@
@tailwind components;

View File

@@ -1,4 +0,0 @@
const cloneDeep = require('lodash/cloneDeep')
const defaultConfig = require('./stubs/defaultConfig.stub.js')
module.exports = cloneDeep(defaultConfig)

View File

@@ -1,4 +0,0 @@
const cloneDeep = require('lodash/cloneDeep')
const defaultConfig = require('./stubs/defaultConfig.stub.js')
module.exports = cloneDeep(defaultConfig.theme)

View File

@@ -1,14 +0,0 @@
#!/usr/bin/env node
"use strict";
var _main = _interopRequireDefault(require("./cli/main"));
var utils = _interopRequireWildcard(require("./cli/utils"));
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
(0, _main.default)(process.argv.slice(2)).catch(error => utils.die(error.stack));

View File

@@ -1,63 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.bold = bold;
exports.info = info;
exports.error = error;
exports.command = command;
exports.file = file;
var _chalk = _interopRequireDefault(require("chalk"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
* Applies colors to emphasize
*
* @param {...string} msgs
*/
function bold(...msgs) {
return _chalk.default.bold(...msgs);
}
/**
* Applies colors to inform
*
* @param {...string} msgs
*/
function info(...msgs) {
return _chalk.default.bold.cyan(...msgs);
}
/**
* Applies colors to signify error
*
* @param {...string} msgs
*/
function error(...msgs) {
return _chalk.default.bold.red(...msgs);
}
/**
* Applies colors to represent a command
*
* @param {...string} msgs
*/
function command(...msgs) {
return _chalk.default.bold.magenta(...msgs);
}
/**
* Applies colors to represent a file
*
* @param {...string} msgs
*/
function file(...msgs) {
return _chalk.default.bold.magenta(...msgs);
}

View File

@@ -1,132 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.run = run;
exports.optionMap = exports.options = exports.description = exports.usage = void 0;
var _autoprefixer = _interopRequireDefault(require("autoprefixer"));
var _bytes = _interopRequireDefault(require("bytes"));
var _prettyHrtime = _interopRequireDefault(require("pretty-hrtime"));
var _ = _interopRequireDefault(require("../.."));
var _compile = _interopRequireDefault(require("../compile"));
var colors = _interopRequireWildcard(require("../colors"));
var emoji = _interopRequireWildcard(require("../emoji"));
var utils = _interopRequireWildcard(require("../utils"));
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const usage = 'build <file> [options]';
exports.usage = usage;
const description = 'Compiles Tailwind CSS file.';
exports.description = description;
const options = [{
usage: '-o, --output <file>',
description: 'Output file.'
}, {
usage: '-c, --config <file>',
description: 'Tailwind config file.'
}, {
usage: '--no-autoprefixer',
description: "Don't add vendor prefixes using autoprefixer."
}];
exports.options = options;
const optionMap = {
output: ['output', 'o'],
config: ['config', 'c'],
noAutoprefixer: ['no-autoprefixer']
};
/**
* Prints the error message and stops the process.
*
* @param {...string} [msgs]
*/
exports.optionMap = optionMap;
function stop(...msgs) {
utils.header();
utils.error(...msgs);
utils.die();
}
/**
* Compiles CSS file and writes it to stdout.
*
* @param {CompileOptions} compileOptions
* @return {Promise}
*/
function buildToStdout(compileOptions) {
return (0, _compile.default)(compileOptions).then(result => process.stdout.write(result.css));
}
/**
* Compiles CSS file and writes it to a file.
*
* @param {CompileOptions} compileOptions
* @param {int[]} startTime
* @return {Promise}
*/
function buildToFile(compileOptions, startTime) {
const inputFileSimplePath = utils.getSimplePath(compileOptions.inputFile);
const outputFileSimplePath = utils.getSimplePath(compileOptions.outputFile);
utils.header();
utils.log();
utils.log(emoji.go, ...(inputFileSimplePath ? ['Building:', colors.file(inputFileSimplePath)] : ['Building from default CSS...', colors.info('(No input file provided)')]));
return (0, _compile.default)(compileOptions).then(result => {
utils.writeFile(compileOptions.outputFile, result.css);
const prettyTime = (0, _prettyHrtime.default)(process.hrtime(startTime));
utils.log();
utils.log(emoji.yes, 'Finished in', colors.info(prettyTime));
utils.log(emoji.pack, 'Size:', colors.info((0, _bytes.default)(result.css.length)));
utils.log(emoji.disk, 'Saved to', colors.file(outputFileSimplePath));
utils.footer();
});
}
/**
* Runs the command.
*
* @param {string[]} cliParams
* @param {object} cliOptions
* @return {Promise}
*/
function run(cliParams, cliOptions) {
return new Promise((resolve, reject) => {
const startTime = process.hrtime();
const inputFile = cliParams[0];
const configFile = cliOptions.config && cliOptions.config[0];
const outputFile = cliOptions.output && cliOptions.output[0];
const autoprefix = !cliOptions.noAutoprefixer;
const inputFileSimplePath = utils.getSimplePath(inputFile);
const configFileSimplePath = utils.getSimplePath(configFile);
if (inputFile) {
!utils.exists(inputFile) && stop(colors.file(inputFileSimplePath), 'does not exist.');
}
configFile && !utils.exists(configFile) && stop(colors.file(configFileSimplePath), 'does not exist.');
const compileOptions = {
inputFile,
outputFile,
plugins: [(0, _.default)(configFile)].concat(autoprefix ? [_autoprefixer.default] : [])
};
const buildPromise = outputFile ? buildToFile(compileOptions, startTime) : buildToStdout(compileOptions);
buildPromise.then(resolve).catch(reject);
});
}

View File

@@ -1,103 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.forApp = forApp;
exports.forCommand = forCommand;
exports.invalidCommand = invalidCommand;
exports.run = run;
exports.description = exports.usage = void 0;
var _lodash = require("lodash");
var _ = _interopRequireDefault(require("."));
var constants = _interopRequireWildcard(require("../../constants"));
var colors = _interopRequireWildcard(require("../colors"));
var utils = _interopRequireWildcard(require("../utils"));
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const usage = 'help [command]';
exports.usage = usage;
const description = 'More information about the command.';
exports.description = description;
const PADDING_SIZE = 3;
/**
* Prints general help.
*/
function forApp() {
const pad = Math.max(...(0, _lodash.map)(_.default, 'usage.length')) + PADDING_SIZE;
utils.log();
utils.log('Usage:');
utils.log(' ', colors.bold(constants.cli + ' <command> [options]'));
utils.log();
utils.log('Commands:');
(0, _lodash.forEach)(_.default, command => {
utils.log(' ', colors.bold((0, _lodash.padEnd)(command.usage, pad)), command.description);
});
}
/**
* Prints help for a command.
*
* @param {object} command
*/
function forCommand(command) {
utils.log();
utils.log('Usage:');
utils.log(' ', colors.bold(constants.cli, command.usage));
utils.log();
utils.log('Description:');
utils.log(' ', colors.bold(command.description));
if (command.options) {
const pad = Math.max(...(0, _lodash.map)(command.options, 'usage.length')) + PADDING_SIZE;
utils.log();
utils.log('Options:');
(0, _lodash.forEach)(command.options, option => {
utils.log(' ', colors.bold((0, _lodash.padEnd)(option.usage, pad)), option.description);
});
}
}
/**
* Prints invalid command error and general help. Kills the process.
*
* @param {string} commandName
*/
function invalidCommand(commandName) {
utils.error('Invalid command:', colors.command(commandName));
forApp();
utils.die();
}
/**
* Runs the command.
*
* @param {string[]} cliParams
* @return {Promise}
*/
function run(cliParams) {
return new Promise(resolve => {
utils.header();
const commandName = cliParams[0];
const command = _.default[commandName];
!commandName && forApp();
commandName && command && forCommand(command);
commandName && !command && invalidCommand(commandName);
utils.footer();
resolve();
});
}

View File

@@ -1,23 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var help = _interopRequireWildcard(require("./help"));
var init = _interopRequireWildcard(require("./init"));
var build = _interopRequireWildcard(require("./build"));
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
var _default = {
help,
init,
build
};
exports.default = _default;

View File

@@ -1,78 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.run = run;
exports.optionMap = exports.options = exports.description = exports.usage = void 0;
var constants = _interopRequireWildcard(require("../../constants"));
var colors = _interopRequireWildcard(require("../colors"));
var emoji = _interopRequireWildcard(require("../emoji"));
var utils = _interopRequireWildcard(require("../utils"));
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
const usage = 'init [file]';
exports.usage = usage;
const description = 'Creates Tailwind config file. Default: ' + colors.file(utils.getSimplePath(constants.defaultConfigFile));
exports.description = description;
const options = [{
usage: '--full',
description: 'Generate complete configuration file.'
}, {
usage: '-p',
description: 'Generate postcss.config.js file.'
}];
exports.options = options;
const optionMap = {
full: ['full'],
postcss: ['p']
};
/**
* Runs the command.
*
* @param {string[]} cliParams
* @param {object} cliOptions
* @return {Promise}
*/
exports.optionMap = optionMap;
function run(cliParams, cliOptions) {
return new Promise(resolve => {
utils.header();
const file = cliParams[0] || constants.defaultConfigFile;
const simplePath = utils.getSimplePath(file);
utils.exists(file) && utils.die(colors.file(simplePath), 'already exists.');
const stubFile = cliOptions.full ? constants.defaultConfigStubFile : constants.simpleConfigStubFile;
const config = require(stubFile);
const {
future: flags
} = require('../../featureFlags').default;
flags.forEach(flag => {
config.future[`// ${flag}`] = true;
});
utils.writeFile(file, `module.exports = ${JSON.stringify(config, null, 2).replace(/"([^-_\d"]+)":/g, '$1:')}\n`);
utils.log();
utils.log(emoji.yes, 'Created Tailwind config file:', colors.file(simplePath));
if (cliOptions.postcss) {
const path = utils.getSimplePath(constants.defaultPostCssConfigFile);
utils.exists(constants.defaultPostCssConfigFile) && utils.die(colors.file(path), 'already exists.');
utils.copyFile(constants.defaultPostCssConfigStubFile, constants.defaultPostCssConfigFile);
utils.log(emoji.yes, 'Created PostCSS config file:', colors.file(path));
}
utils.footer();
resolve();
});
}

View File

@@ -1,53 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = compile;
var _postcss = _interopRequireDefault(require("postcss"));
var utils = _interopRequireWildcard(require("./utils"));
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
* Compiler options
*
* @typedef {Object} CompileOptions
* @property {string} inputFile
* @property {string} outputFile
* @property {array} plugins
*/
const defaultOptions = {
inputFile: null,
outputFile: null,
plugins: []
};
/**
* Compiles CSS file.
*
* @param {CompileOptions} options
* @return {Promise}
*/
function compile(options = {}) {
const config = { ...defaultOptions,
...options
};
const css = config.inputFile ? utils.readFile(config.inputFile) : `
@tailwind base;
@tailwind components;
@tailwind utilities;
`;
return new Promise((resolve, reject) => {
(0, _postcss.default)(config.plugins).process(css, {
from: config.inputFile,
to: config.outputFile
}).then(resolve).catch(reject);
});
}

View File

@@ -1,21 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.warning = exports.disk = exports.pack = exports.go = exports.no = exports.yes = void 0;
var _nodeEmoji = require("node-emoji");
const yes = (0, _nodeEmoji.get)('white_check_mark');
exports.yes = yes;
const no = (0, _nodeEmoji.get)('no_entry_sign');
exports.no = no;
const go = (0, _nodeEmoji.get)('rocket');
exports.go = go;
const pack = (0, _nodeEmoji.get)('package');
exports.pack = pack;
const disk = (0, _nodeEmoji.get)('floppy_disk');
exports.disk = disk;
const warning = (0, _nodeEmoji.get)('warning');
exports.warning = warning;

View File

@@ -1,32 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = run;
var _commands = _interopRequireDefault(require("./commands"));
var utils = _interopRequireWildcard(require("./utils"));
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
* CLI application entrypoint.
*
* @param {string[]} cliArgs
* @return {Promise}
*/
function run(cliArgs) {
return new Promise((resolve, reject) => {
const params = utils.parseCliParams(cliArgs);
const command = _commands.default[params[0]];
const options = command ? utils.parseCliOptions(cliArgs, command.optionMap) : {};
const commandPromise = command ? command.run(params.slice(1), options) : _commands.default.help.run(params);
commandPromise.then(resolve).catch(reject);
});
}

View File

@@ -1,179 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.parseCliParams = parseCliParams;
exports.parseCliOptions = parseCliOptions;
exports.log = log;
exports.header = header;
exports.footer = footer;
exports.error = error;
exports.die = die;
exports.exists = exists;
exports.copyFile = copyFile;
exports.readFile = readFile;
exports.writeFile = writeFile;
exports.getSimplePath = getSimplePath;
var _fsExtra = require("fs-extra");
var _lodash = require("lodash");
var colors = _interopRequireWildcard(require("./colors"));
var emoji = _interopRequireWildcard(require("./emoji"));
var _package = _interopRequireDefault(require("../../package.json"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
/**
* Gets CLI parameters.
*
* @param {string[]} cliArgs
* @return {string[]}
*/
function parseCliParams(cliArgs) {
const firstOptionIndex = cliArgs.findIndex(cliArg => cliArg.startsWith('-'));
return firstOptionIndex > -1 ? cliArgs.slice(0, firstOptionIndex) : cliArgs;
}
/**
* Gets mapped CLI options.
*
* @param {string[]} cliArgs
* @param {object} [optionMap]
* @return {object}
*/
function parseCliOptions(cliArgs, optionMap = {}) {
let options = {};
let currentOption = [];
cliArgs.forEach(cliArg => {
const option = cliArg.startsWith('-') && (0, _lodash.trimStart)(cliArg, '-').toLowerCase();
const resolvedOption = (0, _lodash.findKey)(optionMap, aliases => aliases.includes(option));
if (resolvedOption) {
currentOption = options[resolvedOption] || (options[resolvedOption] = []);
} else if (option) {
currentOption = [];
} else {
currentOption.push(cliArg);
}
});
return { ...(0, _lodash.mapValues)(optionMap, () => undefined),
...options
};
}
/**
* Prints messages to console.
*
* @param {...string} [msgs]
*/
function log(...msgs) {
console.log(' ', ...msgs);
}
/**
* Prints application header to console.
*/
function header() {
log();
log(colors.bold(_package.default.name), colors.info(_package.default.version));
}
/**
* Prints application footer to console.
*/
function footer() {
log();
}
/**
* Prints error messages to console.
*
* @param {...string} [msgs]
*/
function error(...msgs) {
log();
console.error(' ', emoji.no, colors.error(msgs.join(' ')));
}
/**
* Kills the process. Optionally prints error messages to console.
*
* @param {...string} [msgs]
*/
function die(...msgs) {
msgs.length && error(...msgs);
footer();
process.exit(1); // eslint-disable-line
}
/**
* Checks if path exists.
*
* @param {string} path
* @return {boolean}
*/
function exists(path) {
return (0, _fsExtra.existsSync)(path);
}
/**
* Copies file source to destination.
*
* @param {string} source
* @param {string} destination
*/
function copyFile(source, destination) {
(0, _fsExtra.copyFileSync)(source, destination);
}
/**
* Gets file content.
*
* @param {string} path
* @return {string}
*/
function readFile(path) {
return (0, _fsExtra.readFileSync)(path, 'utf-8');
}
/**
* Writes content to file.
*
* @param {string} path
* @param {string} content
* @return {string}
*/
function writeFile(path, content) {
(0, _fsExtra.ensureFileSync)(path);
return (0, _fsExtra.outputFileSync)(path, content);
}
/**
* Strips leading ./ from path
*
* @param {string} path
* @return {string}
*/
function getSimplePath(path) {
return (0, _lodash.startsWith)(path, './') ? path.slice(2) : path;
}

View File

@@ -1,29 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.defaultPostCssConfigStubFile = exports.simpleConfigStubFile = exports.defaultConfigStubFile = exports.defaultPostCssConfigFile = exports.defaultConfigFile = exports.cli = void 0;
var _path = _interopRequireDefault(require("path"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const cli = 'tailwind';
exports.cli = cli;
const defaultConfigFile = './tailwind.config.js';
exports.defaultConfigFile = defaultConfigFile;
const defaultPostCssConfigFile = './postcss.config.js';
exports.defaultPostCssConfigFile = defaultPostCssConfigFile;
const defaultConfigStubFile = _path.default.resolve(__dirname, '../stubs/defaultConfig.stub.js');
exports.defaultConfigStubFile = defaultConfigStubFile;
const simpleConfigStubFile = _path.default.resolve(__dirname, '../stubs/simpleConfig.stub.js');
exports.simpleConfigStubFile = simpleConfigStubFile;
const defaultPostCssConfigStubFile = _path.default.resolve(__dirname, '../stubs/defaultPostCssConfig.stub.js');
exports.defaultPostCssConfigStubFile = defaultPostCssConfigStubFile;

View File

@@ -1,8 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.corePluginList = void 0;
const corePluginList = ['preflight', 'container', 'space', 'divideWidth', 'divideColor', 'divideStyle', 'divideOpacity', 'accessibility', 'appearance', 'backgroundAttachment', 'backgroundClip', 'backgroundColor', 'backgroundImage', 'gradientColorStops', 'backgroundOpacity', 'backgroundPosition', 'backgroundRepeat', 'backgroundSize', 'borderCollapse', 'borderColor', 'borderOpacity', 'borderRadius', 'borderStyle', 'borderWidth', 'boxSizing', 'cursor', 'display', 'flexDirection', 'flexWrap', 'placeItems', 'placeContent', 'placeSelf', 'alignItems', 'alignContent', 'alignSelf', 'justifyItems', 'justifyContent', 'justifySelf', 'flex', 'flexGrow', 'flexShrink', 'order', 'float', 'clear', 'fontFamily', 'fontWeight', 'height', 'fontSize', 'lineHeight', 'listStylePosition', 'listStyleType', 'margin', 'maxHeight', 'maxWidth', 'minHeight', 'minWidth', 'objectFit', 'objectPosition', 'opacity', 'outline', 'overflow', 'overscrollBehavior', 'padding', 'placeholderColor', 'placeholderOpacity', 'pointerEvents', 'position', 'inset', 'resize', 'boxShadow', 'fill', 'stroke', 'strokeWidth', 'tableLayout', 'textAlign', 'textColor', 'textOpacity', 'fontStyle', 'textTransform', 'textDecoration', 'fontSmoothing', 'fontVariantNumeric', 'letterSpacing', 'userSelect', 'verticalAlign', 'visibility', 'whitespace', 'wordBreak', 'width', 'zIndex', 'gap', 'gridAutoFlow', 'gridTemplateColumns', 'gridAutoColumns', 'gridColumn', 'gridColumnStart', 'gridColumnEnd', 'gridTemplateRows', 'gridAutoRows', 'gridRow', 'gridRowStart', 'gridRowEnd', 'transform', 'transformOrigin', 'scale', 'rotate', 'translate', 'skew', 'transitionProperty', 'transitionTimingFunction', 'transitionDuration', 'transitionDelay', 'animation'];
exports.corePluginList = corePluginList;

View File

@@ -1,26 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _corePluginList = require("./corePluginList.js");
var plugins = _interopRequireWildcard(require("./plugins/index.js"));
var _configurePlugins = _interopRequireDefault(require("./util/configurePlugins"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _default({
corePlugins: corePluginConfig
}) {
return (0, _configurePlugins.default)(corePluginConfig, _corePluginList.corePluginList).map(pluginName => {
return plugins[pluginName]();
});
}

View File

@@ -1,70 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.flagEnabled = flagEnabled;
exports.issueFlagNotices = issueFlagNotices;
exports.default = void 0;
var _lodash = _interopRequireDefault(require("lodash"));
var _chalk = _interopRequireDefault(require("chalk"));
var _log = _interopRequireDefault(require("./util/log"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const featureFlags = {
future: ['removeDeprecatedGapUtilities', 'purgeLayersByDefault', 'defaultLineHeights', 'standardFontWeights'],
experimental: ['uniformColorPalette', 'extendedSpacingScale', 'extendedFontSizeScale', 'applyComplexClasses', 'darkModeVariant', 'additionalBreakpoint']
};
function flagEnabled(config, flag) {
if (featureFlags.future.includes(flag)) {
return config.future === 'all' || _lodash.default.get(config, ['future', flag], false);
}
if (featureFlags.experimental.includes(flag)) {
return config.experimental === 'all' || _lodash.default.get(config, ['experimental', flag], false);
}
return false;
}
function experimentalFlagsEnabled(config) {
if (config.experimental === 'all') {
return featureFlags.experimental;
}
return Object.keys(_lodash.default.get(config, 'experimental', {})).filter(flag => featureFlags.experimental.includes(flag) && config.experimental[flag]);
}
function futureFlagsAvailable(config) {
if (config.future === 'all') {
return [];
}
return featureFlags.future.filter(flag => !_lodash.default.has(config, ['future', flag]));
}
function issueFlagNotices(config) {
if (process.env.JEST_WORKER_ID !== undefined) {
return;
}
if (experimentalFlagsEnabled(config).length > 0) {
const changes = experimentalFlagsEnabled(config).map(s => _chalk.default.yellow(s)).join(', ');
_log.default.warn([`You have enabled experimental features: ${changes}`, 'Experimental features are not covered by semver, may introduce breaking changes, and can change at any time.']);
}
if (futureFlagsAvailable(config).length > 0) {
const changes = futureFlagsAvailable(config).map(s => _chalk.default.magenta(s)).join(', ');
_log.default.risk([`There are upcoming breaking changes: ${changes}`, 'We highly recommend opting-in to these changes now to simplify upgrading Tailwind in the future.', 'https://tailwindcss.com/docs/upcoming-changes']);
}
}
var _default = featureFlags;
exports.default = _default;

View File

@@ -1,18 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _default = {
theme: {
screens: {
sm: '640px',
md: '768px',
lg: '1024px',
xl: '1280px',
'2xl': '1536px'
}
}
};
exports.default = _default;

View File

@@ -1,294 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = applyComplexClasses;
var _lodash = _interopRequireDefault(require("lodash"));
var _postcssSelectorParser = _interopRequireDefault(require("postcss-selector-parser"));
var _postcss = _interopRequireDefault(require("postcss"));
var _substituteTailwindAtRules = _interopRequireDefault(require("../lib/substituteTailwindAtRules"));
var _evaluateTailwindFunctions = _interopRequireDefault(require("../lib/evaluateTailwindFunctions"));
var _substituteVariantsAtRules = _interopRequireDefault(require("../lib/substituteVariantsAtRules"));
var _substituteResponsiveAtRules = _interopRequireDefault(require("../lib/substituteResponsiveAtRules"));
var _convertLayerAtRulesToControlComments = _interopRequireDefault(require("../lib/convertLayerAtRulesToControlComments"));
var _substituteScreenAtRules = _interopRequireDefault(require("../lib/substituteScreenAtRules"));
var _prefixSelector = _interopRequireDefault(require("../util/prefixSelector"));
var _useMemo = require("../util/useMemo");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function hasAtRule(css, atRule) {
let foundAtRule = false;
css.walkAtRules(atRule, () => {
foundAtRule = true;
return false;
});
return foundAtRule;
}
function cloneWithoutChildren(node) {
if (node.type === 'atrule') {
return _postcss.default.atRule({
name: node.name,
params: node.params
});
}
if (node.type === 'rule') {
return _postcss.default.rule({
name: node.name,
selectors: node.selectors
});
}
const clone = node.clone();
clone.removeAll();
return clone;
}
const tailwindApplyPlaceholder = _postcssSelectorParser.default.attribute({
attribute: '__TAILWIND-APPLY-PLACEHOLDER__'
});
function generateRulesFromApply({
rule,
utilityName: className,
classPosition
}, replaceWiths) {
const parser = (0, _postcssSelectorParser.default)(selectors => {
let i = 0;
selectors.walkClasses(c => {
if (classPosition === i++ && c.value === className) {
c.replaceWith(tailwindApplyPlaceholder);
}
});
});
const processedSelectors = _lodash.default.flatMap(rule.selectors, selector => {
// You could argue we should make this replacement at the AST level, but if we believe
// the placeholder string is safe from collisions then it is safe to do this is a simple
// string replacement, and much, much faster.
return replaceWiths.map(replaceWith => parser.processSync(selector).replace('[__TAILWIND-APPLY-PLACEHOLDER__]', replaceWith));
});
const cloned = rule.clone();
let current = cloned;
let parent = rule.parent;
while (parent && parent.type !== 'root') {
const parentClone = cloneWithoutChildren(parent);
parentClone.append(current);
current.parent = parentClone;
current = parentClone;
parent = parent.parent;
}
cloned.selectors = processedSelectors;
return current;
}
const extractUtilityNamesParser = (0, _postcssSelectorParser.default)(selectors => {
let classes = [];
selectors.walkClasses(c => classes.push(c.value));
return classes;
});
const extractUtilityNames = (0, _useMemo.useMemo)(selector => extractUtilityNamesParser.transformSync(selector), selector => selector);
const cloneRuleWithParent = (0, _useMemo.useMemo)(rule => rule.clone({
parent: rule.parent
}), rule => rule);
function buildUtilityMap(css, lookupTree) {
let index = 0;
const utilityMap = {};
function handle(rule) {
const utilityNames = extractUtilityNames(rule.selector);
utilityNames.forEach((utilityName, i) => {
if (utilityMap[utilityName] === undefined) {
utilityMap[utilityName] = [];
}
utilityMap[utilityName].push({
index,
utilityName,
classPosition: i,
get rule() {
return cloneRuleWithParent(rule);
}
});
index++;
});
}
lookupTree.walkRules(handle);
css.walkRules(handle);
return utilityMap;
}
function mergeAdjacentRules(initialRule, rulesToInsert) {
let previousRule = initialRule;
rulesToInsert.forEach(toInsert => {
if (toInsert.type === 'rule' && previousRule.type === 'rule' && toInsert.selector === previousRule.selector) {
previousRule.append(toInsert.nodes);
} else if (toInsert.type === 'atrule' && previousRule.type === 'atrule' && toInsert.params === previousRule.params) {
const merged = mergeAdjacentRules(previousRule.nodes[previousRule.nodes.length - 1], toInsert.nodes);
previousRule.append(merged);
} else {
previousRule = toInsert;
}
toInsert.walk(n => {
if (n.nodes && n.nodes.length === 0) {
n.remove();
}
});
});
return rulesToInsert.filter(r => r.nodes.length > 0);
}
function makeExtractUtilityRules(css, lookupTree, config) {
const utilityMap = buildUtilityMap(css, lookupTree);
return function extractUtilityRules(utilityNames, rule) {
const combined = [];
utilityNames.forEach(utilityName => {
if (utilityMap[utilityName] === undefined) {
// Look for prefixed utility in case the user has goofed
const prefixedUtility = (0, _prefixSelector.default)(config.prefix, `.${utilityName}`).slice(1);
if (utilityMap[prefixedUtility] !== undefined) {
throw rule.error(`The \`${utilityName}\` class does not exist, but \`${prefixedUtility}\` does. Did you forget the prefix?`);
}
throw rule.error(`The \`${utilityName}\` class does not exist. If you're sure that \`${utilityName}\` exists, make sure that any \`@import\` statements are being properly processed before Tailwind CSS sees your CSS, as \`@apply\` can only be used for classes in the same CSS tree.`, {
word: utilityName
});
}
combined.push(...utilityMap[utilityName]);
});
return combined.sort((a, b) => a.index - b.index);
};
}
function findParent(rule, predicate) {
let parent = rule.parent;
while (parent) {
if (predicate(parent)) {
return parent;
}
parent = parent.parent;
}
throw new Error('No parent could be found');
}
function processApplyAtRules(css, lookupTree, config) {
const extractUtilityRules = makeExtractUtilityRules(css, lookupTree, config);
do {
css.walkAtRules('apply', applyRule => {
const parent = applyRule.parent; // Direct parent
const nearestParentRule = findParent(applyRule, r => r.type === 'rule');
const currentUtilityNames = extractUtilityNames(nearestParentRule.selector);
const [importantEntries, applyUtilityNames, important = importantEntries.length > 0] = _lodash.default.partition(applyRule.params.split(/[\s\t\n]+/g), n => n === '!important');
if (_lodash.default.intersection(applyUtilityNames, currentUtilityNames).length > 0) {
const currentUtilityName = _lodash.default.intersection(applyUtilityNames, currentUtilityNames)[0];
throw parent.error(`You cannot \`@apply\` the \`${currentUtilityName}\` utility here because it creates a circular dependency.`);
} // Extract any post-apply declarations and re-insert them after apply rules
const afterRule = parent.clone({
raws: {}
});
afterRule.nodes = afterRule.nodes.slice(parent.index(applyRule) + 1);
parent.nodes = parent.nodes.slice(0, parent.index(applyRule) + 1); // Sort applys to match CSS source order
const applys = extractUtilityRules(applyUtilityNames, applyRule); // Get new rules with the utility portion of the selector replaced with the new selector
const rulesToInsert = [];
applys.forEach(nearestParentRule === parent ? util => rulesToInsert.push(generateRulesFromApply(util, parent.selectors)) : util => util.rule.nodes.forEach(n => afterRule.append(n.clone())));
const {
nodes
} = _lodash.default.tap(_postcss.default.root({
nodes: rulesToInsert
}), root => root.walkDecls(d => {
d.important = important;
}));
const mergedRules = mergeAdjacentRules(nearestParentRule, [...nodes, afterRule]);
applyRule.remove();
parent.after(mergedRules); // If the base rule has nothing in it (all applys were pseudo or responsive variants),
// remove the rule fuggit.
if (parent.nodes.length === 0) {
parent.remove();
}
}); // We already know that we have at least 1 @apply rule. Otherwise this
// function would not have been called. Therefore we can execute this code
// at least once. This also means that in the best case scenario we only
// call this 2 times, instead of 3 times.
// 1st time -> before we call this function
// 2nd time -> when we check if we have to do this loop again (because do {} while (check))
// .. instead of
// 1st time -> before we call this function
// 2nd time -> when we check the first time (because while (check) do {})
// 3rd time -> when we re-check to see if we should do this loop again
} while (hasAtRule(css, 'apply'));
return css;
}
let defaultTailwindTree = null;
function applyComplexClasses(config, getProcessedPlugins, configChanged) {
return function (css) {
// We can stop already when we don't have any @apply rules. Vue users: you're welcome!
if (!hasAtRule(css, 'apply')) {
return css;
} // Tree already contains @tailwind rules, don't prepend default Tailwind tree
if (hasAtRule(css, 'tailwind')) {
return processApplyAtRules(css, _postcss.default.root(), config);
} // Tree contains no @tailwind rules, so generate all of Tailwind's styles and
// prepend them to the user's CSS. Important for <style> blocks in Vue components.
const generateLookupTree = configChanged || defaultTailwindTree === null ? () => {
return (0, _postcss.default)([(0, _substituteTailwindAtRules.default)(config, getProcessedPlugins()), (0, _evaluateTailwindFunctions.default)(config), (0, _substituteVariantsAtRules.default)(config, getProcessedPlugins()), (0, _substituteResponsiveAtRules.default)(config), (0, _convertLayerAtRulesToControlComments.default)(config), (0, _substituteScreenAtRules.default)(config)]).process(`
@tailwind base;
@tailwind components;
@tailwind utilities;
`, {
from: undefined
}).then(result => {
defaultTailwindTree = result;
return defaultTailwindTree;
});
} : () => Promise.resolve(defaultTailwindTree);
return generateLookupTree().then(result => {
return processApplyAtRules(css, result.root, config);
});
};
}

View File

@@ -1,23 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _defaultConfig = _interopRequireDefault(require("../../defaultConfig"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = {
dark: 'media',
variants: {
backgroundColor: [..._defaultConfig.default.variants.backgroundColor, 'dark'],
gradientColorStops: [..._defaultConfig.default.variants.gradientColorStops, 'dark'],
borderColor: [..._defaultConfig.default.variants.borderColor, 'dark'],
divideColor: [..._defaultConfig.default.variants.divideColor, 'dark'],
placeholderColor: [..._defaultConfig.default.variants.placeholderColor, 'dark'],
textColor: [..._defaultConfig.default.variants.textColor, 'dark']
}
};
exports.default = _default;

View File

@@ -1,64 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _buildSelectorVariant = _interopRequireDefault(require("../util/buildSelectorVariant"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default({
addVariant,
config,
postcss,
prefix
}) {
addVariant('dark', ({
container,
separator,
modifySelectors
}) => {
if (config('dark') === false) {
return postcss.root();
}
if (config('dark') === 'media') {
const modified = modifySelectors(({
selector
}) => {
return (0, _buildSelectorVariant.default)(selector, 'dark', separator, message => {
throw container.error(message);
});
});
const mediaQuery = postcss.atRule({
name: 'media',
params: '(prefers-color-scheme: dark)'
});
mediaQuery.append(modified);
container.append(mediaQuery);
return container;
}
if (config('dark') === 'class') {
const modified = modifySelectors(({
selector
}) => {
return (0, _buildSelectorVariant.default)(selector, 'dark', separator, message => {
throw container.error(message);
});
});
modified.walkRules(rule => {
rule.selectors = rule.selectors.map(selector => {
return `${prefix('.dark')} ${selector}`;
});
});
return modified;
}
throw new Error("The `dark` config option must be either 'media' or 'class'.");
}, {
unstable_stack: true
});
}

View File

@@ -1,43 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _default = {
theme: {
fontSize: {
xs: ['0.75rem', {
lineHeight: '1rem'
}],
sm: ['0.875rem', {
lineHeight: '1.25rem'
}],
base: ['1rem', {
lineHeight: '1.5rem'
}],
lg: ['1.125rem', {
lineHeight: '1.75rem'
}],
xl: ['1.25rem', {
lineHeight: '1.75rem'
}],
'2xl': ['1.5rem', {
lineHeight: '2rem'
}],
'3xl': ['1.875rem', {
lineHeight: '2.25rem'
}],
'4xl': ['2.25rem', {
lineHeight: '2.5rem'
}],
'5xl': ['3rem', {
lineHeight: '1'
}],
'6xl': ['4rem', {
lineHeight: '1'
}]
}
}
};
exports.default = _default;

View File

@@ -1,24 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _default = {
theme: {
extend: {
fontSize: {
'7xl': ['5rem', {
lineHeight: '1'
}],
'8xl': ['6rem', {
lineHeight: '1'
}],
'9xl': ['8rem', {
lineHeight: '1'
}]
}
}
}
};
exports.default = _default;

View File

@@ -1,122 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _default = {
theme: {
spacing: {
px: '1px',
'0': '0',
'0.5': '0.125rem',
'1': '0.25rem',
'1.5': '0.375rem',
'2': '0.5rem',
'2.5': '0.625rem',
'3': '0.75rem',
'3.5': '0.875rem',
'4': '1rem',
'5': '1.25rem',
'6': '1.5rem',
'7': '1.75rem',
'8': '2rem',
'9': '2.25rem',
'10': '2.5rem',
'11': '2.75rem',
'12': '3rem',
'13': '3.25rem',
'14': '3.5rem',
'15': '3.75rem',
'16': '4rem',
'20': '5rem',
'24': '6rem',
'28': '7rem',
'32': '8rem',
'36': '9rem',
'40': '10rem',
'44': '11rem',
'48': '12rem',
'52': '13rem',
'56': '14rem',
'60': '15rem',
'64': '16rem',
'72': '18rem',
'80': '20rem',
'96': '24rem',
'1/2': '50%',
'1/3': '33.333333%',
'2/3': '66.666667%',
'1/4': '25%',
'2/4': '50%',
'3/4': '75%',
'1/5': '20%',
'2/5': '40%',
'3/5': '60%',
'4/5': '80%',
'1/6': '16.666667%',
'2/6': '33.333333%',
'3/6': '50%',
'4/6': '66.666667%',
'5/6': '83.333333%',
'1/12': '8.333333%',
'2/12': '16.666667%',
'3/12': '25%',
'4/12': '33.333333%',
'5/12': '41.666667%',
'6/12': '50%',
'7/12': '58.333333%',
'8/12': '66.666667%',
'9/12': '75%',
'10/12': '83.333333%',
'11/12': '91.666667%',
full: '100%'
},
inset: (theme, {
negative
}) => ({
auto: 'auto',
...theme('spacing'),
...negative(theme('spacing'))
}),
minWidth: {
'0': '0',
full: '100%',
min: 'min-content',
max: 'max-content'
},
width: theme => ({
auto: 'auto',
...theme('spacing'),
screen: '100vw',
min: 'min-content',
max: 'max-content'
}),
maxWidth: (theme, {
breakpoints
}) => ({
none: 'none',
'0': '0rem',
xs: '20rem',
sm: '24rem',
md: '28rem',
lg: '32rem',
xl: '36rem',
'2xl': '42rem',
'3xl': '48rem',
'4xl': '56rem',
'5xl': '64rem',
'6xl': '72rem',
'7xl': '80rem',
full: '100%',
min: 'min-content',
max: 'max-content',
...breakpoints(theme('screens'))
}),
maxHeight: theme => ({
screen: '100vh',
...theme('spacing')
})
}
};
exports.default = _default;

View File

@@ -1,22 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _default = {
theme: {
fontWeight: {
thin: '100',
extralight: '200',
light: '300',
normal: '400',
medium: '500',
semibold: '600',
bold: '700',
extrabold: '800',
black: '900'
}
}
};
exports.default = _default;

View File

@@ -1,137 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _default = {
theme: {
colors: {
transparent: 'transparent',
current: 'currentColor',
black: '#000000',
white: '#ffffff',
gray: {
'50': '#f9fafb',
'100': '#f4f5f7',
'200': '#e5e7eb',
'300': '#d2d6dc',
'400': '#9fa6b2',
'500': '#6b7280',
'600': '#4b5563',
'700': '#374151',
'800': '#252f3f',
'900': '#161e2e'
},
red: {
'50': '#fdf2f2',
'100': '#fde8e8',
'200': '#fbd5d5',
'300': '#f8b4b4',
'400': '#f98080',
'500': '#f05252',
'600': '#e02424',
'700': '#c81e1e',
'800': '#9b1c1c',
'900': '#771d1d'
},
orange: {
'50': '#fff8f1',
'100': '#feecdc',
'200': '#fcd9bd',
'300': '#fdba8c',
'400': '#ff8a4c',
'500': '#ff5a1f',
'600': '#d03801',
'700': '#b43403',
'800': '#8a2c0d',
'900': '#73230d'
},
yellow: {
'50': '#fdfdea',
'100': '#fdf6b2',
'200': '#fce96a',
'300': '#faca15',
'400': '#e3a008',
'500': '#c27803',
'600': '#9f580a',
'700': '#8e4b10',
'800': '#723b13',
'900': '#633112'
},
green: {
'50': '#f3faf7',
'100': '#def7ec',
'200': '#bcf0da',
'300': '#84e1bc',
'400': '#31c48d',
'500': '#0e9f6e',
'600': '#057a55',
'700': '#046c4e',
'800': '#03543f',
'900': '#014737'
},
teal: {
'50': '#edfafa',
'100': '#d5f5f6',
'200': '#afecef',
'300': '#7edce2',
'400': '#16bdca',
'500': '#0694a2',
'600': '#047481',
'700': '#036672',
'800': '#05505c',
'900': '#014451'
},
blue: {
'50': '#ebf5ff',
'100': '#e1effe',
'200': '#c3ddfd',
'300': '#a4cafe',
'400': '#76a9fa',
'500': '#3f83f8',
'600': '#1c64f2',
'700': '#1a56db',
'800': '#1e429f',
'900': '#233876'
},
indigo: {
'50': '#f0f5ff',
'100': '#e5edff',
'200': '#cddbfe',
'300': '#b4c6fc',
'400': '#8da2fb',
'500': '#6875f5',
'600': '#5850ec',
'700': '#5145cd',
'800': '#42389d',
'900': '#362f78'
},
purple: {
'50': '#f6f5ff',
'100': '#edebfe',
'200': '#dcd7fe',
'300': '#cabffd',
'400': '#ac94fa',
'500': '#9061f9',
'600': '#7e3af2',
'700': '#6c2bd9',
'800': '#5521b5',
'900': '#4a1d96'
},
pink: {
'50': '#fdf2f8',
'100': '#fce8f3',
'200': '#fad1e8',
'300': '#f8b4d9',
'400': '#f17eb8',
'500': '#e74694',
'600': '#d61f69',
'700': '#bf125d',
'800': '#99154b',
'900': '#751a3d'
}
}
}
};
exports.default = _default;

View File

@@ -1,91 +0,0 @@
"use strict";
var _path = _interopRequireDefault(require("path"));
var _fs = _interopRequireDefault(require("fs"));
var _lodash = _interopRequireDefault(require("lodash"));
var _postcss = _interopRequireDefault(require("postcss"));
var _getModuleDependencies = _interopRequireDefault(require("./lib/getModuleDependencies"));
var _registerConfigAsDependency = _interopRequireDefault(require("./lib/registerConfigAsDependency"));
var _processTailwindFeatures = _interopRequireDefault(require("./processTailwindFeatures"));
var _formatCSS = _interopRequireDefault(require("./lib/formatCSS"));
var _resolveConfig = _interopRequireDefault(require("./util/resolveConfig"));
var _getAllConfigs = _interopRequireDefault(require("./util/getAllConfigs"));
var _constants = require("./constants");
var _defaultConfigStub = _interopRequireDefault(require("../stubs/defaultConfig.stub.js"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function resolveConfigPath(filePath) {
// require('tailwindcss')({ theme: ..., variants: ... })
if (_lodash.default.isObject(filePath) && !_lodash.default.has(filePath, 'config') && !_lodash.default.isEmpty(filePath)) {
return undefined;
} // require('tailwindcss')({ config: 'custom-config.js' })
if (_lodash.default.isObject(filePath) && _lodash.default.has(filePath, 'config') && _lodash.default.isString(filePath.config)) {
return _path.default.resolve(filePath.config);
} // require('tailwindcss')({ config: { theme: ..., variants: ... } })
if (_lodash.default.isObject(filePath) && _lodash.default.has(filePath, 'config') && _lodash.default.isObject(filePath.config)) {
return undefined;
} // require('tailwindcss')('custom-config.js')
if (_lodash.default.isString(filePath)) {
return _path.default.resolve(filePath);
} // require('tailwindcss')
try {
const defaultConfigPath = _path.default.resolve(_constants.defaultConfigFile);
_fs.default.accessSync(defaultConfigPath);
return defaultConfigPath;
} catch (err) {
return undefined;
}
}
const getConfigFunction = config => () => {
if (_lodash.default.isUndefined(config)) {
return (0, _resolveConfig.default)([...(0, _getAllConfigs.default)(_defaultConfigStub.default)]);
} // Skip this if Jest is running: https://github.com/facebook/jest/pull/9841#issuecomment-621417584
if (process.env.JEST_WORKER_ID === undefined) {
if (!_lodash.default.isObject(config)) {
(0, _getModuleDependencies.default)(config).forEach(mdl => {
delete require.cache[require.resolve(mdl.file)];
});
}
}
const configObject = _lodash.default.isObject(config) ? _lodash.default.get(config, 'config', config) : require(config);
return (0, _resolveConfig.default)([...(0, _getAllConfigs.default)(configObject)]);
};
const plugin = _postcss.default.plugin('tailwind', config => {
const plugins = [];
const resolvedConfigPath = resolveConfigPath(config);
if (!_lodash.default.isUndefined(resolvedConfigPath)) {
plugins.push((0, _registerConfigAsDependency.default)(resolvedConfigPath));
}
return (0, _postcss.default)([...plugins, (0, _processTailwindFeatures.default)(getConfigFunction(resolvedConfigPath || config)), _formatCSS.default]);
});
module.exports = plugin;

View File

@@ -1,26 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = applyImportantConfiguration;
function applyImportantConfiguration(_config) {
return function (css) {
css.walkRules(rule => {
const important = rule.__tailwind ? rule.__tailwind.important : false;
if (!important) {
return;
}
if (typeof important === 'string') {
rule.selectors = rule.selectors.map(selector => {
return `${rule.__tailwind.important} ${selector}`;
});
} else {
rule.walkDecls(decl => decl.important = true);
}
});
};
}

View File

@@ -1,31 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = convertLayerAtRulesToControlComments;
var _postcss = _interopRequireDefault(require("postcss"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function convertLayerAtRulesToControlComments() {
return function (css) {
css.walkAtRules('layer', atRule => {
const layer = atRule.params;
if (!['base', 'components', 'utilities'].includes(layer)) {
return;
}
atRule.before(_postcss.default.comment({
text: `tailwind start ${layer}`
}));
atRule.before(atRule.nodes);
atRule.before(_postcss.default.comment({
text: `tailwind end ${layer}`
}));
atRule.remove();
});
};
}

View File

@@ -1,38 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _postcssFunctions = _interopRequireDefault(require("postcss-functions"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const themeTransforms = {
fontSize(value) {
return Array.isArray(value) ? value[0] : value;
}
};
function defaultTransform(value) {
return Array.isArray(value) ? value.join(', ') : value;
}
function _default(config) {
return (0, _postcssFunctions.default)({
functions: {
theme: (path, ...defaultValue) => {
const trimmedPath = _lodash.default.trim(path, `'"`);
return _lodash.default.thru(_lodash.default.get(config.theme, trimmedPath, defaultValue), value => {
const [themeSection] = trimmedPath.split('.');
return _lodash.default.get(themeTransforms, themeSection, defaultTransform)(value);
});
}
}
});
}

View File

@@ -1,25 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = formatNodes;
function indentRecursive(node, indent = 0) {
node.each && node.each((child, i) => {
if (!child.raws.before || child.raws.before.includes('\n')) {
child.raws.before = `\n${node.type !== 'rule' && i > 0 ? '\n' : ''}${' '.repeat(indent)}`;
}
child.raws.after = `\n${' '.repeat(indent)}`;
indentRecursive(child, indent + 1);
});
}
function formatNodes(root) {
indentRecursive(root);
if (root.first) {
root.first.raws.before = '';
}
}

View File

@@ -1,53 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = getModuleDependencies;
var _fs = _interopRequireDefault(require("fs"));
var _path = _interopRequireDefault(require("path"));
var _resolve = _interopRequireDefault(require("resolve"));
var _detective = _interopRequireDefault(require("detective"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function createModule(file) {
const source = _fs.default.readFileSync(file, 'utf-8');
const requires = (0, _detective.default)(source);
return {
file,
requires
};
}
function getModuleDependencies(entryFile) {
const rootModule = createModule(entryFile);
const modules = [rootModule]; // Iterate over the modules, even when new
// ones are being added
for (const mdl of modules) {
mdl.requires.filter(dep => {
// Only track local modules, not node_modules
return dep.startsWith('./') || dep.startsWith('../');
}).forEach(dep => {
try {
const basedir = _path.default.dirname(mdl.file);
const depPath = _resolve.default.sync(dep, {
basedir
});
const depModule = createModule(depPath);
modules.push(depModule);
} catch (_err) {// eslint-disable-next-line no-empty
}
});
}
return modules;
}

View File

@@ -1,133 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = purgeUnusedUtilities;
var _lodash = _interopRequireDefault(require("lodash"));
var _postcss = _interopRequireDefault(require("postcss"));
var _postcssPurgecss = _interopRequireDefault(require("@fullhuman/postcss-purgecss"));
var _log = _interopRequireDefault(require("../util/log"));
var _htmlTags = _interopRequireDefault(require("html-tags"));
var _featureFlags = require("../featureFlags");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function removeTailwindMarkers(css) {
css.walkAtRules('tailwind', rule => rule.remove());
css.walkComments(comment => {
switch (comment.text.trim()) {
case 'tailwind start base':
case 'tailwind end base':
case 'tailwind start components':
case 'tailwind start utilities':
case 'tailwind end components':
case 'tailwind end utilities':
comment.remove();
break;
default:
break;
}
});
}
function purgeUnusedUtilities(config, configChanged) {
const purgeEnabled = _lodash.default.get(config, 'purge.enabled', config.purge !== false && config.purge !== undefined && process.env.NODE_ENV === 'production');
if (!purgeEnabled) {
return removeTailwindMarkers;
} // Skip if `purge: []` since that's part of the default config
if (Array.isArray(config.purge) && config.purge.length === 0) {
if (configChanged) {
_log.default.warn(['Tailwind is not purging unused styles because no template paths have been provided.', 'If you have manually configured PurgeCSS outside of Tailwind or are deliberately not removing unused styles, set `purge: false` in your Tailwind config file to silence this warning.', 'https://tailwindcss.com/docs/controlling-file-size/#removing-unused-css']);
}
return removeTailwindMarkers;
}
return (0, _postcss.default)([function (css) {
const mode = _lodash.default.get(config, 'purge.mode', (0, _featureFlags.flagEnabled)(config, 'purgeLayersByDefault') ? 'layers' : 'conservative');
if (!['all', 'layers', 'conservative'].includes(mode)) {
throw new Error('Purge `mode` must be one of `layers` or `all`.');
}
if (mode === 'all') {
return;
}
if (mode === 'conservative') {
if (configChanged) {
_log.default.warn(['The `conservative` purge mode will be removed in Tailwind 2.0.', 'Please switch to the new `layers` mode instead.']);
}
}
const layers = mode === 'conservative' ? ['utilities'] : _lodash.default.get(config, 'purge.layers', ['base', 'components', 'utilities']);
css.walkComments(comment => {
switch (comment.text.trim()) {
case `purgecss start ignore`:
comment.before(_postcss.default.comment({
text: 'purgecss end ignore'
}));
break;
case `purgecss end ignore`:
comment.before(_postcss.default.comment({
text: 'purgecss end ignore'
}));
comment.text = 'purgecss start ignore';
break;
default:
break;
}
layers.forEach(layer => {
switch (comment.text.trim()) {
case `tailwind start ${layer}`:
comment.text = 'purgecss end ignore';
break;
case `tailwind end ${layer}`:
comment.text = 'purgecss start ignore';
break;
default:
break;
}
});
});
css.prepend(_postcss.default.comment({
text: 'purgecss start ignore'
}));
css.append(_postcss.default.comment({
text: 'purgecss end ignore'
}));
}, removeTailwindMarkers, (0, _postcssPurgecss.default)({
content: Array.isArray(config.purge) ? config.purge : config.purge.content,
defaultExtractor: content => {
// Capture as liberally as possible, including things like `h-(screen-1.5)`
const broadMatches = content.match(/[^<>"'`\s]*[^<>"'`\s:]/g) || [];
const broadMatchesWithoutTrailingSlash = broadMatches.map(match => _lodash.default.trimEnd(match, '\\')); // Capture classes within other delimiters like .block(class="w-1/2") in Pug
const innerMatches = content.match(/[^<>"'`\s.(){}[\]#=%]*[^<>"'`\s.(){}[\]#=%:]/g) || [];
const matches = broadMatches.concat(broadMatchesWithoutTrailingSlash).concat(innerMatches);
if (_lodash.default.get(config, 'purge.preserveHtmlElements', true)) {
return [..._htmlTags.default].concat(matches);
} else {
return matches;
}
},
...config.purge.options
})]);
}

View File

@@ -1,28 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _fs = _interopRequireDefault(require("fs"));
var _getModuleDependencies = _interopRequireDefault(require("./getModuleDependencies"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default(configFile) {
if (!_fs.default.existsSync(configFile)) {
throw new Error(`Specified Tailwind config file "${configFile}" doesn't exist.`);
}
return function (css, opts) {
(0, _getModuleDependencies.default)(configFile).forEach(mdl => {
opts.messages.push({
type: 'dependency',
parent: css.source.input.file,
file: mdl.file
});
});
};
}

View File

@@ -1,141 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _postcss = _interopRequireDefault(require("postcss"));
var _escapeClassName = _interopRequireDefault(require("../util/escapeClassName"));
var _prefixSelector = _interopRequireDefault(require("../util/prefixSelector"));
var _increaseSpecificity = _interopRequireDefault(require("../util/increaseSpecificity"));
var _featureFlags = require("../featureFlags");
var _applyComplexClasses = _interopRequireDefault(require("../flagged/applyComplexClasses"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function buildClassTable(css) {
const classTable = {};
css.walkRules(rule => {
if (!_lodash.default.has(classTable, rule.selector)) {
classTable[rule.selector] = [];
}
classTable[rule.selector].push(rule);
});
return classTable;
}
function buildShadowTable(generatedUtilities) {
const utilities = _postcss.default.root();
_postcss.default.root({
nodes: generatedUtilities
}).walkAtRules('variants', atRule => {
utilities.append(atRule.clone().nodes);
});
return buildClassTable(utilities);
}
function normalizeClassName(className) {
return `.${(0, _escapeClassName.default)(_lodash.default.trimStart(className, '.'))}`;
}
function findClass(classToApply, classTable, onError) {
const matches = _lodash.default.get(classTable, classToApply, []);
if (_lodash.default.isEmpty(matches)) {
return [];
}
if (matches.length > 1) {
// prettier-ignore
throw onError(`\`@apply\` cannot be used with ${classToApply} because ${classToApply} is included in multiple rulesets.`);
}
const [match] = matches;
if (match.parent.type !== 'root') {
// prettier-ignore
throw onError(`\`@apply\` cannot be used with ${classToApply} because ${classToApply} is nested inside of an at-rule (@${match.parent.name}).`);
}
return match.clone().nodes;
}
let shadowLookup = null;
function _default(config, getProcessedPlugins, configChanged) {
if ((0, _featureFlags.flagEnabled)(config, 'applyComplexClasses')) {
return (0, _applyComplexClasses.default)(config, getProcessedPlugins, configChanged);
}
return function (css) {
const classLookup = buildClassTable(css);
shadowLookup = configChanged || !shadowLookup ? buildShadowTable(getProcessedPlugins().utilities) : shadowLookup;
css.walkRules(rule => {
rule.walkAtRules('apply', atRule => {
const classesAndProperties = _postcss.default.list.space(atRule.params);
/*
* Don't wreck CSSNext-style @apply rules:
* http://cssnext.io/features/#custom-properties-set-apply
*
* These are deprecated in CSSNext but still playing it safe for now.
* We might consider renaming this at-rule.
*/
const [customProperties, classes] = _lodash.default.partition(classesAndProperties, classOrProperty => {
return _lodash.default.startsWith(classOrProperty, '--');
});
const decls = (0, _lodash.default)(classes).reject(cssClass => cssClass === '!important').flatMap(cssClass => {
const classToApply = normalizeClassName(cssClass);
const onError = message => {
return atRule.error(message);
};
return _lodash.default.reduce([// Find exact class match in user's CSS
() => {
return findClass(classToApply, classLookup, onError);
}, // Find exact class match in shadow lookup
() => {
return findClass(classToApply, shadowLookup, onError);
}, // Find prefixed version of class in shadow lookup
() => {
return findClass((0, _prefixSelector.default)(config.prefix, classToApply), shadowLookup, onError);
}, // Find important-scoped version of class in shadow lookup
() => {
return findClass((0, _increaseSpecificity.default)(config.important, classToApply), shadowLookup, onError);
}, // Find important-scoped and prefixed version of class in shadow lookup
() => {
return findClass((0, _increaseSpecificity.default)(config.important, (0, _prefixSelector.default)(config.prefix, classToApply)), shadowLookup, onError);
}, () => {
// prettier-ignore
throw onError(`\`@apply\` cannot be used with \`${classToApply}\` because \`${classToApply}\` either cannot be found, or its actual definition includes a pseudo-selector like :hover, :active, etc. If you're sure that \`${classToApply}\` exists, make sure that any \`@import\` statements are being properly processed *before* Tailwind CSS sees your CSS, as \`@apply\` can only be used for classes in the same CSS tree.`);
}], (classDecls, candidate) => !_lodash.default.isEmpty(classDecls) ? classDecls : candidate(), []);
}).value();
_lodash.default.tap(_lodash.default.last(classesAndProperties) === '!important', important => {
decls.forEach(decl => decl.important = important);
});
atRule.before(decls);
atRule.params = customProperties.join(' ');
if (_lodash.default.isEmpty(customProperties)) {
atRule.remove();
}
});
});
};
}

View File

@@ -1,104 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _postcss = _interopRequireDefault(require("postcss"));
var _cloneNodes = _interopRequireDefault(require("../util/cloneNodes"));
var _buildMediaQuery = _interopRequireDefault(require("../util/buildMediaQuery"));
var _buildSelectorVariant = _interopRequireDefault(require("../util/buildSelectorVariant"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function isLayer(node) {
if (Array.isArray(node)) {
return node.length === 1 && isLayer(node[0]);
}
return node.type === 'atrule' && node.name === 'layer';
}
function layerNodes(nodes) {
return isLayer(nodes) ? nodes[0].nodes : nodes;
}
function _default(config) {
return function (css) {
// Wrap any `responsive` rules with a copy of their parent `layer` to
// ensure the layer isn't lost when copying to the `screens` location.
css.walkAtRules('layer', layerAtRule => {
const layer = layerAtRule.params;
layerAtRule.walkAtRules('responsive', responsiveAtRule => {
const nestedlayerAtRule = _postcss.default.atRule({
name: 'layer',
params: layer
});
nestedlayerAtRule.prepend(responsiveAtRule.nodes);
responsiveAtRule.removeAll();
responsiveAtRule.prepend(nestedlayerAtRule);
});
});
const {
theme: {
screens
},
separator
} = config;
const responsiveRules = _postcss.default.root();
const finalRules = [];
css.walkAtRules('responsive', atRule => {
const nodes = atRule.nodes;
responsiveRules.append(...(0, _cloneNodes.default)(nodes)); // If the parent is already a `layer` (this is true for anything coming from
// a plugin, including core plugins) we don't want to create a double nested
// layer, so only insert the layer children. If there is no parent layer,
// preserve the layer information when inserting the nodes.
if (isLayer(atRule.parent)) {
atRule.before(layerNodes(nodes));
} else {
atRule.before(nodes);
}
atRule.remove();
});
_lodash.default.keys(screens).forEach(screen => {
const mediaQuery = _postcss.default.atRule({
name: 'media',
params: (0, _buildMediaQuery.default)(screens[screen])
});
mediaQuery.append(_lodash.default.tap(responsiveRules.clone(), clonedRoot => {
clonedRoot.walkRules(rule => {
rule.selectors = _lodash.default.map(rule.selectors, selector => (0, _buildSelectorVariant.default)(selector, screen, separator, message => {
throw rule.error(message);
}));
});
}));
finalRules.push(mediaQuery);
});
const hasScreenRules = finalRules.some(i => i.nodes.length !== 0);
css.walkAtRules('tailwind', atRule => {
if (atRule.params !== 'screens') {
return;
}
if (hasScreenRules) {
atRule.before(finalRules);
}
atRule.remove();
});
};
}

View File

@@ -1,29 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _buildMediaQuery = _interopRequireDefault(require("../util/buildMediaQuery"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default({
theme
}) {
return function (css) {
css.walkAtRules('screen', atRule => {
const screen = atRule.params;
if (!_lodash.default.has(theme.screens, screen)) {
throw atRule.error(`No \`${screen}\` screen found.`);
}
atRule.name = 'media';
atRule.params = (0, _buildMediaQuery.default)(theme.screens[screen]);
});
};
}

View File

@@ -1,97 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _postcss = _interopRequireDefault(require("postcss"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function updateSource(nodes, source) {
return _lodash.default.tap(Array.isArray(nodes) ? _postcss.default.root({
nodes
}) : nodes, tree => {
tree.walk(node => node.source = source);
});
}
function _default(_config, {
base: pluginBase,
components: pluginComponents,
utilities: pluginUtilities
}) {
return function (css) {
css.walkAtRules('import', atRule => {
if (atRule.params === '"tailwindcss/base"' || atRule.params === "'tailwindcss/base'") {
atRule.name = 'tailwind';
atRule.params = 'base';
}
if (atRule.params === '"tailwindcss/components"' || atRule.params === "'tailwindcss/components'") {
atRule.name = 'tailwind';
atRule.params = 'components';
}
if (atRule.params === '"tailwindcss/utilities"' || atRule.params === "'tailwindcss/utilities'") {
atRule.name = 'tailwind';
atRule.params = 'utilities';
}
if (atRule.params === '"tailwindcss/screens"' || atRule.params === "'tailwindcss/screens'") {
atRule.name = 'tailwind';
atRule.params = 'screens';
}
});
let includesScreensExplicitly = false;
const layers = {
base: [],
components: [],
utilities: []
};
css.walkAtRules('layer', atRule => {
if (!['base', 'components', 'utilities'].includes(atRule.params)) {
return;
}
layers[atRule.params].push(atRule);
});
css.walkAtRules('tailwind', atRule => {
if (atRule.params === 'preflight') {
// prettier-ignore
throw atRule.error("`@tailwind preflight` is not a valid at-rule in Tailwind v1.0, use `@tailwind base` instead.", {
word: 'preflight'
});
}
if (atRule.params === 'base') {
atRule.after(layers.base);
atRule.after(updateSource(pluginBase, atRule.source));
}
if (atRule.params === 'components') {
atRule.after(layers.components);
atRule.after(updateSource(pluginComponents, atRule.source));
}
if (atRule.params === 'utilities') {
atRule.after(layers.utilities);
atRule.after(updateSource(pluginUtilities, atRule.source));
}
if (atRule.params === 'screens') {
includesScreensExplicitly = true;
}
});
if (!includesScreensExplicitly) {
css.append([_postcss.default.atRule({
name: 'tailwind',
params: 'screens'
})]);
}
};
}

View File

@@ -1,197 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _postcss = _interopRequireDefault(require("postcss"));
var _postcssSelectorParser = _interopRequireDefault(require("postcss-selector-parser"));
var _generateVariantFunction = _interopRequireDefault(require("../util/generateVariantFunction"));
var _prefixSelector = _interopRequireDefault(require("../util/prefixSelector"));
var _buildSelectorVariant = _interopRequireDefault(require("../util/buildSelectorVariant"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function generatePseudoClassVariant(pseudoClass, selectorPrefix = pseudoClass) {
return (0, _generateVariantFunction.default)(({
modifySelectors,
separator
}) => {
const parser = (0, _postcssSelectorParser.default)(selectors => {
selectors.walkClasses(sel => {
sel.value = `${selectorPrefix}${separator}${sel.value}`;
sel.parent.insertAfter(sel, _postcssSelectorParser.default.pseudo({
value: `:${pseudoClass}`
}));
});
});
return modifySelectors(({
selector
}) => parser.processSync(selector));
});
}
function ensureIncludesDefault(variants) {
return variants.includes('default') ? variants : ['default', ...variants];
}
const defaultVariantGenerators = config => ({
default: (0, _generateVariantFunction.default)(() => {}),
'motion-safe': (0, _generateVariantFunction.default)(({
container,
separator,
modifySelectors
}) => {
const modified = modifySelectors(({
selector
}) => {
return (0, _buildSelectorVariant.default)(selector, 'motion-safe', separator, message => {
throw container.error(message);
});
});
const mediaQuery = _postcss.default.atRule({
name: 'media',
params: '(prefers-reduced-motion: no-preference)'
});
mediaQuery.append(modified);
container.append(mediaQuery);
}, {
unstable_stack: true
}),
'motion-reduce': (0, _generateVariantFunction.default)(({
container,
separator,
modifySelectors
}) => {
const modified = modifySelectors(({
selector
}) => {
return (0, _buildSelectorVariant.default)(selector, 'motion-reduce', separator, message => {
throw container.error(message);
});
});
const mediaQuery = _postcss.default.atRule({
name: 'media',
params: '(prefers-reduced-motion: reduce)'
});
mediaQuery.append(modified);
container.append(mediaQuery);
}, {
unstable_stack: true
}),
'group-hover': (0, _generateVariantFunction.default)(({
modifySelectors,
separator
}) => {
const parser = (0, _postcssSelectorParser.default)(selectors => {
selectors.walkClasses(sel => {
sel.value = `group-hover${separator}${sel.value}`;
sel.parent.insertBefore(sel, (0, _postcssSelectorParser.default)().astSync((0, _prefixSelector.default)(config.prefix, '.group:hover ')));
});
});
return modifySelectors(({
selector
}) => parser.processSync(selector));
}),
'group-focus': (0, _generateVariantFunction.default)(({
modifySelectors,
separator
}) => {
const parser = (0, _postcssSelectorParser.default)(selectors => {
selectors.walkClasses(sel => {
sel.value = `group-focus${separator}${sel.value}`;
sel.parent.insertBefore(sel, (0, _postcssSelectorParser.default)().astSync((0, _prefixSelector.default)(config.prefix, '.group:focus ')));
});
});
return modifySelectors(({
selector
}) => parser.processSync(selector));
}),
hover: generatePseudoClassVariant('hover'),
'focus-within': generatePseudoClassVariant('focus-within'),
'focus-visible': generatePseudoClassVariant('focus-visible'),
focus: generatePseudoClassVariant('focus'),
active: generatePseudoClassVariant('active'),
visited: generatePseudoClassVariant('visited'),
disabled: generatePseudoClassVariant('disabled'),
checked: generatePseudoClassVariant('checked'),
first: generatePseudoClassVariant('first-child', 'first'),
last: generatePseudoClassVariant('last-child', 'last'),
odd: generatePseudoClassVariant('nth-child(odd)', 'odd'),
even: generatePseudoClassVariant('nth-child(even)', 'even')
});
function prependStackableVariants(atRule, variants, stackableVariants) {
if (!_lodash.default.some(variants, v => stackableVariants.includes(v))) {
return variants;
}
if (_lodash.default.every(variants, v => stackableVariants.includes(v))) {
return variants;
}
const variantsParent = _postcss.default.atRule({
name: 'variants',
params: variants.filter(v => stackableVariants.includes(v)).join(', ')
});
atRule.before(variantsParent);
variantsParent.append(atRule);
variants = _lodash.default.without(variants, ...stackableVariants);
return variants;
}
function _default(config, {
variantGenerators: pluginVariantGenerators
}) {
return function (css) {
const variantGenerators = { ...defaultVariantGenerators(config),
...pluginVariantGenerators
};
const stackableVariants = Object.entries(variantGenerators).filter(([_variant, {
options
}]) => options.unstable_stack).map(([variant]) => variant);
let variantsFound = false;
do {
variantsFound = false;
css.walkAtRules('variants', atRule => {
variantsFound = true;
let variants = _postcss.default.list.comma(atRule.params).filter(variant => variant !== '');
if (variants.includes('responsive')) {
const responsiveParent = _postcss.default.atRule({
name: 'responsive'
});
atRule.before(responsiveParent);
responsiveParent.append(atRule);
}
const remainingVariants = prependStackableVariants(atRule, variants, stackableVariants);
_lodash.default.forEach(_lodash.default.without(ensureIncludesDefault(remainingVariants), 'responsive'), variant => {
if (!variantGenerators[variant]) {
throw new Error(`Your config mentions the "${variant}" variant, but "${variant}" doesn't appear to be a variant. Did you forget or misconfigure a plugin that supplies that variant?`);
}
variantGenerators[variant].handler(atRule, config);
});
atRule.remove();
});
} while (variantsFound);
};
}

View File

@@ -1,37 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.sr-only': {
position: 'absolute',
width: '1px',
height: '1px',
padding: '0',
margin: '-1px',
overflow: 'hidden',
clip: 'rect(0, 0, 0, 0)',
whiteSpace: 'nowrap',
borderWidth: '0'
},
'.not-sr-only': {
position: 'static',
width: 'auto',
height: 'auto',
padding: '0',
margin: '0',
overflow: 'visible',
clip: 'auto',
whiteSpace: 'normal'
}
}, variants('accessibility'));
};
}

View File

@@ -1,34 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.content-center': {
'align-content': 'center'
},
'.content-start': {
'align-content': 'flex-start'
},
'.content-end': {
'align-content': 'flex-end'
},
'.content-between': {
'align-content': 'space-between'
},
'.content-around': {
'align-content': 'space-around'
},
'.content-evenly': {
'align-content': 'space-evenly'
}
}, variants('alignContent'));
};
}

View File

@@ -1,31 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.items-start': {
'align-items': 'flex-start'
},
'.items-end': {
'align-items': 'flex-end'
},
'.items-center': {
'align-items': 'center'
},
'.items-baseline': {
'align-items': 'baseline'
},
'.items-stretch': {
'align-items': 'stretch'
}
}, variants('alignItems'));
};
}

View File

@@ -1,31 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.self-auto': {
'align-self': 'auto'
},
'.self-start': {
'align-self': 'flex-start'
},
'.self-end': {
'align-self': 'flex-end'
},
'.self-center': {
'align-self': 'center'
},
'.self-stretch': {
'align-self': 'stretch'
}
}, variants('alignSelf'));
};
}

View File

@@ -1,38 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const keyframesConfig = theme('keyframes');
const keyframesStyles = _lodash.default.fromPairs(_lodash.default.toPairs(keyframesConfig).map(([name, keyframes]) => {
return [`@keyframes ${name}`, keyframes];
}));
addUtilities(keyframesStyles, {
respectImportant: false
});
const animationConfig = theme('animation');
const utilities = _lodash.default.fromPairs(_lodash.default.toPairs(animationConfig).map(([suffix, animation]) => {
return [`.${e(`animate-${suffix}`)}`, {
animation
}];
}));
addUtilities(utilities, variants('animation'));
};
}

View File

@@ -1,19 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.appearance-none': {
appearance: 'none'
}
}, variants('appearance'));
};
}

View File

@@ -1,25 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.bg-fixed': {
'background-attachment': 'fixed'
},
'.bg-local': {
'background-attachment': 'local'
},
'.bg-scroll': {
'background-attachment': 'scroll'
}
}, variants('backgroundAttachment'));
};
}

View File

@@ -1,31 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants,
target
}) {
addUtilities({
'.bg-clip-border': {
'background-clip': 'border-box'
},
'.bg-clip-padding': {
'background-clip': 'padding-box'
},
'.bg-clip-content': {
'background-clip': 'content-box'
},
...(target('display') === 'ie11' ? {} : {
'.bg-clip-text': {
'background-clip': 'text'
}
})
}, variants('backgroundClip'));
};
}

View File

@@ -1,55 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _flattenColorPalette = _interopRequireDefault(require("../util/flattenColorPalette"));
var _withAlphaVariable = _interopRequireDefault(require("../util/withAlphaVariable"));
var _toColorValue = _interopRequireDefault(require("../util/toColorValue"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants,
target,
corePlugins
}) {
const colors = (0, _flattenColorPalette.default)(theme('backgroundColor'));
const getProperties = value => {
if (target('backgroundColor') === 'ie11') {
return {
'background-color': (0, _toColorValue.default)(value)
};
}
if (corePlugins('backgroundOpacity')) {
return (0, _withAlphaVariable.default)({
color: value,
property: 'background-color',
variable: '--bg-opacity'
});
}
return {
'background-color': (0, _toColorValue.default)(value)
};
};
const utilities = _lodash.default.fromPairs(_lodash.default.map(colors, (value, modifier) => {
return [`.${e(`bg-${modifier}`)}`, getProperties(value)];
}));
addUtilities(utilities, variants('backgroundColor'));
};
}

View File

@@ -1,34 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _usesCustomProperties = _interopRequireDefault(require("../util/usesCustomProperties"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants,
target
}) {
const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('backgroundImage'), (value, modifier) => {
if (target('backgroundImage') === 'ie11' && (0, _usesCustomProperties.default)(value)) {
return [];
}
return [`.${e(`bg-${modifier}`)}`, {
'background-image': value
}];
}));
addUtilities(utilities, variants('backgroundImage'));
};
}

View File

@@ -1,26 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('backgroundOpacity') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('backgroundOpacity', [['bg-opacity', ['--bg-opacity']]])({
target,
...args
});
};
}

View File

@@ -1,27 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('backgroundPosition'), (value, modifier) => {
return [`.${e(`bg-${modifier}`)}`, {
'background-position': value
}];
}));
addUtilities(utilities, variants('backgroundPosition'));
};
}

View File

@@ -1,34 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.bg-repeat': {
'background-repeat': 'repeat'
},
'.bg-no-repeat': {
'background-repeat': 'no-repeat'
},
'.bg-repeat-x': {
'background-repeat': 'repeat-x'
},
'.bg-repeat-y': {
'background-repeat': 'repeat-y'
},
'.bg-repeat-round': {
'background-repeat': 'round'
},
'.bg-repeat-space': {
'background-repeat': 'space'
}
}, variants('backgroundRepeat'));
};
}

View File

@@ -1,27 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('backgroundSize'), (value, modifier) => {
return [`.${e(`bg-${modifier}`)}`, {
'background-size': value
}];
}));
addUtilities(utilities, variants('backgroundSize'));
};
}

View File

@@ -1,22 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.border-collapse': {
'border-collapse': 'collapse'
},
'.border-separate': {
'border-collapse': 'separate'
}
}, variants('borderCollapse'));
};
}

View File

@@ -1,55 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _flattenColorPalette = _interopRequireDefault(require("../util/flattenColorPalette"));
var _toColorValue = _interopRequireDefault(require("../util/toColorValue"));
var _withAlphaVariable = _interopRequireDefault(require("../util/withAlphaVariable"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants,
target,
corePlugins
}) {
const colors = (0, _flattenColorPalette.default)(theme('borderColor'));
const getProperties = value => {
if (target('borderColor') === 'ie11') {
return {
'border-color': (0, _toColorValue.default)(value)
};
}
if (corePlugins('borderOpacity')) {
return (0, _withAlphaVariable.default)({
color: value,
property: 'border-color',
variable: '--border-opacity'
});
}
return {
'border-color': (0, _toColorValue.default)(value)
};
};
const utilities = _lodash.default.fromPairs(_lodash.default.map(_lodash.default.omit(colors, 'default'), (value, modifier) => {
return [`.${e(`border-${modifier}`)}`, getProperties(value)];
}));
addUtilities(utilities, variants('borderColor'));
};
}

View File

@@ -1,26 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('borderOpacity') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('borderOpacity', [['border-opacity', ['--border-opacity']]])({
target,
...args
});
};
}

View File

@@ -1,63 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const generators = [(value, modifier) => ({
[`.${e(`rounded${modifier}`)}`]: {
borderRadius: `${value}`
}
}), (value, modifier) => ({
[`.${e(`rounded-t${modifier}`)}`]: {
borderTopLeftRadius: `${value}`,
borderTopRightRadius: `${value}`
},
[`.${e(`rounded-r${modifier}`)}`]: {
borderTopRightRadius: `${value}`,
borderBottomRightRadius: `${value}`
},
[`.${e(`rounded-b${modifier}`)}`]: {
borderBottomRightRadius: `${value}`,
borderBottomLeftRadius: `${value}`
},
[`.${e(`rounded-l${modifier}`)}`]: {
borderTopLeftRadius: `${value}`,
borderBottomLeftRadius: `${value}`
}
}), (value, modifier) => ({
[`.${e(`rounded-tl${modifier}`)}`]: {
borderTopLeftRadius: `${value}`
},
[`.${e(`rounded-tr${modifier}`)}`]: {
borderTopRightRadius: `${value}`
},
[`.${e(`rounded-br${modifier}`)}`]: {
borderBottomRightRadius: `${value}`
},
[`.${e(`rounded-bl${modifier}`)}`]: {
borderBottomLeftRadius: `${value}`
}
})];
const utilities = _lodash.default.flatMap(generators, generator => {
return _lodash.default.flatMap(theme('borderRadius'), (value, modifier) => {
return generator(value, modifier === 'default' ? '' : `-${modifier}`);
});
});
addUtilities(utilities, variants('borderRadius'));
};
}

View File

@@ -1,31 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.border-solid': {
'border-style': 'solid'
},
'.border-dashed': {
'border-style': 'dashed'
},
'.border-dotted': {
'border-style': 'dotted'
},
'.border-double': {
'border-style': 'double'
},
'.border-none': {
'border-style': 'none'
}
}, variants('borderStyle'));
};
}

View File

@@ -1,46 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const generators = [(value, modifier) => ({
[`.${e(`border${modifier}`)}`]: {
borderWidth: `${value}`
}
}), (value, modifier) => ({
[`.${e(`border-t${modifier}`)}`]: {
borderTopWidth: `${value}`
},
[`.${e(`border-r${modifier}`)}`]: {
borderRightWidth: `${value}`
},
[`.${e(`border-b${modifier}`)}`]: {
borderBottomWidth: `${value}`
},
[`.${e(`border-l${modifier}`)}`]: {
borderLeftWidth: `${value}`
}
})];
const utilities = _lodash.default.flatMap(generators, generator => {
return _lodash.default.flatMap(theme('borderWidth'), (value, modifier) => {
return generator(value, modifier === 'default' ? '' : `-${modifier}`);
});
});
addUtilities(utilities, variants('borderWidth'));
};
}

View File

@@ -1,30 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _prefixNegativeModifiers = _interopRequireDefault(require("../util/prefixNegativeModifiers"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('boxShadow'), (value, modifier) => {
const className = modifier === 'default' ? 'shadow' : `${e((0, _prefixNegativeModifiers.default)('shadow', modifier))}`;
return [`.${className}`, {
'box-shadow': value
}];
}));
addUtilities(utilities, variants('boxShadow'));
};
}

View File

@@ -1,22 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.box-border': {
'box-sizing': 'border-box'
},
'.box-content': {
'box-sizing': 'content-box'
}
}, variants('boxSizing'));
};
}

View File

@@ -1,28 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.clear-left': {
clear: 'left'
},
'.clear-right': {
clear: 'right'
},
'.clear-both': {
clear: 'both'
},
'.clear-none': {
clear: 'none'
}
}, variants('clear'));
};
}

View File

@@ -1,110 +0,0 @@
"use strict";
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/* eslint-disable no-shadow */
function extractMinWidths(breakpoints) {
return _lodash.default.flatMap(breakpoints, breakpoints => {
if (_lodash.default.isString(breakpoints)) {
breakpoints = {
min: breakpoints
};
}
if (!Array.isArray(breakpoints)) {
breakpoints = [breakpoints];
}
return (0, _lodash.default)(breakpoints).filter(breakpoint => {
return _lodash.default.has(breakpoint, 'min') || _lodash.default.has(breakpoint, 'min-width');
}).map(breakpoint => {
return _lodash.default.get(breakpoint, 'min-width', breakpoint.min);
}).value();
});
}
function mapMinWidthsToPadding(minWidths, screens, paddings) {
if (typeof paddings === 'undefined') {
return [];
}
if (!_lodash.default.isObject(paddings)) {
return [{
screen: 'default',
minWidth: 0,
padding: paddings
}];
}
const mapping = [];
if (paddings.default) {
mapping.push({
screen: 'default',
minWidth: 0,
padding: paddings.default
});
}
_lodash.default.each(minWidths, minWidth => {
Object.keys(screens).forEach(screen => {
const screenMinWidth = _lodash.default.isPlainObject(screens[screen]) ? screens[screen].min || screens[screen]['min-width'] : screens[screen];
if (`${screenMinWidth}` === `${minWidth}`) {
mapping.push({
screen,
minWidth,
padding: paddings[screen]
});
}
});
});
return mapping;
}
module.exports = function () {
return function ({
addComponents,
theme,
variants
}) {
const screens = theme('container.screens', theme('screens'));
const minWidths = extractMinWidths(screens);
const paddings = mapMinWidthsToPadding(minWidths, screens, theme('container.padding'));
const generatePaddingFor = minWidth => {
const paddingConfig = _lodash.default.find(paddings, padding => `${padding.minWidth}` === `${minWidth}`);
if (!paddingConfig) {
return {};
}
return {
paddingRight: paddingConfig.padding,
paddingLeft: paddingConfig.padding
};
};
const atRules = (0, _lodash.default)(minWidths).sortBy(minWidth => parseInt(minWidth)).sortedUniq().map(minWidth => {
return {
[`@media (min-width: ${minWidth})`]: {
'.container': {
'max-width': minWidth,
...generatePaddingFor(minWidth)
}
}
};
}).value();
addComponents([{
'.container': Object.assign({
width: '100%'
}, theme('container.center', false) ? {
marginRight: 'auto',
marginLeft: 'auto'
} : {}, generatePaddingFor(0))
}, ...atRules], variants('container'));
};
};

View File

@@ -1,228 +0,0 @@
/**
* Manually forked from SUIT CSS Base: https://github.com/suitcss/base
* A thin layer on top of normalize.css that provides a starting point more
* suitable for web applications.
*/
/**
* Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
button {
background-color: transparent;
background-image: none;
}
/**
* Work around a Firefox/IE bug where the transparent `button` background
* results in a loss of the default `button` focus styles.
*/
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
fieldset {
margin: 0;
padding: 0;
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}
/**
* Tailwind custom reset styles
*/
/**
* 1. Use the user's configured `sans` font-family (with Tailwind's default
* sans-serif font stack as a fallback) as a sane default.
* 2. Use Tailwind's default "normal" line-height so the user isn't forced
* to override it to ensure consistency even when using the default theme.
*/
html {
font-family: theme('fontFamily.sans', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); /* 1 */
line-height: 1.5; /* 2 */
}
/**
* 1. Prevent padding and border from affecting element width.
*
* We used to set this in the html element and inherit from
* the parent element for everything else. This caused issues
* in shadow-dom-enhanced elements like <details> where the content
* is wrapped by a div with box-sizing set to `content-box`.
*
* https://github.com/mozdevs/cssremedy/issues/4
*
*
* 2. Allow adding a border to an element by just adding a border-width.
*
* By default, the way the browser specifies that an element should have no
* border is by setting it's border-style to `none` in the user-agent
* stylesheet.
*
* In order to easily add borders to elements by just setting the `border-width`
* property, we change the default border-style for all elements to `solid`, and
* use border-width to hide them instead. This way our `border` utilities only
* need to set the `border-width` property instead of the entire `border`
* shorthand, making our border utilities much more straightforward to compose.
*
* https://github.com/tailwindcss/tailwindcss/pull/116
*/
*,
::before,
::after {
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
border-color: theme('borderColor.default', currentColor); /* 2 */
}
/*
* Ensure horizontal rules are visible by default
*/
hr {
border-top-width: 1px;
}
/**
* Undo the `border-style: none` reset that Normalize applies to images so that
* our `border-{width}` utilities have the expected effect.
*
* The Normalize reset is unnecessary for us since we default the border-width
* to 0 on all elements.
*
* https://github.com/tailwindcss/tailwindcss/issues/362
*/
img {
border-style: solid;
}
textarea {
resize: vertical;
}
input::placeholder,
textarea::placeholder {
color: #a0aec0;
}
button,
[role="button"] {
cursor: pointer;
}
table {
border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/**
* Reset links to optimize for opt-in styling instead of
* opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/**
* Reset form element properties that are easy to forget to
* style explicitly so you don't inadvertently introduce
* styles that deviate from your design system. These styles
* supplement a partial reset that is already applied by
* normalize.css.
*/
button,
input,
optgroup,
select,
textarea {
padding: 0;
line-height: inherit;
color: inherit;
}
/**
* Use the configured 'mono' font family for elements that
* are expected to be rendered with a monospace font, falling
* back to the system monospace stack if there is no configured
* 'mono' font family.
*/
pre,
code,
kbd,
samp {
font-family: theme('fontFamily.mono', SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
}
/**
* Make replaced elements `display: block` by default as that's
* the behavior you want almost all of the time. Inspired by
* CSS Remedy, with `svg` added as well.
*
* https://github.com/mozdevs/cssremedy/issues/14
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
vertical-align: middle;
}
/**
* Constrain images and videos to the parent width and preserve
* their instrinsic aspect ratio.
*
* https://github.com/mozdevs/cssremedy/issues/14
*/
img,
video {
max-width: 100%;
height: auto;
}

View File

@@ -1,27 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('cursor'), (value, modifier) => {
return [`.${e(`cursor-${modifier}`)}`, {
cursor: value
}];
}));
addUtilities(utilities, variants('cursor'));
};
}

View File

@@ -1,76 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants,
target
}) {
addUtilities({
'.block': {
display: 'block'
},
'.inline-block': {
display: 'inline-block'
},
'.inline': {
display: 'inline'
},
'.flex': {
display: 'flex'
},
'.inline-flex': {
display: 'inline-flex'
},
'.table': {
display: 'table'
},
'.table-caption': {
display: 'table-caption'
},
'.table-cell': {
display: 'table-cell'
},
'.table-column': {
display: 'table-column'
},
'.table-column-group': {
display: 'table-column-group'
},
'.table-footer-group': {
display: 'table-footer-group'
},
'.table-header-group': {
display: 'table-header-group'
},
'.table-row-group': {
display: 'table-row-group'
},
'.table-row': {
display: 'table-row'
},
...(target('display') === 'ie11' ? {} : {
'.flow-root': {
display: 'flow-root'
},
'.grid': {
display: 'grid'
},
'.inline-grid': {
display: 'inline-grid'
},
'.contents': {
display: 'contents'
}
}),
'.hidden': {
display: 'none'
}
}, variants('display'));
};
}

View File

@@ -1,55 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _flattenColorPalette = _interopRequireDefault(require("../util/flattenColorPalette"));
var _toColorValue = _interopRequireDefault(require("../util/toColorValue"));
var _withAlphaVariable = _interopRequireDefault(require("../util/withAlphaVariable"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants,
target,
corePlugins
}) {
const colors = (0, _flattenColorPalette.default)(theme('divideColor'));
const getProperties = value => {
if (target('divideColor') === 'ie11') {
return {
'border-color': (0, _toColorValue.default)(value)
};
}
if (corePlugins('divideOpacity')) {
return (0, _withAlphaVariable.default)({
color: value,
property: 'border-color',
variable: '--divide-opacity'
});
}
return {
'border-color': (0, _toColorValue.default)(value)
};
};
const utilities = _lodash.default.fromPairs(_lodash.default.map(_lodash.default.omit(colors, 'default'), (value, modifier) => {
return [`.${e(`divide-${modifier}`)} > :not(template) ~ :not(template)`, getProperties(value)];
}));
addUtilities(utilities, variants('divideColor'));
};
}

View File

@@ -1,32 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants,
target
}) {
if (target('divideOpacity') === 'ie11') {
return;
}
const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('divideOpacity'), (value, modifier) => {
return [`.${e(`divide-opacity-${modifier}`)} > :not(template) ~ :not(template)`, {
'--divide-opacity': value
}];
}));
addUtilities(utilities, variants('divideOpacity'));
};
}

View File

@@ -1,31 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.divide-solid > :not(template) ~ :not(template)': {
'border-style': 'solid'
},
'.divide-dashed > :not(template) ~ :not(template)': {
'border-style': 'dashed'
},
'.divide-dotted > :not(template) ~ :not(template)': {
'border-style': 'dotted'
},
'.divide-double > :not(template) ~ :not(template)': {
'border-style': 'double'
},
'.divide-none > :not(template) ~ :not(template)': {
'border-style': 'none'
}
}, variants('divideStyle'));
};
}

View File

@@ -1,68 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants,
target
}) {
if (target('divideWidth') === 'ie11') {
const generators = [(size, modifier) => ({
[`.${e(`divide-y${modifier}`)} > :not(template) ~ :not(template)`]: {
'border-top-width': size
},
[`.${e(`divide-x${modifier}`)} > :not(template) ~ :not(template)`]: {
'border-left-width': size
}
})];
const utilities = _lodash.default.flatMap(generators, generator => {
return _lodash.default.flatMap(theme('divideWidth'), (value, modifier) => {
return generator(value, modifier === 'default' ? '' : `-${modifier}`);
});
});
addUtilities(utilities, variants('divideWidth'));
return;
}
const generators = [(size, modifier) => ({
[`.${e(`divide-y${modifier}`)} > :not(template) ~ :not(template)`]: {
'--divide-y-reverse': '0',
'border-top-width': `calc(${size === '0' ? '0px' : size} * calc(1 - var(--divide-y-reverse)))`,
'border-bottom-width': `calc(${size === '0' ? '0px' : size} * var(--divide-y-reverse))`
},
[`.${e(`divide-x${modifier}`)} > :not(template) ~ :not(template)`]: {
'--divide-x-reverse': '0',
'border-right-width': `calc(${size === '0' ? '0px' : size} * var(--divide-x-reverse))`,
'border-left-width': `calc(${size === '0' ? '0px' : size} * calc(1 - var(--divide-x-reverse)))`
}
})];
const utilities = _lodash.default.flatMap(generators, generator => {
return [..._lodash.default.flatMap(theme('divideWidth'), (value, modifier) => {
return generator(value, modifier === 'default' ? '' : `-${modifier}`);
}), {
'.divide-y-reverse > :not(template) ~ :not(template)': {
'--divide-y-reverse': '1'
},
'.divide-x-reverse > :not(template) ~ :not(template)': {
'--divide-x-reverse': '1'
}
}];
});
addUtilities(utilities, variants('divideWidth'));
};
}

View File

@@ -1,33 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _flattenColorPalette = _interopRequireDefault(require("../util/flattenColorPalette"));
var _toColorValue = _interopRequireDefault(require("../util/toColorValue"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const colors = (0, _flattenColorPalette.default)(theme('fill'));
const utilities = _lodash.default.fromPairs(_lodash.default.map(colors, (value, modifier) => {
return [`.${e(`fill-${modifier}`)}`, {
fill: (0, _toColorValue.default)(value)
}];
}));
addUtilities(utilities, variants('fill'));
};
}

View File

@@ -1,27 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('flex'), (value, modifier) => {
return [`.${e(`flex-${modifier}`)}`, {
flex: value
}];
}));
addUtilities(utilities, variants('flex'));
};
}

View File

@@ -1,28 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.flex-row': {
'flex-direction': 'row'
},
'.flex-row-reverse': {
'flex-direction': 'row-reverse'
},
'.flex-col': {
'flex-direction': 'column'
},
'.flex-col-reverse': {
'flex-direction': 'column-reverse'
}
}, variants('flexDirection'));
};
}

View File

@@ -1,26 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
addUtilities(_lodash.default.fromPairs(_lodash.default.map(theme('flexGrow'), (value, modifier) => {
const className = modifier === 'default' ? 'flex-grow' : `flex-grow-${modifier}`;
return [`.${e(className)}`, {
'flex-grow': value
}];
})), variants('flexGrow'));
};
}

View File

@@ -1,26 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
addUtilities(_lodash.default.fromPairs(_lodash.default.map(theme('flexShrink'), (value, modifier) => {
const className = modifier === 'default' ? 'flex-shrink' : `flex-shrink-${modifier}`;
return [`.${e(className)}`, {
'flex-shrink': value
}];
})), variants('flexShrink'));
};
}

View File

@@ -1,25 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.flex-wrap': {
'flex-wrap': 'wrap'
},
'.flex-wrap-reverse': {
'flex-wrap': 'wrap-reverse'
},
'.flex-no-wrap': {
'flex-wrap': 'nowrap'
}
}, variants('flexWrap'));
};
}

View File

@@ -1,30 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.float-right': {
float: 'right'
},
'.float-left': {
float: 'left'
},
'.float-none': {
float: 'none'
},
'.clearfix:after': {
content: '""',
display: 'table',
clear: 'both'
}
}, variants('float'));
};
}

View File

@@ -1,27 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('fontFamily'), (value, modifier) => {
return [`.${e(`font-${modifier}`)}`, {
'font-family': Array.isArray(value) ? value.join(', ') : value
}];
}));
addUtilities(utilities, variants('fontFamily'));
};
}

View File

@@ -1,40 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('fontSize'), (value, modifier) => {
const [fontSize, options] = Array.isArray(value) ? value : [value];
const {
lineHeight,
letterSpacing
} = _lodash.default.isPlainObject(options) ? options : {
lineHeight: options
};
return [`.${e(`text-${modifier}`)}`, {
'font-size': fontSize,
...(lineHeight === undefined ? {} : {
'line-height': lineHeight
}),
...(letterSpacing === undefined ? {} : {
'letter-spacing': letterSpacing
})
}];
}));
addUtilities(utilities, variants('fontSize'));
};
}

View File

@@ -1,24 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.antialiased': {
'-webkit-font-smoothing': 'antialiased',
'-moz-osx-font-smoothing': 'grayscale'
},
'.subpixel-antialiased': {
'-webkit-font-smoothing': 'auto',
'-moz-osx-font-smoothing': 'auto'
}
}, variants('fontSmoothing'));
};
}

View File

@@ -1,22 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants
}) {
addUtilities({
'.italic': {
'font-style': 'italic'
},
'.not-italic': {
'font-style': 'normal'
}
}, variants('fontStyle'));
};
}

View File

@@ -1,56 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants,
target
}) {
if (target('fontVariantNumeric') === 'ie11') {
return;
}
addUtilities({
'.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions': {
'--font-variant-numeric-ordinal': 'var(--tailwind-empty,/*!*/ /*!*/)',
'--font-variant-numeric-slashed-zero': 'var(--tailwind-empty,/*!*/ /*!*/)',
'--font-variant-numeric-figure': 'var(--tailwind-empty,/*!*/ /*!*/)',
'--font-variant-numeric-spacing': 'var(--tailwind-empty,/*!*/ /*!*/)',
'--font-variant-numeric-fraction': 'var(--tailwind-empty,/*!*/ /*!*/)',
'font-variant-numeric': 'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)'
},
'.normal-nums': {
'font-variant-numeric': 'normal'
},
'.ordinal': {
'--font-variant-numeric-ordinal': 'ordinal'
},
'.slashed-zero': {
'--font-variant-numeric-slashed-zero': 'slashed-zero'
},
'.lining-nums': {
'--font-variant-numeric-figure': 'lining-nums'
},
'.oldstyle-nums': {
'--font-variant-numeric-figure': 'oldstyle-nums'
},
'.proportional-nums': {
'--font-variant-numeric-spacing': 'proportional-nums'
},
'.tabular-nums': {
'--font-variant-numeric-spacing': 'tabular-nums'
},
'.diagonal-fractions': {
'--font-variant-numeric-fraction': 'diagonal-fractions'
},
'.stacked-fractions': {
'--font-variant-numeric-fraction': 'stacked-fractions'
}
}, variants('fontVariantNumeric'));
};
}

View File

@@ -1,27 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants
}) {
const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('fontWeight'), (value, modifier) => {
return [`.${e(`font-${modifier}`)}`, {
'font-weight': value
}];
}));
addUtilities(utilities, variants('fontWeight'));
};
}

View File

@@ -1,38 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
var _featureFlags = require("../featureFlags");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
config,
...args
}) {
if (target('gap') === 'ie11') {
return;
}
if ((0, _featureFlags.flagEnabled)(config(), 'removeDeprecatedGapUtilities')) {
(0, _createUtilityPlugin.default)('gap', [['gap', ['gridGap', 'gap']], ['gap-x', ['gridColumnGap', 'columnGap']], ['gap-y', ['gridRowGap', 'rowGap']]])({
target,
config,
...args
});
} else {
(0, _createUtilityPlugin.default)('gap', [['gap', ['gridGap', 'gap']], ['col-gap', ['gridColumnGap', 'columnGap']], ['gap-x', ['gridColumnGap', 'columnGap']], ['row-gap', ['gridRowGap', 'rowGap']], ['gap-y', ['gridRowGap', 'rowGap']]])({
target,
config,
...args
});
}
};
}

View File

@@ -1,59 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _lodash = _interopRequireDefault(require("lodash"));
var _flattenColorPalette = _interopRequireDefault(require("../util/flattenColorPalette"));
var _toColorValue = _interopRequireDefault(require("../util/toColorValue"));
var _withAlphaVariable = require("../util/withAlphaVariable");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
addUtilities,
e,
theme,
variants,
target
}) {
if (target('gradientColorStops') === 'ie11') {
return;
}
const colors = (0, _flattenColorPalette.default)(theme('gradientColorStops'));
const utilities = (0, _lodash.default)(colors).map((value, modifier) => {
const transparentTo = (() => {
if (_lodash.default.isFunction(value)) {
return value({
opacityValue: 0
});
}
try {
const [r, g, b] = (0, _withAlphaVariable.toRgba)(value);
return `rgba(${r}, ${g}, ${b}, 0)`;
} catch (_error) {
return `rgba(255, 255, 255, 0)`;
}
})();
return [[`.${e(`from-${modifier}`)}`, {
'--gradient-from-color': (0, _toColorValue.default)(value, 'from'),
'--gradient-color-stops': `var(--gradient-from-color), var(--gradient-to-color, ${transparentTo})`
}], [`.${e(`via-${modifier}`)}`, {
'--gradient-via-color': (0, _toColorValue.default)(value, 'via'),
'--gradient-color-stops': `var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, ${transparentTo})`
}], [`.${e(`to-${modifier}`)}`, {
'--gradient-to-color': (0, _toColorValue.default)(value, 'to')
}]];
}).unzip().flatten().fromPairs().value();
addUtilities(utilities, variants('gradientColorStops'));
};
}

View File

@@ -1,26 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('gridAutoColumns') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('gridAutoColumns', [['auto-cols', ['gridAutoColumns']]])({
target,
...args
});
};
}

View File

@@ -1,33 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _default() {
return function ({
addUtilities,
variants,
target
}) {
if (target('gridAutoFlow') === 'ie11') {
return;
}
addUtilities({
'.grid-flow-row': {
gridAutoFlow: 'row'
},
'.grid-flow-col': {
gridAutoFlow: 'column'
},
'.grid-flow-row-dense': {
gridAutoFlow: 'row dense'
},
'.grid-flow-col-dense': {
gridAutoFlow: 'column dense'
}
}, variants('gridAutoFlow'));
};
}

View File

@@ -1,26 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('gridAutoRows') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('gridAutoRows', [['auto-rows', ['gridAutoRows']]])({
target,
...args
});
};
}

View File

@@ -1,26 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('gridColumn') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('gridColumn', [['col', ['gridColumn']]])({
target,
...args
});
};
}

View File

@@ -1,26 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('gridColumnEnd') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('gridColumnEnd', [['col-end', ['gridColumnEnd']]])({
target,
...args
});
};
}

View File

@@ -1,26 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('gridColumnStart') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('gridColumnStart', [['col-start', ['gridColumnStart']]])({
target,
...args
});
};
}

View File

@@ -1,26 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('gridRow') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('gridRow', [['row', ['gridRow']]])({
target,
...args
});
};
}

View File

@@ -1,26 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('gridRowEnd') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('gridRowEnd', [['row-end', ['gridRowEnd']]])({
target,
...args
});
};
}

View File

@@ -1,26 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('gridRowStart') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('gridRowStart', [['row-start', ['gridRowStart']]])({
target,
...args
});
};
}

View File

@@ -1,26 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('gridTemplateColumns') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('gridTemplateColumns', [['grid-cols', ['gridTemplateColumns']]])({
target,
...args
});
};
}

View File

@@ -1,26 +0,0 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
var _createUtilityPlugin = _interopRequireDefault(require("../util/createUtilityPlugin"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _default() {
return function ({
target,
...args
}) {
if (target('gridTemplateRows') === 'ie11') {
return;
}
(0, _createUtilityPlugin.default)('gridTemplateRows', [['grid-rows', ['gridTemplateRows']]])({
target,
...args
});
};
}

Some files were not shown because too many files have changed in this diff Show More