tailwindcss 3.1.5 → 3.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +36 -8
- package/README.md +6 -3
- package/lib/cli-peer-dependencies.js +12 -4
- package/lib/cli.js +78 -75
- package/lib/constants.js +19 -12
- package/lib/corePluginList.js +5 -3
- package/lib/corePlugins.js +194 -187
- package/lib/featureFlags.js +14 -7
- package/lib/index.js +9 -6
- package/lib/lib/cacheInvalidation.js +18 -15
- package/lib/lib/collapseAdjacentRules.js +14 -11
- package/lib/lib/collapseDuplicateDeclarations.js +11 -8
- package/lib/lib/defaultExtractor.js +38 -35
- package/lib/lib/detectNesting.js +4 -1
- package/lib/lib/evaluateTailwindFunctions.js +75 -44
- package/lib/lib/expandApplyAtRules.js +50 -42
- package/lib/lib/expandTailwindAtRules.js +153 -150
- package/lib/lib/generateRules.js +81 -73
- package/lib/lib/getModuleDependencies.js +21 -18
- package/lib/lib/normalizeTailwindDirectives.js +10 -7
- package/lib/lib/partitionApplyAtRules.js +14 -11
- package/lib/lib/regex.js +15 -7
- package/lib/lib/resolveDefaultsAtRules.js +92 -85
- package/lib/lib/setupContextUtils.js +109 -97
- package/lib/lib/setupTrackingContext.js +82 -75
- package/lib/lib/sharedState.js +15 -8
- package/lib/lib/substituteScreenAtRules.js +8 -5
- package/lib/postcss-plugins/nesting/index.js +7 -5
- package/lib/postcss-plugins/nesting/plugin.js +7 -4
- package/lib/processTailwindFeatures.js +34 -31
- package/lib/public/colors.js +6 -4
- package/lib/public/create-plugin.js +6 -4
- package/lib/public/default-config.js +7 -5
- package/lib/public/default-theme.js +7 -5
- package/lib/public/resolve-config.js +13 -10
- package/lib/util/bigSign.js +4 -1
- package/lib/util/buildMediaQuery.js +5 -2
- package/lib/util/cloneDeep.js +4 -1
- package/lib/util/cloneNodes.js +9 -2
- package/lib/util/color.js +11 -3
- package/lib/util/configurePlugins.js +4 -1
- package/lib/util/createPlugin.js +5 -3
- package/lib/util/createUtilityPlugin.js +13 -10
- package/lib/util/dataTypes.js +27 -19
- package/lib/util/defaults.js +4 -1
- package/lib/util/escapeClassName.js +12 -9
- package/lib/util/escapeCommas.js +4 -1
- package/lib/util/flattenColorPalette.js +5 -3
- package/lib/util/formatVariantSelector.js +21 -14
- package/lib/util/getAllConfigs.js +12 -9
- package/lib/util/hashConfig.js +10 -7
- package/lib/util/isKeyframeRule.js +4 -1
- package/lib/util/isPlainObject.js +4 -1
- package/lib/util/isValidArbitraryValue.js +33 -24
- package/lib/util/log.js +12 -5
- package/lib/util/nameClass.js +16 -8
- package/lib/util/negateValue.js +4 -1
- package/lib/util/normalizeConfig.js +26 -23
- package/lib/util/normalizeScreens.js +17 -2
- package/lib/util/parseAnimationValue.js +42 -39
- package/lib/util/parseBoxShadowValue.js +12 -4
- package/lib/util/parseDependency.js +35 -32
- package/lib/util/parseObjectStyles.js +14 -11
- package/lib/util/pluginUtils.js +28 -20
- package/lib/util/prefixSelector.js +6 -3
- package/lib/util/removeAlphaVariables.js +13 -2
- package/lib/util/resolveConfig.js +56 -53
- package/lib/util/resolveConfigPath.js +20 -17
- package/lib/util/responsive.js +12 -9
- package/lib/util/splitAtTopLevelOnly.js +16 -13
- package/lib/util/tap.js +4 -1
- package/lib/util/toColorValue.js +4 -1
- package/lib/util/toPath.js +18 -2
- package/lib/util/transformThemeValue.js +10 -7
- package/lib/util/validateConfig.js +5 -2
- package/lib/util/withAlphaVariable.js +30 -22
- package/package.json +10 -10
- package/peers/index.js +950 -825
- package/resolveConfig.d.ts +3 -0
- package/src/lib/evaluateTailwindFunctions.js +41 -15
- package/src/lib/expandApplyAtRules.js +6 -0
- package/src/lib/generateRules.js +6 -5
- package/src/lib/setupContextUtils.js +4 -2
- package/src/util/cloneNodes.js +5 -1
- package/src/util/resolveConfig.js +1 -1
package/lib/corePlugins.js
CHANGED
|
@@ -2,40 +2,49 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
variantPlugins: ()=>variantPlugins,
|
|
13
|
+
corePlugins: ()=>corePlugins
|
|
14
|
+
});
|
|
15
|
+
const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
|
|
16
|
+
const _path = /*#__PURE__*/ _interopRequireWildcard(require("path"));
|
|
17
|
+
const _postcss = /*#__PURE__*/ _interopRequireDefault(require("postcss"));
|
|
18
|
+
const _createUtilityPlugin = /*#__PURE__*/ _interopRequireDefault(require("./util/createUtilityPlugin"));
|
|
19
|
+
const _buildMediaQuery = /*#__PURE__*/ _interopRequireDefault(require("./util/buildMediaQuery"));
|
|
20
|
+
const _escapeClassName = /*#__PURE__*/ _interopRequireDefault(require("./util/escapeClassName"));
|
|
21
|
+
const _parseAnimationValue = /*#__PURE__*/ _interopRequireDefault(require("./util/parseAnimationValue"));
|
|
22
|
+
const _flattenColorPalette = /*#__PURE__*/ _interopRequireDefault(require("./util/flattenColorPalette"));
|
|
23
|
+
const _withAlphaVariable = /*#__PURE__*/ _interopRequireWildcard(require("./util/withAlphaVariable"));
|
|
24
|
+
const _toColorValue = /*#__PURE__*/ _interopRequireDefault(require("./util/toColorValue"));
|
|
25
|
+
const _isPlainObject = /*#__PURE__*/ _interopRequireDefault(require("./util/isPlainObject"));
|
|
26
|
+
const _transformThemeValue = /*#__PURE__*/ _interopRequireDefault(require("./util/transformThemeValue"));
|
|
27
|
+
const _packageJson = require("../package.json");
|
|
28
|
+
const _log = /*#__PURE__*/ _interopRequireDefault(require("./util/log"));
|
|
29
|
+
const _normalizeScreens = require("./util/normalizeScreens");
|
|
30
|
+
const _parseBoxShadowValue = require("./util/parseBoxShadowValue");
|
|
31
|
+
const _removeAlphaVariables = require("./util/removeAlphaVariables");
|
|
32
|
+
const _featureFlags = require("./featureFlags");
|
|
24
33
|
function _interopRequireDefault(obj) {
|
|
25
34
|
return obj && obj.__esModule ? obj : {
|
|
26
35
|
default: obj
|
|
27
36
|
};
|
|
28
37
|
}
|
|
29
|
-
function _getRequireWildcardCache() {
|
|
38
|
+
function _getRequireWildcardCache(nodeInterop) {
|
|
30
39
|
if (typeof WeakMap !== "function") return null;
|
|
31
|
-
var
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
40
|
+
var cacheBabelInterop = new WeakMap();
|
|
41
|
+
var cacheNodeInterop = new WeakMap();
|
|
42
|
+
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
43
|
+
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
44
|
+
})(nodeInterop);
|
|
36
45
|
}
|
|
37
|
-
function _interopRequireWildcard(obj) {
|
|
38
|
-
if (obj && obj.__esModule) {
|
|
46
|
+
function _interopRequireWildcard(obj, nodeInterop) {
|
|
47
|
+
if (!nodeInterop && obj && obj.__esModule) {
|
|
39
48
|
return obj;
|
|
40
49
|
}
|
|
41
50
|
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
@@ -43,14 +52,14 @@ function _interopRequireWildcard(obj) {
|
|
|
43
52
|
default: obj
|
|
44
53
|
};
|
|
45
54
|
}
|
|
46
|
-
var cache = _getRequireWildcardCache();
|
|
55
|
+
var cache = _getRequireWildcardCache(nodeInterop);
|
|
47
56
|
if (cache && cache.has(obj)) {
|
|
48
57
|
return cache.get(obj);
|
|
49
58
|
}
|
|
50
59
|
var newObj = {};
|
|
51
60
|
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
52
61
|
for(var key in obj){
|
|
53
|
-
if (Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
62
|
+
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
54
63
|
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
55
64
|
if (desc && (desc.get || desc.set)) {
|
|
56
65
|
Object.defineProperty(newObj, key, desc);
|
|
@@ -71,13 +80,13 @@ let variantPlugins = {
|
|
|
71
80
|
addVariant("first-line", "&::first-line");
|
|
72
81
|
addVariant("marker", [
|
|
73
82
|
({ container })=>{
|
|
74
|
-
(0, _removeAlphaVariables
|
|
83
|
+
(0, _removeAlphaVariables.removeAlphaVariables)(container, [
|
|
75
84
|
"--tw-text-opacity"
|
|
76
85
|
]);
|
|
77
86
|
return "& *::marker";
|
|
78
87
|
},
|
|
79
88
|
({ container })=>{
|
|
80
|
-
(0, _removeAlphaVariables
|
|
89
|
+
(0, _removeAlphaVariables.removeAlphaVariables)(container, [
|
|
81
90
|
"--tw-text-opacity"
|
|
82
91
|
]);
|
|
83
92
|
return "&::marker";
|
|
@@ -151,7 +160,7 @@ let variantPlugins = {
|
|
|
151
160
|
[
|
|
152
161
|
"visited",
|
|
153
162
|
({ container })=>{
|
|
154
|
-
(0, _removeAlphaVariables
|
|
163
|
+
(0, _removeAlphaVariables.removeAlphaVariables)(container, [
|
|
155
164
|
"--tw-text-opacity",
|
|
156
165
|
"--tw-border-opacity",
|
|
157
166
|
"--tw-bg-opacity",
|
|
@@ -183,7 +192,7 @@ let variantPlugins = {
|
|
|
183
192
|
"focus-within",
|
|
184
193
|
[
|
|
185
194
|
"hover",
|
|
186
|
-
!(0, _featureFlags
|
|
195
|
+
!(0, _featureFlags.flagEnabled)(config(), "hoverOnlyWhenSupported") ? "&:hover" : "@media (hover: hover) and (pointer: fine) { &:hover }",
|
|
187
196
|
],
|
|
188
197
|
"focus",
|
|
189
198
|
"focus-visible",
|
|
@@ -253,8 +262,8 @@ let variantPlugins = {
|
|
|
253
262
|
addVariant("print", "@media print");
|
|
254
263
|
},
|
|
255
264
|
screenVariants: ({ theme , addVariant })=>{
|
|
256
|
-
for (let screen of (0, _normalizeScreens
|
|
257
|
-
let query = (0, _buildMediaQuery
|
|
265
|
+
for (let screen of (0, _normalizeScreens.normalizeScreens)(theme("screens"))){
|
|
266
|
+
let query = (0, _buildMediaQuery.default)(screen);
|
|
258
267
|
addVariant(screen.name, `@media ${query}`);
|
|
259
268
|
}
|
|
260
269
|
},
|
|
@@ -267,7 +276,6 @@ let variantPlugins = {
|
|
|
267
276
|
addVariant("contrast-less", "@media (prefers-contrast: less)");
|
|
268
277
|
}
|
|
269
278
|
};
|
|
270
|
-
exports.variantPlugins = variantPlugins;
|
|
271
279
|
let cssTransformValue = [
|
|
272
280
|
"translate(var(--tw-translate-x), var(--tw-translate-y))",
|
|
273
281
|
"rotate(var(--tw-rotate))",
|
|
@@ -300,7 +308,7 @@ let cssBackdropFilterValue = [
|
|
|
300
308
|
].join(" ");
|
|
301
309
|
let corePlugins = {
|
|
302
310
|
preflight: ({ addBase })=>{
|
|
303
|
-
let preflightStyles = _postcss.default.parse(_fs.default.readFileSync(
|
|
311
|
+
let preflightStyles = _postcss.default.parse(_fs.default.readFileSync(_path.join(__dirname, "./css/preflight.css"), "utf8"));
|
|
304
312
|
addBase([
|
|
305
313
|
_postcss.default.comment({
|
|
306
314
|
text: `! tailwindcss v${_packageJson.version} | MIT License | https://tailwindcss.com`
|
|
@@ -310,7 +318,7 @@ let corePlugins = {
|
|
|
310
318
|
},
|
|
311
319
|
container: (()=>{
|
|
312
320
|
function extractMinWidths(breakpoints = []) {
|
|
313
|
-
return breakpoints.flatMap((
|
|
321
|
+
return breakpoints.flatMap((breakpoint)=>breakpoint.values.map((breakpoint)=>breakpoint.min)).filter((v)=>v !== undefined);
|
|
314
322
|
}
|
|
315
323
|
function mapMinWidthsToPadding(minWidths, screens, paddings) {
|
|
316
324
|
if (typeof paddings === "undefined") {
|
|
@@ -348,7 +356,7 @@ let corePlugins = {
|
|
|
348
356
|
return mapping;
|
|
349
357
|
}
|
|
350
358
|
return function({ addComponents , theme }) {
|
|
351
|
-
let screens = (0, _normalizeScreens
|
|
359
|
+
let screens = (0, _normalizeScreens.normalizeScreens)(theme("container.screens", theme("screens")));
|
|
352
360
|
let minWidths = extractMinWidths(screens);
|
|
353
361
|
let paddings = mapMinWidthsToPadding(minWidths, screens, theme("container.padding"));
|
|
354
362
|
let generatePaddingFor = (minWidth)=>{
|
|
@@ -446,7 +454,7 @@ let corePlugins = {
|
|
|
446
454
|
}
|
|
447
455
|
});
|
|
448
456
|
},
|
|
449
|
-
inset: (0, _createUtilityPlugin
|
|
457
|
+
inset: (0, _createUtilityPlugin.default)("inset", [
|
|
450
458
|
[
|
|
451
459
|
"inset",
|
|
452
460
|
[
|
|
@@ -511,7 +519,7 @@ let corePlugins = {
|
|
|
511
519
|
}
|
|
512
520
|
});
|
|
513
521
|
},
|
|
514
|
-
zIndex: (0, _createUtilityPlugin
|
|
522
|
+
zIndex: (0, _createUtilityPlugin.default)("zIndex", [
|
|
515
523
|
[
|
|
516
524
|
"z",
|
|
517
525
|
[
|
|
@@ -521,10 +529,10 @@ let corePlugins = {
|
|
|
521
529
|
], {
|
|
522
530
|
supportsNegativeValues: true
|
|
523
531
|
}),
|
|
524
|
-
order: (0, _createUtilityPlugin
|
|
532
|
+
order: (0, _createUtilityPlugin.default)("order", undefined, {
|
|
525
533
|
supportsNegativeValues: true
|
|
526
534
|
}),
|
|
527
|
-
gridColumn: (0, _createUtilityPlugin
|
|
535
|
+
gridColumn: (0, _createUtilityPlugin.default)("gridColumn", [
|
|
528
536
|
[
|
|
529
537
|
"col",
|
|
530
538
|
[
|
|
@@ -532,7 +540,7 @@ let corePlugins = {
|
|
|
532
540
|
]
|
|
533
541
|
]
|
|
534
542
|
]),
|
|
535
|
-
gridColumnStart: (0, _createUtilityPlugin
|
|
543
|
+
gridColumnStart: (0, _createUtilityPlugin.default)("gridColumnStart", [
|
|
536
544
|
[
|
|
537
545
|
"col-start",
|
|
538
546
|
[
|
|
@@ -540,7 +548,7 @@ let corePlugins = {
|
|
|
540
548
|
]
|
|
541
549
|
]
|
|
542
550
|
]),
|
|
543
|
-
gridColumnEnd: (0, _createUtilityPlugin
|
|
551
|
+
gridColumnEnd: (0, _createUtilityPlugin.default)("gridColumnEnd", [
|
|
544
552
|
[
|
|
545
553
|
"col-end",
|
|
546
554
|
[
|
|
@@ -548,7 +556,7 @@ let corePlugins = {
|
|
|
548
556
|
]
|
|
549
557
|
]
|
|
550
558
|
]),
|
|
551
|
-
gridRow: (0, _createUtilityPlugin
|
|
559
|
+
gridRow: (0, _createUtilityPlugin.default)("gridRow", [
|
|
552
560
|
[
|
|
553
561
|
"row",
|
|
554
562
|
[
|
|
@@ -556,7 +564,7 @@ let corePlugins = {
|
|
|
556
564
|
]
|
|
557
565
|
]
|
|
558
566
|
]),
|
|
559
|
-
gridRowStart: (0, _createUtilityPlugin
|
|
567
|
+
gridRowStart: (0, _createUtilityPlugin.default)("gridRowStart", [
|
|
560
568
|
[
|
|
561
569
|
"row-start",
|
|
562
570
|
[
|
|
@@ -564,7 +572,7 @@ let corePlugins = {
|
|
|
564
572
|
]
|
|
565
573
|
]
|
|
566
574
|
]),
|
|
567
|
-
gridRowEnd: (0, _createUtilityPlugin
|
|
575
|
+
gridRowEnd: (0, _createUtilityPlugin.default)("gridRowEnd", [
|
|
568
576
|
[
|
|
569
577
|
"row-end",
|
|
570
578
|
[
|
|
@@ -601,7 +609,7 @@ let corePlugins = {
|
|
|
601
609
|
}
|
|
602
610
|
});
|
|
603
611
|
},
|
|
604
|
-
margin: (0, _createUtilityPlugin
|
|
612
|
+
margin: (0, _createUtilityPlugin.default)("margin", [
|
|
605
613
|
[
|
|
606
614
|
"m",
|
|
607
615
|
[
|
|
@@ -730,7 +738,7 @@ let corePlugins = {
|
|
|
730
738
|
}
|
|
731
739
|
});
|
|
732
740
|
},
|
|
733
|
-
aspectRatio: (0, _createUtilityPlugin
|
|
741
|
+
aspectRatio: (0, _createUtilityPlugin.default)("aspectRatio", [
|
|
734
742
|
[
|
|
735
743
|
"aspect",
|
|
736
744
|
[
|
|
@@ -738,7 +746,7 @@ let corePlugins = {
|
|
|
738
746
|
]
|
|
739
747
|
]
|
|
740
748
|
]),
|
|
741
|
-
height: (0, _createUtilityPlugin
|
|
749
|
+
height: (0, _createUtilityPlugin.default)("height", [
|
|
742
750
|
[
|
|
743
751
|
"h",
|
|
744
752
|
[
|
|
@@ -746,7 +754,7 @@ let corePlugins = {
|
|
|
746
754
|
]
|
|
747
755
|
]
|
|
748
756
|
]),
|
|
749
|
-
maxHeight: (0, _createUtilityPlugin
|
|
757
|
+
maxHeight: (0, _createUtilityPlugin.default)("maxHeight", [
|
|
750
758
|
[
|
|
751
759
|
"max-h",
|
|
752
760
|
[
|
|
@@ -754,7 +762,7 @@ let corePlugins = {
|
|
|
754
762
|
]
|
|
755
763
|
]
|
|
756
764
|
]),
|
|
757
|
-
minHeight: (0, _createUtilityPlugin
|
|
765
|
+
minHeight: (0, _createUtilityPlugin.default)("minHeight", [
|
|
758
766
|
[
|
|
759
767
|
"min-h",
|
|
760
768
|
[
|
|
@@ -762,7 +770,7 @@ let corePlugins = {
|
|
|
762
770
|
]
|
|
763
771
|
]
|
|
764
772
|
]),
|
|
765
|
-
width: (0, _createUtilityPlugin
|
|
773
|
+
width: (0, _createUtilityPlugin.default)("width", [
|
|
766
774
|
[
|
|
767
775
|
"w",
|
|
768
776
|
[
|
|
@@ -770,7 +778,7 @@ let corePlugins = {
|
|
|
770
778
|
]
|
|
771
779
|
]
|
|
772
780
|
]),
|
|
773
|
-
minWidth: (0, _createUtilityPlugin
|
|
781
|
+
minWidth: (0, _createUtilityPlugin.default)("minWidth", [
|
|
774
782
|
[
|
|
775
783
|
"min-w",
|
|
776
784
|
[
|
|
@@ -778,7 +786,7 @@ let corePlugins = {
|
|
|
778
786
|
]
|
|
779
787
|
]
|
|
780
788
|
]),
|
|
781
|
-
maxWidth: (0, _createUtilityPlugin
|
|
789
|
+
maxWidth: (0, _createUtilityPlugin.default)("maxWidth", [
|
|
782
790
|
[
|
|
783
791
|
"max-w",
|
|
784
792
|
[
|
|
@@ -786,8 +794,8 @@ let corePlugins = {
|
|
|
786
794
|
]
|
|
787
795
|
]
|
|
788
796
|
]),
|
|
789
|
-
flex: (0, _createUtilityPlugin
|
|
790
|
-
flexShrink: (0, _createUtilityPlugin
|
|
797
|
+
flex: (0, _createUtilityPlugin.default)("flex"),
|
|
798
|
+
flexShrink: (0, _createUtilityPlugin.default)("flexShrink", [
|
|
791
799
|
[
|
|
792
800
|
"flex-shrink",
|
|
793
801
|
[
|
|
@@ -801,7 +809,7 @@ let corePlugins = {
|
|
|
801
809
|
]
|
|
802
810
|
],
|
|
803
811
|
]),
|
|
804
|
-
flexGrow: (0, _createUtilityPlugin
|
|
812
|
+
flexGrow: (0, _createUtilityPlugin.default)("flexGrow", [
|
|
805
813
|
[
|
|
806
814
|
"flex-grow",
|
|
807
815
|
[
|
|
@@ -815,7 +823,7 @@ let corePlugins = {
|
|
|
815
823
|
]
|
|
816
824
|
],
|
|
817
825
|
]),
|
|
818
|
-
flexBasis: (0, _createUtilityPlugin
|
|
826
|
+
flexBasis: (0, _createUtilityPlugin.default)("flexBasis", [
|
|
819
827
|
[
|
|
820
828
|
"basis",
|
|
821
829
|
[
|
|
@@ -875,7 +883,7 @@ let corePlugins = {
|
|
|
875
883
|
values: theme("borderSpacing")
|
|
876
884
|
});
|
|
877
885
|
},
|
|
878
|
-
transformOrigin: (0, _createUtilityPlugin
|
|
886
|
+
transformOrigin: (0, _createUtilityPlugin.default)("transformOrigin", [
|
|
879
887
|
[
|
|
880
888
|
"origin",
|
|
881
889
|
[
|
|
@@ -883,7 +891,7 @@ let corePlugins = {
|
|
|
883
891
|
]
|
|
884
892
|
]
|
|
885
893
|
]),
|
|
886
|
-
translate: (0, _createUtilityPlugin
|
|
894
|
+
translate: (0, _createUtilityPlugin.default)("translate", [
|
|
887
895
|
[
|
|
888
896
|
[
|
|
889
897
|
"translate-x",
|
|
@@ -917,7 +925,7 @@ let corePlugins = {
|
|
|
917
925
|
], {
|
|
918
926
|
supportsNegativeValues: true
|
|
919
927
|
}),
|
|
920
|
-
rotate: (0, _createUtilityPlugin
|
|
928
|
+
rotate: (0, _createUtilityPlugin.default)("rotate", [
|
|
921
929
|
[
|
|
922
930
|
"rotate",
|
|
923
931
|
[
|
|
@@ -935,7 +943,7 @@ let corePlugins = {
|
|
|
935
943
|
], {
|
|
936
944
|
supportsNegativeValues: true
|
|
937
945
|
}),
|
|
938
|
-
skew: (0, _createUtilityPlugin
|
|
946
|
+
skew: (0, _createUtilityPlugin.default)("skew", [
|
|
939
947
|
[
|
|
940
948
|
[
|
|
941
949
|
"skew-x",
|
|
@@ -969,7 +977,7 @@ let corePlugins = {
|
|
|
969
977
|
], {
|
|
970
978
|
supportsNegativeValues: true
|
|
971
979
|
}),
|
|
972
|
-
scale: (0, _createUtilityPlugin
|
|
980
|
+
scale: (0, _createUtilityPlugin.default)("scale", [
|
|
973
981
|
[
|
|
974
982
|
"scale",
|
|
975
983
|
[
|
|
@@ -1045,7 +1053,7 @@ let corePlugins = {
|
|
|
1045
1053
|
});
|
|
1046
1054
|
},
|
|
1047
1055
|
animation: ({ matchUtilities , theme , config })=>{
|
|
1048
|
-
let prefixName = (name)=>`${config("prefix")}${(0, _escapeClassName
|
|
1056
|
+
let prefixName = (name)=>`${config("prefix")}${(0, _escapeClassName.default)(name)}`;
|
|
1049
1057
|
var ref;
|
|
1050
1058
|
let keyframes = Object.fromEntries(Object.entries((ref = theme("keyframes")) !== null && ref !== void 0 ? ref : {}).map(([key, value])=>{
|
|
1051
1059
|
return [
|
|
@@ -1056,8 +1064,8 @@ let corePlugins = {
|
|
|
1056
1064
|
];
|
|
1057
1065
|
}));
|
|
1058
1066
|
matchUtilities({
|
|
1059
|
-
animate: (
|
|
1060
|
-
let animations = (0, _parseAnimationValue
|
|
1067
|
+
animate: (value)=>{
|
|
1068
|
+
let animations = (0, _parseAnimationValue.default)(value);
|
|
1061
1069
|
return [
|
|
1062
1070
|
...animations.flatMap((animation)=>keyframes[animation.name]),
|
|
1063
1071
|
{
|
|
@@ -1074,7 +1082,7 @@ let corePlugins = {
|
|
|
1074
1082
|
values: theme("animation")
|
|
1075
1083
|
});
|
|
1076
1084
|
},
|
|
1077
|
-
cursor: (0, _createUtilityPlugin
|
|
1085
|
+
cursor: (0, _createUtilityPlugin.default)("cursor"),
|
|
1078
1086
|
touchAction: ({ addDefaults , addUtilities })=>{
|
|
1079
1087
|
addDefaults("touch-action", {
|
|
1080
1088
|
"--tw-pan-x": " ",
|
|
@@ -1215,7 +1223,7 @@ let corePlugins = {
|
|
|
1215
1223
|
}
|
|
1216
1224
|
});
|
|
1217
1225
|
},
|
|
1218
|
-
scrollMargin: (0, _createUtilityPlugin
|
|
1226
|
+
scrollMargin: (0, _createUtilityPlugin.default)("scrollMargin", [
|
|
1219
1227
|
[
|
|
1220
1228
|
"scroll-m",
|
|
1221
1229
|
[
|
|
@@ -1267,7 +1275,7 @@ let corePlugins = {
|
|
|
1267
1275
|
], {
|
|
1268
1276
|
supportsNegativeValues: true
|
|
1269
1277
|
}),
|
|
1270
|
-
scrollPadding: (0, _createUtilityPlugin
|
|
1278
|
+
scrollPadding: (0, _createUtilityPlugin.default)("scrollPadding", [
|
|
1271
1279
|
[
|
|
1272
1280
|
"scroll-p",
|
|
1273
1281
|
[
|
|
@@ -1327,7 +1335,7 @@ let corePlugins = {
|
|
|
1327
1335
|
}
|
|
1328
1336
|
});
|
|
1329
1337
|
},
|
|
1330
|
-
listStyleType: (0, _createUtilityPlugin
|
|
1338
|
+
listStyleType: (0, _createUtilityPlugin.default)("listStyleType", [
|
|
1331
1339
|
[
|
|
1332
1340
|
"list",
|
|
1333
1341
|
[
|
|
@@ -1342,7 +1350,7 @@ let corePlugins = {
|
|
|
1342
1350
|
}
|
|
1343
1351
|
});
|
|
1344
1352
|
},
|
|
1345
|
-
columns: (0, _createUtilityPlugin
|
|
1353
|
+
columns: (0, _createUtilityPlugin.default)("columns", [
|
|
1346
1354
|
[
|
|
1347
1355
|
"columns",
|
|
1348
1356
|
[
|
|
@@ -1422,7 +1430,7 @@ let corePlugins = {
|
|
|
1422
1430
|
}
|
|
1423
1431
|
});
|
|
1424
1432
|
},
|
|
1425
|
-
gridAutoColumns: (0, _createUtilityPlugin
|
|
1433
|
+
gridAutoColumns: (0, _createUtilityPlugin.default)("gridAutoColumns", [
|
|
1426
1434
|
[
|
|
1427
1435
|
"auto-cols",
|
|
1428
1436
|
[
|
|
@@ -1449,7 +1457,7 @@ let corePlugins = {
|
|
|
1449
1457
|
}
|
|
1450
1458
|
});
|
|
1451
1459
|
},
|
|
1452
|
-
gridAutoRows: (0, _createUtilityPlugin
|
|
1460
|
+
gridAutoRows: (0, _createUtilityPlugin.default)("gridAutoRows", [
|
|
1453
1461
|
[
|
|
1454
1462
|
"auto-rows",
|
|
1455
1463
|
[
|
|
@@ -1457,7 +1465,7 @@ let corePlugins = {
|
|
|
1457
1465
|
]
|
|
1458
1466
|
]
|
|
1459
1467
|
]),
|
|
1460
|
-
gridTemplateColumns: (0, _createUtilityPlugin
|
|
1468
|
+
gridTemplateColumns: (0, _createUtilityPlugin.default)("gridTemplateColumns", [
|
|
1461
1469
|
[
|
|
1462
1470
|
"grid-cols",
|
|
1463
1471
|
[
|
|
@@ -1465,7 +1473,7 @@ let corePlugins = {
|
|
|
1465
1473
|
]
|
|
1466
1474
|
],
|
|
1467
1475
|
]),
|
|
1468
|
-
gridTemplateRows: (0, _createUtilityPlugin
|
|
1476
|
+
gridTemplateRows: (0, _createUtilityPlugin.default)("gridTemplateRows", [
|
|
1469
1477
|
[
|
|
1470
1478
|
"grid-rows",
|
|
1471
1479
|
[
|
|
@@ -1622,7 +1630,7 @@ let corePlugins = {
|
|
|
1622
1630
|
}
|
|
1623
1631
|
});
|
|
1624
1632
|
},
|
|
1625
|
-
gap: (0, _createUtilityPlugin
|
|
1633
|
+
gap: (0, _createUtilityPlugin.default)("gap", [
|
|
1626
1634
|
[
|
|
1627
1635
|
"gap",
|
|
1628
1636
|
[
|
|
@@ -1740,18 +1748,18 @@ let corePlugins = {
|
|
|
1740
1748
|
}
|
|
1741
1749
|
});
|
|
1742
1750
|
},
|
|
1743
|
-
divideColor: ({ matchUtilities , theme , corePlugins
|
|
1751
|
+
divideColor: ({ matchUtilities , theme , corePlugins })=>{
|
|
1744
1752
|
matchUtilities({
|
|
1745
1753
|
divide: (value)=>{
|
|
1746
|
-
if (!
|
|
1754
|
+
if (!corePlugins("divideOpacity")) {
|
|
1747
1755
|
return {
|
|
1748
1756
|
["& > :not([hidden]) ~ :not([hidden])"]: {
|
|
1749
|
-
"border-color": (0, _toColorValue
|
|
1757
|
+
"border-color": (0, _toColorValue.default)(value)
|
|
1750
1758
|
}
|
|
1751
1759
|
};
|
|
1752
1760
|
}
|
|
1753
1761
|
return {
|
|
1754
|
-
["& > :not([hidden]) ~ :not([hidden])"]: (0, _withAlphaVariable
|
|
1762
|
+
["& > :not([hidden]) ~ :not([hidden])"]: (0, _withAlphaVariable.default)({
|
|
1755
1763
|
color: value,
|
|
1756
1764
|
property: "border-color",
|
|
1757
1765
|
variable: "--tw-divide-opacity"
|
|
@@ -1759,7 +1767,7 @@ let corePlugins = {
|
|
|
1759
1767
|
};
|
|
1760
1768
|
}
|
|
1761
1769
|
}, {
|
|
1762
|
-
values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette
|
|
1770
|
+
values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("divideColor"))),
|
|
1763
1771
|
type: "color"
|
|
1764
1772
|
});
|
|
1765
1773
|
},
|
|
@@ -1977,7 +1985,7 @@ let corePlugins = {
|
|
|
1977
1985
|
}
|
|
1978
1986
|
});
|
|
1979
1987
|
},
|
|
1980
|
-
borderRadius: (0, _createUtilityPlugin
|
|
1988
|
+
borderRadius: (0, _createUtilityPlugin.default)("borderRadius", [
|
|
1981
1989
|
[
|
|
1982
1990
|
"rounded",
|
|
1983
1991
|
[
|
|
@@ -2041,7 +2049,7 @@ let corePlugins = {
|
|
|
2041
2049
|
],
|
|
2042
2050
|
],
|
|
2043
2051
|
]),
|
|
2044
|
-
borderWidth: (0, _createUtilityPlugin
|
|
2052
|
+
borderWidth: (0, _createUtilityPlugin.default)("borderWidth", [
|
|
2045
2053
|
[
|
|
2046
2054
|
"border",
|
|
2047
2055
|
[
|
|
@@ -2146,35 +2154,35 @@ let corePlugins = {
|
|
|
2146
2154
|
}
|
|
2147
2155
|
});
|
|
2148
2156
|
},
|
|
2149
|
-
borderColor: ({ matchUtilities , theme , corePlugins
|
|
2157
|
+
borderColor: ({ matchUtilities , theme , corePlugins })=>{
|
|
2150
2158
|
matchUtilities({
|
|
2151
2159
|
border: (value)=>{
|
|
2152
|
-
if (!
|
|
2160
|
+
if (!corePlugins("borderOpacity")) {
|
|
2153
2161
|
return {
|
|
2154
|
-
"border-color": (0, _toColorValue
|
|
2162
|
+
"border-color": (0, _toColorValue.default)(value)
|
|
2155
2163
|
};
|
|
2156
2164
|
}
|
|
2157
|
-
return (0, _withAlphaVariable
|
|
2165
|
+
return (0, _withAlphaVariable.default)({
|
|
2158
2166
|
color: value,
|
|
2159
2167
|
property: "border-color",
|
|
2160
2168
|
variable: "--tw-border-opacity"
|
|
2161
2169
|
});
|
|
2162
2170
|
}
|
|
2163
2171
|
}, {
|
|
2164
|
-
values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette
|
|
2172
|
+
values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("borderColor"))),
|
|
2165
2173
|
type: [
|
|
2166
2174
|
"color"
|
|
2167
2175
|
]
|
|
2168
2176
|
});
|
|
2169
2177
|
matchUtilities({
|
|
2170
2178
|
"border-x": (value)=>{
|
|
2171
|
-
if (!
|
|
2179
|
+
if (!corePlugins("borderOpacity")) {
|
|
2172
2180
|
return {
|
|
2173
|
-
"border-left-color": (0, _toColorValue
|
|
2174
|
-
"border-right-color": (0, _toColorValue
|
|
2181
|
+
"border-left-color": (0, _toColorValue.default)(value),
|
|
2182
|
+
"border-right-color": (0, _toColorValue.default)(value)
|
|
2175
2183
|
};
|
|
2176
2184
|
}
|
|
2177
|
-
return (0, _withAlphaVariable
|
|
2185
|
+
return (0, _withAlphaVariable.default)({
|
|
2178
2186
|
color: value,
|
|
2179
2187
|
property: [
|
|
2180
2188
|
"border-left-color",
|
|
@@ -2184,13 +2192,13 @@ let corePlugins = {
|
|
|
2184
2192
|
});
|
|
2185
2193
|
},
|
|
2186
2194
|
"border-y": (value)=>{
|
|
2187
|
-
if (!
|
|
2195
|
+
if (!corePlugins("borderOpacity")) {
|
|
2188
2196
|
return {
|
|
2189
|
-
"border-top-color": (0, _toColorValue
|
|
2190
|
-
"border-bottom-color": (0, _toColorValue
|
|
2197
|
+
"border-top-color": (0, _toColorValue.default)(value),
|
|
2198
|
+
"border-bottom-color": (0, _toColorValue.default)(value)
|
|
2191
2199
|
};
|
|
2192
2200
|
}
|
|
2193
|
-
return (0, _withAlphaVariable
|
|
2201
|
+
return (0, _withAlphaVariable.default)({
|
|
2194
2202
|
color: value,
|
|
2195
2203
|
property: [
|
|
2196
2204
|
"border-top-color",
|
|
@@ -2200,64 +2208,64 @@ let corePlugins = {
|
|
|
2200
2208
|
});
|
|
2201
2209
|
}
|
|
2202
2210
|
}, {
|
|
2203
|
-
values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette
|
|
2211
|
+
values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("borderColor"))),
|
|
2204
2212
|
type: "color"
|
|
2205
2213
|
});
|
|
2206
2214
|
matchUtilities({
|
|
2207
2215
|
"border-t": (value)=>{
|
|
2208
|
-
if (!
|
|
2216
|
+
if (!corePlugins("borderOpacity")) {
|
|
2209
2217
|
return {
|
|
2210
|
-
"border-top-color": (0, _toColorValue
|
|
2218
|
+
"border-top-color": (0, _toColorValue.default)(value)
|
|
2211
2219
|
};
|
|
2212
2220
|
}
|
|
2213
|
-
return (0, _withAlphaVariable
|
|
2221
|
+
return (0, _withAlphaVariable.default)({
|
|
2214
2222
|
color: value,
|
|
2215
2223
|
property: "border-top-color",
|
|
2216
2224
|
variable: "--tw-border-opacity"
|
|
2217
2225
|
});
|
|
2218
2226
|
},
|
|
2219
2227
|
"border-r": (value)=>{
|
|
2220
|
-
if (!
|
|
2228
|
+
if (!corePlugins("borderOpacity")) {
|
|
2221
2229
|
return {
|
|
2222
|
-
"border-right-color": (0, _toColorValue
|
|
2230
|
+
"border-right-color": (0, _toColorValue.default)(value)
|
|
2223
2231
|
};
|
|
2224
2232
|
}
|
|
2225
|
-
return (0, _withAlphaVariable
|
|
2233
|
+
return (0, _withAlphaVariable.default)({
|
|
2226
2234
|
color: value,
|
|
2227
2235
|
property: "border-right-color",
|
|
2228
2236
|
variable: "--tw-border-opacity"
|
|
2229
2237
|
});
|
|
2230
2238
|
},
|
|
2231
2239
|
"border-b": (value)=>{
|
|
2232
|
-
if (!
|
|
2240
|
+
if (!corePlugins("borderOpacity")) {
|
|
2233
2241
|
return {
|
|
2234
|
-
"border-bottom-color": (0, _toColorValue
|
|
2242
|
+
"border-bottom-color": (0, _toColorValue.default)(value)
|
|
2235
2243
|
};
|
|
2236
2244
|
}
|
|
2237
|
-
return (0, _withAlphaVariable
|
|
2245
|
+
return (0, _withAlphaVariable.default)({
|
|
2238
2246
|
color: value,
|
|
2239
2247
|
property: "border-bottom-color",
|
|
2240
2248
|
variable: "--tw-border-opacity"
|
|
2241
2249
|
});
|
|
2242
2250
|
},
|
|
2243
2251
|
"border-l": (value)=>{
|
|
2244
|
-
if (!
|
|
2252
|
+
if (!corePlugins("borderOpacity")) {
|
|
2245
2253
|
return {
|
|
2246
|
-
"border-left-color": (0, _toColorValue
|
|
2254
|
+
"border-left-color": (0, _toColorValue.default)(value)
|
|
2247
2255
|
};
|
|
2248
2256
|
}
|
|
2249
|
-
return (0, _withAlphaVariable
|
|
2257
|
+
return (0, _withAlphaVariable.default)({
|
|
2250
2258
|
color: value,
|
|
2251
2259
|
property: "border-left-color",
|
|
2252
2260
|
variable: "--tw-border-opacity"
|
|
2253
2261
|
});
|
|
2254
2262
|
}
|
|
2255
2263
|
}, {
|
|
2256
|
-
values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette
|
|
2264
|
+
values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("borderColor"))),
|
|
2257
2265
|
type: "color"
|
|
2258
2266
|
});
|
|
2259
2267
|
},
|
|
2260
|
-
borderOpacity: (0, _createUtilityPlugin
|
|
2268
|
+
borderOpacity: (0, _createUtilityPlugin.default)("borderOpacity", [
|
|
2261
2269
|
[
|
|
2262
2270
|
"border-opacity",
|
|
2263
2271
|
[
|
|
@@ -2265,26 +2273,26 @@ let corePlugins = {
|
|
|
2265
2273
|
]
|
|
2266
2274
|
],
|
|
2267
2275
|
]),
|
|
2268
|
-
backgroundColor: ({ matchUtilities , theme , corePlugins
|
|
2276
|
+
backgroundColor: ({ matchUtilities , theme , corePlugins })=>{
|
|
2269
2277
|
matchUtilities({
|
|
2270
2278
|
bg: (value)=>{
|
|
2271
|
-
if (!
|
|
2279
|
+
if (!corePlugins("backgroundOpacity")) {
|
|
2272
2280
|
return {
|
|
2273
|
-
"background-color": (0, _toColorValue
|
|
2281
|
+
"background-color": (0, _toColorValue.default)(value)
|
|
2274
2282
|
};
|
|
2275
2283
|
}
|
|
2276
|
-
return (0, _withAlphaVariable
|
|
2284
|
+
return (0, _withAlphaVariable.default)({
|
|
2277
2285
|
color: value,
|
|
2278
2286
|
property: "background-color",
|
|
2279
2287
|
variable: "--tw-bg-opacity"
|
|
2280
2288
|
});
|
|
2281
2289
|
}
|
|
2282
2290
|
}, {
|
|
2283
|
-
values: (0, _flattenColorPalette
|
|
2291
|
+
values: (0, _flattenColorPalette.default)(theme("backgroundColor")),
|
|
2284
2292
|
type: "color"
|
|
2285
2293
|
});
|
|
2286
2294
|
},
|
|
2287
|
-
backgroundOpacity: (0, _createUtilityPlugin
|
|
2295
|
+
backgroundOpacity: (0, _createUtilityPlugin.default)("backgroundOpacity", [
|
|
2288
2296
|
[
|
|
2289
2297
|
"bg-opacity",
|
|
2290
2298
|
[
|
|
@@ -2292,7 +2300,7 @@ let corePlugins = {
|
|
|
2292
2300
|
]
|
|
2293
2301
|
],
|
|
2294
2302
|
]),
|
|
2295
|
-
backgroundImage: (0, _createUtilityPlugin
|
|
2303
|
+
backgroundImage: (0, _createUtilityPlugin.default)("backgroundImage", [
|
|
2296
2304
|
[
|
|
2297
2305
|
"bg",
|
|
2298
2306
|
[
|
|
@@ -2308,11 +2316,11 @@ let corePlugins = {
|
|
|
2308
2316
|
}),
|
|
2309
2317
|
gradientColorStops: (()=>{
|
|
2310
2318
|
function transparentTo(value) {
|
|
2311
|
-
return (0, _withAlphaVariable
|
|
2319
|
+
return (0, _withAlphaVariable.withAlphaValue)(value, 0, "rgb(255 255 255 / 0)");
|
|
2312
2320
|
}
|
|
2313
2321
|
return function({ matchUtilities , theme }) {
|
|
2314
2322
|
let options = {
|
|
2315
|
-
values: (0, _flattenColorPalette
|
|
2323
|
+
values: (0, _flattenColorPalette.default)(theme("gradientColorStops")),
|
|
2316
2324
|
type: [
|
|
2317
2325
|
"color",
|
|
2318
2326
|
"any"
|
|
@@ -2322,7 +2330,7 @@ let corePlugins = {
|
|
|
2322
2330
|
from: (value)=>{
|
|
2323
2331
|
let transparentToValue = transparentTo(value);
|
|
2324
2332
|
return {
|
|
2325
|
-
"--tw-gradient-from": (0, _toColorValue
|
|
2333
|
+
"--tw-gradient-from": (0, _toColorValue.default)(value, "from"),
|
|
2326
2334
|
"--tw-gradient-to": transparentToValue,
|
|
2327
2335
|
"--tw-gradient-stops": `var(--tw-gradient-from), var(--tw-gradient-to)`
|
|
2328
2336
|
};
|
|
@@ -2333,13 +2341,13 @@ let corePlugins = {
|
|
|
2333
2341
|
let transparentToValue = transparentTo(value);
|
|
2334
2342
|
return {
|
|
2335
2343
|
"--tw-gradient-to": transparentToValue,
|
|
2336
|
-
"--tw-gradient-stops": `var(--tw-gradient-from), ${(0, _toColorValue
|
|
2344
|
+
"--tw-gradient-stops": `var(--tw-gradient-from), ${(0, _toColorValue.default)(value, "via")}, var(--tw-gradient-to)`
|
|
2337
2345
|
};
|
|
2338
2346
|
}
|
|
2339
2347
|
}, options);
|
|
2340
2348
|
matchUtilities({
|
|
2341
2349
|
to: (value)=>({
|
|
2342
|
-
"--tw-gradient-to": (0, _toColorValue
|
|
2350
|
+
"--tw-gradient-to": (0, _toColorValue.default)(value, "to")
|
|
2343
2351
|
})
|
|
2344
2352
|
}, options);
|
|
2345
2353
|
};
|
|
@@ -2360,7 +2368,7 @@ let corePlugins = {
|
|
|
2360
2368
|
}
|
|
2361
2369
|
});
|
|
2362
2370
|
},
|
|
2363
|
-
backgroundSize: (0, _createUtilityPlugin
|
|
2371
|
+
backgroundSize: (0, _createUtilityPlugin.default)("backgroundSize", [
|
|
2364
2372
|
[
|
|
2365
2373
|
"bg",
|
|
2366
2374
|
[
|
|
@@ -2403,7 +2411,7 @@ let corePlugins = {
|
|
|
2403
2411
|
}
|
|
2404
2412
|
});
|
|
2405
2413
|
},
|
|
2406
|
-
backgroundPosition: (0, _createUtilityPlugin
|
|
2414
|
+
backgroundPosition: (0, _createUtilityPlugin.default)("backgroundPosition", [
|
|
2407
2415
|
[
|
|
2408
2416
|
"bg",
|
|
2409
2417
|
[
|
|
@@ -2455,11 +2463,11 @@ let corePlugins = {
|
|
|
2455
2463
|
matchUtilities({
|
|
2456
2464
|
fill: (value)=>{
|
|
2457
2465
|
return {
|
|
2458
|
-
fill: (0, _toColorValue
|
|
2466
|
+
fill: (0, _toColorValue.default)(value)
|
|
2459
2467
|
};
|
|
2460
2468
|
}
|
|
2461
2469
|
}, {
|
|
2462
|
-
values: (0, _flattenColorPalette
|
|
2470
|
+
values: (0, _flattenColorPalette.default)(theme("fill")),
|
|
2463
2471
|
type: [
|
|
2464
2472
|
"color",
|
|
2465
2473
|
"any"
|
|
@@ -2470,18 +2478,18 @@ let corePlugins = {
|
|
|
2470
2478
|
matchUtilities({
|
|
2471
2479
|
stroke: (value)=>{
|
|
2472
2480
|
return {
|
|
2473
|
-
stroke: (0, _toColorValue
|
|
2481
|
+
stroke: (0, _toColorValue.default)(value)
|
|
2474
2482
|
};
|
|
2475
2483
|
}
|
|
2476
2484
|
}, {
|
|
2477
|
-
values: (0, _flattenColorPalette
|
|
2485
|
+
values: (0, _flattenColorPalette.default)(theme("stroke")),
|
|
2478
2486
|
type: [
|
|
2479
2487
|
"color",
|
|
2480
2488
|
"url"
|
|
2481
2489
|
]
|
|
2482
2490
|
});
|
|
2483
2491
|
},
|
|
2484
|
-
strokeWidth: (0, _createUtilityPlugin
|
|
2492
|
+
strokeWidth: (0, _createUtilityPlugin.default)("strokeWidth", [
|
|
2485
2493
|
[
|
|
2486
2494
|
"stroke",
|
|
2487
2495
|
[
|
|
@@ -2514,7 +2522,7 @@ let corePlugins = {
|
|
|
2514
2522
|
}
|
|
2515
2523
|
});
|
|
2516
2524
|
},
|
|
2517
|
-
objectPosition: (0, _createUtilityPlugin
|
|
2525
|
+
objectPosition: (0, _createUtilityPlugin.default)("objectPosition", [
|
|
2518
2526
|
[
|
|
2519
2527
|
"object",
|
|
2520
2528
|
[
|
|
@@ -2522,7 +2530,7 @@ let corePlugins = {
|
|
|
2522
2530
|
]
|
|
2523
2531
|
]
|
|
2524
2532
|
]),
|
|
2525
|
-
padding: (0, _createUtilityPlugin
|
|
2533
|
+
padding: (0, _createUtilityPlugin.default)("padding", [
|
|
2526
2534
|
[
|
|
2527
2535
|
"p",
|
|
2528
2536
|
[
|
|
@@ -2594,7 +2602,7 @@ let corePlugins = {
|
|
|
2594
2602
|
}
|
|
2595
2603
|
});
|
|
2596
2604
|
},
|
|
2597
|
-
textIndent: (0, _createUtilityPlugin
|
|
2605
|
+
textIndent: (0, _createUtilityPlugin.default)("textIndent", [
|
|
2598
2606
|
[
|
|
2599
2607
|
"indent",
|
|
2600
2608
|
[
|
|
@@ -2637,7 +2645,7 @@ let corePlugins = {
|
|
|
2637
2645
|
})
|
|
2638
2646
|
});
|
|
2639
2647
|
},
|
|
2640
|
-
fontFamily: (0, _createUtilityPlugin
|
|
2648
|
+
fontFamily: (0, _createUtilityPlugin.default)("fontFamily", [
|
|
2641
2649
|
[
|
|
2642
2650
|
"font",
|
|
2643
2651
|
[
|
|
@@ -2657,7 +2665,7 @@ let corePlugins = {
|
|
|
2657
2665
|
let [fontSize, options] = Array.isArray(value) ? value : [
|
|
2658
2666
|
value
|
|
2659
2667
|
];
|
|
2660
|
-
let { lineHeight , letterSpacing , fontWeight } = (0, _isPlainObject
|
|
2668
|
+
let { lineHeight , letterSpacing , fontWeight } = (0, _isPlainObject.default)(options) ? options : {
|
|
2661
2669
|
lineHeight: options
|
|
2662
2670
|
};
|
|
2663
2671
|
return {
|
|
@@ -2683,7 +2691,7 @@ let corePlugins = {
|
|
|
2683
2691
|
]
|
|
2684
2692
|
});
|
|
2685
2693
|
},
|
|
2686
|
-
fontWeight: (0, _createUtilityPlugin
|
|
2694
|
+
fontWeight: (0, _createUtilityPlugin.default)("fontWeight", [
|
|
2687
2695
|
[
|
|
2688
2696
|
"font",
|
|
2689
2697
|
[
|
|
@@ -2777,7 +2785,7 @@ let corePlugins = {
|
|
|
2777
2785
|
}
|
|
2778
2786
|
});
|
|
2779
2787
|
},
|
|
2780
|
-
lineHeight: (0, _createUtilityPlugin
|
|
2788
|
+
lineHeight: (0, _createUtilityPlugin.default)("lineHeight", [
|
|
2781
2789
|
[
|
|
2782
2790
|
"leading",
|
|
2783
2791
|
[
|
|
@@ -2785,7 +2793,7 @@ let corePlugins = {
|
|
|
2785
2793
|
]
|
|
2786
2794
|
]
|
|
2787
2795
|
]),
|
|
2788
|
-
letterSpacing: (0, _createUtilityPlugin
|
|
2796
|
+
letterSpacing: (0, _createUtilityPlugin.default)("letterSpacing", [
|
|
2789
2797
|
[
|
|
2790
2798
|
"tracking",
|
|
2791
2799
|
[
|
|
@@ -2795,26 +2803,26 @@ let corePlugins = {
|
|
|
2795
2803
|
], {
|
|
2796
2804
|
supportsNegativeValues: true
|
|
2797
2805
|
}),
|
|
2798
|
-
textColor: ({ matchUtilities , theme , corePlugins
|
|
2806
|
+
textColor: ({ matchUtilities , theme , corePlugins })=>{
|
|
2799
2807
|
matchUtilities({
|
|
2800
2808
|
text: (value)=>{
|
|
2801
|
-
if (!
|
|
2809
|
+
if (!corePlugins("textOpacity")) {
|
|
2802
2810
|
return {
|
|
2803
|
-
color: (0, _toColorValue
|
|
2811
|
+
color: (0, _toColorValue.default)(value)
|
|
2804
2812
|
};
|
|
2805
2813
|
}
|
|
2806
|
-
return (0, _withAlphaVariable
|
|
2814
|
+
return (0, _withAlphaVariable.default)({
|
|
2807
2815
|
color: value,
|
|
2808
2816
|
property: "color",
|
|
2809
2817
|
variable: "--tw-text-opacity"
|
|
2810
2818
|
});
|
|
2811
2819
|
}
|
|
2812
2820
|
}, {
|
|
2813
|
-
values: (0, _flattenColorPalette
|
|
2821
|
+
values: (0, _flattenColorPalette.default)(theme("textColor")),
|
|
2814
2822
|
type: "color"
|
|
2815
2823
|
});
|
|
2816
2824
|
},
|
|
2817
|
-
textOpacity: (0, _createUtilityPlugin
|
|
2825
|
+
textOpacity: (0, _createUtilityPlugin.default)("textOpacity", [
|
|
2818
2826
|
[
|
|
2819
2827
|
"text-opacity",
|
|
2820
2828
|
[
|
|
@@ -2842,11 +2850,11 @@ let corePlugins = {
|
|
|
2842
2850
|
matchUtilities({
|
|
2843
2851
|
decoration: (value)=>{
|
|
2844
2852
|
return {
|
|
2845
|
-
"text-decoration-color": (0, _toColorValue
|
|
2853
|
+
"text-decoration-color": (0, _toColorValue.default)(value)
|
|
2846
2854
|
};
|
|
2847
2855
|
}
|
|
2848
2856
|
}, {
|
|
2849
|
-
values: (0, _flattenColorPalette
|
|
2857
|
+
values: (0, _flattenColorPalette.default)(theme("textDecorationColor")),
|
|
2850
2858
|
type: [
|
|
2851
2859
|
"color"
|
|
2852
2860
|
]
|
|
@@ -2871,7 +2879,7 @@ let corePlugins = {
|
|
|
2871
2879
|
}
|
|
2872
2880
|
});
|
|
2873
2881
|
},
|
|
2874
|
-
textDecorationThickness: (0, _createUtilityPlugin
|
|
2882
|
+
textDecorationThickness: (0, _createUtilityPlugin.default)("textDecorationThickness", [
|
|
2875
2883
|
[
|
|
2876
2884
|
"decoration",
|
|
2877
2885
|
[
|
|
@@ -2884,7 +2892,7 @@ let corePlugins = {
|
|
|
2884
2892
|
"percentage"
|
|
2885
2893
|
]
|
|
2886
2894
|
}),
|
|
2887
|
-
textUnderlineOffset: (0, _createUtilityPlugin
|
|
2895
|
+
textUnderlineOffset: (0, _createUtilityPlugin.default)("textUnderlineOffset", [
|
|
2888
2896
|
[
|
|
2889
2897
|
"underline-offset",
|
|
2890
2898
|
[
|
|
@@ -2909,18 +2917,18 @@ let corePlugins = {
|
|
|
2909
2917
|
}
|
|
2910
2918
|
});
|
|
2911
2919
|
},
|
|
2912
|
-
placeholderColor: ({ matchUtilities , theme , corePlugins
|
|
2920
|
+
placeholderColor: ({ matchUtilities , theme , corePlugins })=>{
|
|
2913
2921
|
matchUtilities({
|
|
2914
2922
|
placeholder: (value)=>{
|
|
2915
|
-
if (!
|
|
2923
|
+
if (!corePlugins("placeholderOpacity")) {
|
|
2916
2924
|
return {
|
|
2917
2925
|
"&::placeholder": {
|
|
2918
|
-
color: (0, _toColorValue
|
|
2926
|
+
color: (0, _toColorValue.default)(value)
|
|
2919
2927
|
}
|
|
2920
2928
|
};
|
|
2921
2929
|
}
|
|
2922
2930
|
return {
|
|
2923
|
-
"&::placeholder": (0, _withAlphaVariable
|
|
2931
|
+
"&::placeholder": (0, _withAlphaVariable.default)({
|
|
2924
2932
|
color: value,
|
|
2925
2933
|
property: "color",
|
|
2926
2934
|
variable: "--tw-placeholder-opacity"
|
|
@@ -2928,7 +2936,7 @@ let corePlugins = {
|
|
|
2928
2936
|
};
|
|
2929
2937
|
}
|
|
2930
2938
|
}, {
|
|
2931
|
-
values: (0, _flattenColorPalette
|
|
2939
|
+
values: (0, _flattenColorPalette.default)(theme("placeholderColor")),
|
|
2932
2940
|
type: [
|
|
2933
2941
|
"color",
|
|
2934
2942
|
"any"
|
|
@@ -2952,11 +2960,11 @@ let corePlugins = {
|
|
|
2952
2960
|
matchUtilities({
|
|
2953
2961
|
caret: (value)=>{
|
|
2954
2962
|
return {
|
|
2955
|
-
"caret-color": (0, _toColorValue
|
|
2963
|
+
"caret-color": (0, _toColorValue.default)(value)
|
|
2956
2964
|
};
|
|
2957
2965
|
}
|
|
2958
2966
|
}, {
|
|
2959
|
-
values: (0, _flattenColorPalette
|
|
2967
|
+
values: (0, _flattenColorPalette.default)(theme("caretColor")),
|
|
2960
2968
|
type: [
|
|
2961
2969
|
"color",
|
|
2962
2970
|
"any"
|
|
@@ -2967,18 +2975,18 @@ let corePlugins = {
|
|
|
2967
2975
|
matchUtilities({
|
|
2968
2976
|
accent: (value)=>{
|
|
2969
2977
|
return {
|
|
2970
|
-
"accent-color": (0, _toColorValue
|
|
2978
|
+
"accent-color": (0, _toColorValue.default)(value)
|
|
2971
2979
|
};
|
|
2972
2980
|
}
|
|
2973
2981
|
}, {
|
|
2974
|
-
values: (0, _flattenColorPalette
|
|
2982
|
+
values: (0, _flattenColorPalette.default)(theme("accentColor")),
|
|
2975
2983
|
type: [
|
|
2976
2984
|
"color",
|
|
2977
2985
|
"any"
|
|
2978
2986
|
]
|
|
2979
2987
|
});
|
|
2980
2988
|
},
|
|
2981
|
-
opacity: (0, _createUtilityPlugin
|
|
2989
|
+
opacity: (0, _createUtilityPlugin.default)("opacity", [
|
|
2982
2990
|
[
|
|
2983
2991
|
"opacity",
|
|
2984
2992
|
[
|
|
@@ -3094,7 +3102,7 @@ let corePlugins = {
|
|
|
3094
3102
|
});
|
|
3095
3103
|
},
|
|
3096
3104
|
boxShadow: (()=>{
|
|
3097
|
-
let transformValue = (0, _transformThemeValue
|
|
3105
|
+
let transformValue = (0, _transformThemeValue.default)("boxShadow");
|
|
3098
3106
|
let defaultBoxShadow = [
|
|
3099
3107
|
`var(--tw-ring-offset-shadow, 0 0 #0000)`,
|
|
3100
3108
|
`var(--tw-ring-shadow, 0 0 #0000)`,
|
|
@@ -3110,7 +3118,7 @@ let corePlugins = {
|
|
|
3110
3118
|
matchUtilities({
|
|
3111
3119
|
shadow: (value)=>{
|
|
3112
3120
|
value = transformValue(value);
|
|
3113
|
-
let ast = (0, _parseBoxShadowValue
|
|
3121
|
+
let ast = (0, _parseBoxShadowValue.parseBoxShadowValue)(value);
|
|
3114
3122
|
for (let shadow of ast){
|
|
3115
3123
|
// Don't override color if the whole shadow is a variable
|
|
3116
3124
|
if (!shadow.valid) {
|
|
@@ -3121,7 +3129,7 @@ let corePlugins = {
|
|
|
3121
3129
|
return {
|
|
3122
3130
|
"@defaults box-shadow": {},
|
|
3123
3131
|
"--tw-shadow": value === "none" ? "0 0 #0000" : value,
|
|
3124
|
-
"--tw-shadow-colored": value === "none" ? "0 0 #0000" : (0, _parseBoxShadowValue
|
|
3132
|
+
"--tw-shadow-colored": value === "none" ? "0 0 #0000" : (0, _parseBoxShadowValue.formatBoxShadowValue)(ast),
|
|
3125
3133
|
"box-shadow": defaultBoxShadow
|
|
3126
3134
|
};
|
|
3127
3135
|
}
|
|
@@ -3137,12 +3145,12 @@ let corePlugins = {
|
|
|
3137
3145
|
matchUtilities({
|
|
3138
3146
|
shadow: (value)=>{
|
|
3139
3147
|
return {
|
|
3140
|
-
"--tw-shadow-color": (0, _toColorValue
|
|
3148
|
+
"--tw-shadow-color": (0, _toColorValue.default)(value),
|
|
3141
3149
|
"--tw-shadow": "var(--tw-shadow-colored)"
|
|
3142
3150
|
};
|
|
3143
3151
|
}
|
|
3144
3152
|
}, {
|
|
3145
|
-
values: (0, _flattenColorPalette
|
|
3153
|
+
values: (0, _flattenColorPalette.default)(theme("boxShadowColor")),
|
|
3146
3154
|
type: [
|
|
3147
3155
|
"color"
|
|
3148
3156
|
]
|
|
@@ -3171,7 +3179,7 @@ let corePlugins = {
|
|
|
3171
3179
|
}
|
|
3172
3180
|
});
|
|
3173
3181
|
},
|
|
3174
|
-
outlineWidth: (0, _createUtilityPlugin
|
|
3182
|
+
outlineWidth: (0, _createUtilityPlugin.default)("outlineWidth", [
|
|
3175
3183
|
[
|
|
3176
3184
|
"outline",
|
|
3177
3185
|
[
|
|
@@ -3185,7 +3193,7 @@ let corePlugins = {
|
|
|
3185
3193
|
"percentage"
|
|
3186
3194
|
]
|
|
3187
3195
|
}),
|
|
3188
|
-
outlineOffset: (0, _createUtilityPlugin
|
|
3196
|
+
outlineOffset: (0, _createUtilityPlugin.default)("outlineOffset", [
|
|
3189
3197
|
[
|
|
3190
3198
|
"outline-offset",
|
|
3191
3199
|
[
|
|
@@ -3203,11 +3211,11 @@ let corePlugins = {
|
|
|
3203
3211
|
matchUtilities({
|
|
3204
3212
|
outline: (value)=>{
|
|
3205
3213
|
return {
|
|
3206
|
-
"outline-color": (0, _toColorValue
|
|
3214
|
+
"outline-color": (0, _toColorValue.default)(value)
|
|
3207
3215
|
};
|
|
3208
3216
|
}
|
|
3209
3217
|
}, {
|
|
3210
|
-
values: (0, _flattenColorPalette
|
|
3218
|
+
values: (0, _flattenColorPalette.default)(theme("outlineColor")),
|
|
3211
3219
|
type: [
|
|
3212
3220
|
"color"
|
|
3213
3221
|
]
|
|
@@ -3216,14 +3224,14 @@ let corePlugins = {
|
|
|
3216
3224
|
ringWidth: ({ matchUtilities , addDefaults , addUtilities , theme , config })=>{
|
|
3217
3225
|
let ringColorDefault = (()=>{
|
|
3218
3226
|
var ref, ref1;
|
|
3219
|
-
if ((0, _featureFlags
|
|
3227
|
+
if ((0, _featureFlags.flagEnabled)(config(), "respectDefaultRingColorOpacity")) {
|
|
3220
3228
|
return theme("ringColor.DEFAULT");
|
|
3221
3229
|
}
|
|
3222
3230
|
let ringOpacityDefault = theme("ringOpacity.DEFAULT", "0.5");
|
|
3223
3231
|
if (!((ref = theme("ringColor")) === null || ref === void 0 ? void 0 : ref.DEFAULT)) {
|
|
3224
3232
|
return `rgb(147 197 253 / ${ringOpacityDefault})`;
|
|
3225
3233
|
}
|
|
3226
|
-
return (0, _withAlphaVariable
|
|
3234
|
+
return (0, _withAlphaVariable.withAlphaValue)((ref1 = theme("ringColor")) === null || ref1 === void 0 ? void 0 : ref1.DEFAULT, ringOpacityDefault, `rgb(147 197 253 / ${ringOpacityDefault})`);
|
|
3227
3235
|
})();
|
|
3228
3236
|
addDefaults("ring-width", {
|
|
3229
3237
|
"--tw-ring-inset": " ",
|
|
@@ -3259,28 +3267,28 @@ let corePlugins = {
|
|
|
3259
3267
|
}
|
|
3260
3268
|
});
|
|
3261
3269
|
},
|
|
3262
|
-
ringColor: ({ matchUtilities , theme , corePlugins
|
|
3270
|
+
ringColor: ({ matchUtilities , theme , corePlugins })=>{
|
|
3263
3271
|
matchUtilities({
|
|
3264
3272
|
ring: (value)=>{
|
|
3265
|
-
if (!
|
|
3273
|
+
if (!corePlugins("ringOpacity")) {
|
|
3266
3274
|
return {
|
|
3267
|
-
"--tw-ring-color": (0, _toColorValue
|
|
3275
|
+
"--tw-ring-color": (0, _toColorValue.default)(value)
|
|
3268
3276
|
};
|
|
3269
3277
|
}
|
|
3270
|
-
return (0, _withAlphaVariable
|
|
3278
|
+
return (0, _withAlphaVariable.default)({
|
|
3271
3279
|
color: value,
|
|
3272
3280
|
property: "--tw-ring-color",
|
|
3273
3281
|
variable: "--tw-ring-opacity"
|
|
3274
3282
|
});
|
|
3275
3283
|
}
|
|
3276
3284
|
}, {
|
|
3277
|
-
values: Object.fromEntries(Object.entries((0, _flattenColorPalette
|
|
3285
|
+
values: Object.fromEntries(Object.entries((0, _flattenColorPalette.default)(theme("ringColor"))).filter(([modifier])=>modifier !== "DEFAULT")),
|
|
3278
3286
|
type: "color"
|
|
3279
3287
|
});
|
|
3280
3288
|
},
|
|
3281
3289
|
ringOpacity: (helpers)=>{
|
|
3282
3290
|
let { config } = helpers;
|
|
3283
|
-
return (0, _createUtilityPlugin
|
|
3291
|
+
return (0, _createUtilityPlugin.default)("ringOpacity", [
|
|
3284
3292
|
[
|
|
3285
3293
|
"ring-opacity",
|
|
3286
3294
|
[
|
|
@@ -3288,10 +3296,10 @@ let corePlugins = {
|
|
|
3288
3296
|
]
|
|
3289
3297
|
]
|
|
3290
3298
|
], {
|
|
3291
|
-
filterDefault: !(0, _featureFlags
|
|
3299
|
+
filterDefault: !(0, _featureFlags.flagEnabled)(config(), "respectDefaultRingColorOpacity")
|
|
3292
3300
|
})(helpers);
|
|
3293
3301
|
},
|
|
3294
|
-
ringOffsetWidth: (0, _createUtilityPlugin
|
|
3302
|
+
ringOffsetWidth: (0, _createUtilityPlugin.default)("ringOffsetWidth", [
|
|
3295
3303
|
[
|
|
3296
3304
|
"ring-offset",
|
|
3297
3305
|
[
|
|
@@ -3305,11 +3313,11 @@ let corePlugins = {
|
|
|
3305
3313
|
matchUtilities({
|
|
3306
3314
|
"ring-offset": (value)=>{
|
|
3307
3315
|
return {
|
|
3308
|
-
"--tw-ring-offset-color": (0, _toColorValue
|
|
3316
|
+
"--tw-ring-offset-color": (0, _toColorValue.default)(value)
|
|
3309
3317
|
};
|
|
3310
3318
|
}
|
|
3311
3319
|
}, {
|
|
3312
|
-
values: (0, _flattenColorPalette
|
|
3320
|
+
values: (0, _flattenColorPalette.default)(theme("ringOffsetColor")),
|
|
3313
3321
|
type: "color"
|
|
3314
3322
|
});
|
|
3315
3323
|
},
|
|
@@ -3610,7 +3618,7 @@ let corePlugins = {
|
|
|
3610
3618
|
values: theme("transitionProperty")
|
|
3611
3619
|
});
|
|
3612
3620
|
},
|
|
3613
|
-
transitionDelay: (0, _createUtilityPlugin
|
|
3621
|
+
transitionDelay: (0, _createUtilityPlugin.default)("transitionDelay", [
|
|
3614
3622
|
[
|
|
3615
3623
|
"delay",
|
|
3616
3624
|
[
|
|
@@ -3618,7 +3626,7 @@ let corePlugins = {
|
|
|
3618
3626
|
]
|
|
3619
3627
|
]
|
|
3620
3628
|
]),
|
|
3621
|
-
transitionDuration: (0, _createUtilityPlugin
|
|
3629
|
+
transitionDuration: (0, _createUtilityPlugin.default)("transitionDuration", [
|
|
3622
3630
|
[
|
|
3623
3631
|
"duration",
|
|
3624
3632
|
[
|
|
@@ -3628,7 +3636,7 @@ let corePlugins = {
|
|
|
3628
3636
|
], {
|
|
3629
3637
|
filterDefault: true
|
|
3630
3638
|
}),
|
|
3631
|
-
transitionTimingFunction: (0, _createUtilityPlugin
|
|
3639
|
+
transitionTimingFunction: (0, _createUtilityPlugin.default)("transitionTimingFunction", [
|
|
3632
3640
|
[
|
|
3633
3641
|
"ease",
|
|
3634
3642
|
[
|
|
@@ -3638,7 +3646,7 @@ let corePlugins = {
|
|
|
3638
3646
|
], {
|
|
3639
3647
|
filterDefault: true
|
|
3640
3648
|
}),
|
|
3641
|
-
willChange: (0, _createUtilityPlugin
|
|
3649
|
+
willChange: (0, _createUtilityPlugin.default)("willChange", [
|
|
3642
3650
|
[
|
|
3643
3651
|
"will-change",
|
|
3644
3652
|
[
|
|
@@ -3646,7 +3654,7 @@ let corePlugins = {
|
|
|
3646
3654
|
]
|
|
3647
3655
|
]
|
|
3648
3656
|
]),
|
|
3649
|
-
content: (0, _createUtilityPlugin
|
|
3657
|
+
content: (0, _createUtilityPlugin.default)("content", [
|
|
3650
3658
|
[
|
|
3651
3659
|
"content",
|
|
3652
3660
|
[
|
|
@@ -3659,4 +3667,3 @@ let corePlugins = {
|
|
|
3659
3667
|
],
|
|
3660
3668
|
])
|
|
3661
3669
|
};
|
|
3662
|
-
exports.corePlugins = corePlugins;
|