tailwindcss 0.0.0-oxide-insiders.dddaded → 0.0.0-oxide-insiders.b2e3cf2
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/lib/cli/build/deps.js +10 -18
- package/lib/cli/build/index.js +10 -41
- package/lib/cli/build/plugin.js +87 -268
- package/lib/cli/build/utils.js +18 -40
- package/lib/cli/build/watching.js +35 -151
- package/lib/cli/help/index.js +15 -58
- package/lib/cli/index.js +61 -120
- package/lib/cli/init/index.js +21 -43
- package/lib/cli-peer-dependencies.js +13 -15
- package/lib/cli.js +1 -5
- package/lib/corePluginList.js +3 -4
- package/lib/corePlugins.js +394 -857
- package/lib/featureFlags.js +14 -34
- package/lib/index.js +1 -5
- package/lib/lib/cacheInvalidation.js +29 -75
- package/lib/lib/collapseAdjacentRules.js +22 -43
- package/lib/lib/collapseDuplicateDeclarations.js +27 -68
- package/lib/lib/content.js +37 -126
- package/lib/lib/defaultExtractor.js +96 -199
- package/lib/lib/detectNesting.js +12 -36
- package/lib/lib/evaluateTailwindFunctions.js +101 -188
- package/lib/lib/expandApplyAtRules.js +177 -482
- package/lib/lib/expandTailwindAtRules.js +69 -237
- package/lib/lib/findAtConfigPath.js +13 -30
- package/lib/lib/generateRules.js +349 -765
- package/lib/lib/getModuleDependencies.js +27 -63
- package/lib/lib/load-config.js +16 -24
- package/lib/lib/normalizeTailwindDirectives.js +26 -70
- package/lib/lib/offsets.js +61 -224
- package/lib/lib/partitionApplyAtRules.js +29 -51
- package/lib/lib/regex.js +22 -30
- package/lib/lib/remap-bitfield.js +9 -84
- package/lib/lib/resolveDefaultsAtRules.js +50 -116
- package/lib/lib/setupContextUtils.js +576 -1099
- package/lib/lib/setupTrackingContext.js +54 -143
- package/lib/lib/sharedState.js +15 -59
- package/lib/lib/substituteScreenAtRules.js +8 -16
- package/lib/oxide/cli/build/deps.js +17 -32
- package/lib/oxide/cli/build/index.js +10 -40
- package/lib/oxide/cli/build/plugin.js +87 -267
- package/lib/oxide/cli/build/utils.js +18 -39
- package/lib/oxide/cli/build/watching.js +34 -149
- package/lib/oxide/cli/help/index.js +15 -57
- package/lib/oxide/cli/index.js +66 -127
- package/lib/oxide/cli/init/index.js +17 -36
- package/lib/oxide/cli.js +2 -3
- package/lib/plugin.js +30 -57
- package/lib/postcss-plugins/nesting/index.js +6 -10
- package/lib/postcss-plugins/nesting/plugin.js +17 -60
- package/lib/processTailwindFeatures.js +8 -37
- package/lib/public/colors.js +15 -22
- package/lib/public/create-plugin.js +5 -8
- package/lib/public/default-config.js +5 -9
- package/lib/public/default-theme.js +5 -9
- package/lib/public/load-config.js +4 -6
- package/lib/public/resolve-config.js +4 -6
- package/lib/util/applyImportantSelector.js +15 -24
- package/lib/util/bigSign.js +6 -7
- package/lib/util/buildMediaQuery.js +10 -17
- package/lib/util/cloneDeep.js +9 -17
- package/lib/util/cloneNodes.js +14 -27
- package/lib/util/color.js +45 -81
- package/lib/util/configurePlugins.js +9 -16
- package/lib/util/createPlugin.js +8 -15
- package/lib/util/createUtilityPlugin.js +15 -27
- package/lib/util/dataTypes.js +23 -144
- package/lib/util/defaults.js +9 -19
- package/lib/util/escapeClassName.js +6 -10
- package/lib/util/escapeCommas.js +6 -7
- package/lib/util/flattenColorPalette.js +6 -8
- package/lib/util/formatVariantSelector.js +49 -190
- package/lib/util/getAllConfigs.js +35 -42
- package/lib/util/hashConfig.js +6 -8
- package/lib/util/isKeyframeRule.js +6 -7
- package/lib/util/isPlainObject.js +8 -11
- package/lib/util/isSyntacticallyValidPropertyValue.js +13 -42
- package/lib/util/log.js +7 -14
- package/lib/util/nameClass.js +6 -21
- package/lib/util/negateValue.js +10 -26
- package/lib/util/normalizeConfig.js +63 -240
- package/lib/util/normalizeScreens.js +70 -137
- package/lib/util/parseAnimationValue.js +13 -61
- package/lib/util/parseBoxShadowValue.js +12 -57
- package/lib/util/parseDependency.js +13 -37
- package/lib/util/parseGlob.js +7 -22
- package/lib/util/parseObjectStyles.js +17 -26
- package/lib/util/pluginUtils.js +69 -176
- package/lib/util/prefixSelector.js +11 -28
- package/lib/util/pseudoElements.js +29 -105
- package/lib/util/removeAlphaVariables.js +8 -21
- package/lib/util/resolveConfig.js +103 -220
- package/lib/util/resolveConfigPath.js +12 -38
- package/lib/util/responsive.js +4 -6
- package/lib/util/splitAtTopLevelOnly.js +10 -44
- package/lib/util/tap.js +6 -8
- package/lib/util/toColorValue.js +6 -7
- package/lib/util/toPath.js +8 -26
- package/lib/util/transformThemeValue.js +12 -45
- package/lib/util/validateConfig.js +14 -22
- package/lib/util/validateFormalSyntax.js +5 -11
- package/lib/util/withAlphaVariable.js +28 -48
- package/package.json +3 -3
- package/peers/index.js +14 -16
- package/src/cli/build/plugin.js +1 -1
- package/src/cli.js +1 -1
- package/src/corePlugins.js +16 -17
- package/src/featureFlags.js +2 -3
- package/src/index.js +1 -5
- package/src/lib/expandTailwindAtRules.js +2 -2
- package/src/lib/sharedState.js +0 -15
- package/src/oxide/cli/build/plugin.ts +1 -1
- package/src/plugin.js +1 -1
package/lib/corePlugins.js
CHANGED
|
@@ -1,140 +1,74 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value:
|
|
4
|
-
})
|
|
5
|
-
function _export(target, all) {
|
|
3
|
+
value: !0
|
|
4
|
+
}), function(target, all) {
|
|
6
5
|
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable:
|
|
6
|
+
enumerable: !0,
|
|
8
7
|
get: all[name]
|
|
9
8
|
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
9
|
+
}(exports, {
|
|
12
10
|
variantPlugins: ()=>variantPlugins,
|
|
13
11
|
corePlugins: ()=>corePlugins
|
|
14
12
|
});
|
|
15
|
-
const _fs =
|
|
16
|
-
const _path = /*#__PURE__*/ _interopRequireWildcard(require("path"));
|
|
17
|
-
const _postcss = /*#__PURE__*/ _interopRequireDefault(require("postcss"));
|
|
18
|
-
const _sharedState = require("./lib/sharedState");
|
|
19
|
-
const _createUtilityPlugin = /*#__PURE__*/ _interopRequireDefault(require("./util/createUtilityPlugin"));
|
|
20
|
-
const _buildMediaQuery = /*#__PURE__*/ _interopRequireDefault(require("./util/buildMediaQuery"));
|
|
21
|
-
const _escapeClassName = /*#__PURE__*/ _interopRequireDefault(require("./util/escapeClassName"));
|
|
22
|
-
const _parseAnimationValue = /*#__PURE__*/ _interopRequireDefault(require("./util/parseAnimationValue"));
|
|
23
|
-
const _flattenColorPalette = /*#__PURE__*/ _interopRequireDefault(require("./util/flattenColorPalette"));
|
|
24
|
-
const _withAlphaVariable = /*#__PURE__*/ _interopRequireWildcard(require("./util/withAlphaVariable"));
|
|
25
|
-
const _toColorValue = /*#__PURE__*/ _interopRequireDefault(require("./util/toColorValue"));
|
|
26
|
-
const _isPlainObject = /*#__PURE__*/ _interopRequireDefault(require("./util/isPlainObject"));
|
|
27
|
-
const _transformThemeValue = /*#__PURE__*/ _interopRequireDefault(require("./util/transformThemeValue"));
|
|
28
|
-
const _packageJson = require("../package.json");
|
|
29
|
-
const _log = /*#__PURE__*/ _interopRequireDefault(require("./util/log"));
|
|
30
|
-
const _normalizeScreens = require("./util/normalizeScreens");
|
|
31
|
-
const _parseBoxShadowValue = require("./util/parseBoxShadowValue");
|
|
32
|
-
const _removeAlphaVariables = require("./util/removeAlphaVariables");
|
|
33
|
-
const _featureFlags = require("./featureFlags");
|
|
34
|
-
const _dataTypes = require("./util/dataTypes");
|
|
13
|
+
const _fs = _interopRequireDefault(require("fs")), _path = _interopRequireWildcard(require("path")), _postcss = _interopRequireDefault(require("postcss")), _createUtilityPlugin = _interopRequireDefault(require("./util/createUtilityPlugin")), _buildMediaQuery = _interopRequireDefault(require("./util/buildMediaQuery")), _escapeClassName = _interopRequireDefault(require("./util/escapeClassName")), _parseAnimationValue = _interopRequireDefault(require("./util/parseAnimationValue")), _flattenColorPalette = _interopRequireDefault(require("./util/flattenColorPalette")), _withAlphaVariable = _interopRequireWildcard(require("./util/withAlphaVariable")), _toColorValue = _interopRequireDefault(require("./util/toColorValue")), _isPlainObject = _interopRequireDefault(require("./util/isPlainObject")), _transformThemeValue = _interopRequireDefault(require("./util/transformThemeValue")), _packageJson = require("../package.json"), _log = _interopRequireDefault(require("./util/log")), _normalizeScreens = require("./util/normalizeScreens"), _parseBoxShadowValue = require("./util/parseBoxShadowValue"), _removeAlphaVariables = require("./util/removeAlphaVariables"), _featureFlags = require("./featureFlags"), _dataTypes = require("./util/dataTypes");
|
|
35
14
|
function _interopRequireDefault(obj) {
|
|
36
15
|
return obj && obj.__esModule ? obj : {
|
|
37
16
|
default: obj
|
|
38
17
|
};
|
|
39
18
|
}
|
|
40
19
|
function _getRequireWildcardCache(nodeInterop) {
|
|
41
|
-
if (typeof WeakMap
|
|
42
|
-
var cacheBabelInterop = new WeakMap();
|
|
43
|
-
var cacheNodeInterop = new WeakMap();
|
|
20
|
+
if ("function" != typeof WeakMap) return null;
|
|
21
|
+
var cacheBabelInterop = new WeakMap(), cacheNodeInterop = new WeakMap();
|
|
44
22
|
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
45
23
|
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
46
24
|
})(nodeInterop);
|
|
47
25
|
}
|
|
48
26
|
function _interopRequireWildcard(obj, nodeInterop) {
|
|
49
|
-
if (!nodeInterop && obj && obj.__esModule)
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
return {
|
|
54
|
-
default: obj
|
|
55
|
-
};
|
|
56
|
-
}
|
|
27
|
+
if (!nodeInterop && obj && obj.__esModule) return obj;
|
|
28
|
+
if (null === obj || "object" != typeof obj && "function" != typeof obj) return {
|
|
29
|
+
default: obj
|
|
30
|
+
};
|
|
57
31
|
var cache = _getRequireWildcardCache(nodeInterop);
|
|
58
|
-
if (cache && cache.has(obj))
|
|
59
|
-
|
|
32
|
+
if (cache && cache.has(obj)) return cache.get(obj);
|
|
33
|
+
var newObj = {}, hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
34
|
+
for(var key in obj)if ("default" !== key && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
35
|
+
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
36
|
+
desc && (desc.get || desc.set) ? Object.defineProperty(newObj, key, desc) : newObj[key] = obj[key];
|
|
60
37
|
}
|
|
61
|
-
|
|
62
|
-
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
63
|
-
for(var key in obj){
|
|
64
|
-
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
65
|
-
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
66
|
-
if (desc && (desc.get || desc.set)) {
|
|
67
|
-
Object.defineProperty(newObj, key, desc);
|
|
68
|
-
} else {
|
|
69
|
-
newObj[key] = obj[key];
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
newObj.default = obj;
|
|
74
|
-
if (cache) {
|
|
75
|
-
cache.set(obj, newObj);
|
|
76
|
-
}
|
|
77
|
-
return newObj;
|
|
38
|
+
return newObj.default = obj, cache && cache.set(obj, newObj), newObj;
|
|
78
39
|
}
|
|
79
40
|
let variantPlugins = {
|
|
80
41
|
pseudoElementVariants: ({ addVariant })=>{
|
|
81
|
-
addVariant("first-letter", "&::first-letter")
|
|
82
|
-
|
|
83
|
-
addVariant("marker", [
|
|
84
|
-
({ container })=>{
|
|
85
|
-
(0, _removeAlphaVariables.removeAlphaVariables)(container, [
|
|
42
|
+
addVariant("first-letter", "&::first-letter"), addVariant("first-line", "&::first-line"), addVariant("marker", [
|
|
43
|
+
({ container })=>((0, _removeAlphaVariables.removeAlphaVariables)(container, [
|
|
86
44
|
"--tw-text-opacity"
|
|
87
|
-
])
|
|
88
|
-
|
|
89
|
-
},
|
|
90
|
-
({ container })=>{
|
|
91
|
-
(0, _removeAlphaVariables.removeAlphaVariables)(container, [
|
|
45
|
+
]), "& *::marker"),
|
|
46
|
+
({ container })=>((0, _removeAlphaVariables.removeAlphaVariables)(container, [
|
|
92
47
|
"--tw-text-opacity"
|
|
93
|
-
])
|
|
94
|
-
|
|
95
|
-
}
|
|
96
|
-
]);
|
|
97
|
-
addVariant("selection", [
|
|
48
|
+
]), "&::marker")
|
|
49
|
+
]), addVariant("selection", [
|
|
98
50
|
"& *::selection",
|
|
99
51
|
"&::selection"
|
|
100
|
-
])
|
|
101
|
-
|
|
102
|
-
addVariant("placeholder", "&::placeholder");
|
|
103
|
-
addVariant("backdrop", "&::backdrop");
|
|
104
|
-
addVariant("before", ({ container })=>{
|
|
105
|
-
container.walkRules((rule)=>{
|
|
106
|
-
let foundContent = false;
|
|
52
|
+
]), addVariant("file", "&::file-selector-button"), addVariant("placeholder", "&::placeholder"), addVariant("backdrop", "&::backdrop"), addVariant("before", ({ container })=>(container.walkRules((rule)=>{
|
|
53
|
+
let foundContent = !1;
|
|
107
54
|
rule.walkDecls("content", ()=>{
|
|
108
|
-
foundContent =
|
|
109
|
-
})
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
}
|
|
116
|
-
});
|
|
117
|
-
return "&::before";
|
|
118
|
-
});
|
|
119
|
-
addVariant("after", ({ container })=>{
|
|
120
|
-
container.walkRules((rule)=>{
|
|
121
|
-
let foundContent = false;
|
|
55
|
+
foundContent = !0;
|
|
56
|
+
}), foundContent || rule.prepend(_postcss.default.decl({
|
|
57
|
+
prop: "content",
|
|
58
|
+
value: "var(--tw-content)"
|
|
59
|
+
}));
|
|
60
|
+
}), "&::before")), addVariant("after", ({ container })=>(container.walkRules((rule)=>{
|
|
61
|
+
let foundContent = !1;
|
|
122
62
|
rule.walkDecls("content", ()=>{
|
|
123
|
-
foundContent =
|
|
124
|
-
})
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
}));
|
|
130
|
-
}
|
|
131
|
-
});
|
|
132
|
-
return "&::after";
|
|
133
|
-
});
|
|
63
|
+
foundContent = !0;
|
|
64
|
+
}), foundContent || rule.prepend(_postcss.default.decl({
|
|
65
|
+
prop: "content",
|
|
66
|
+
value: "var(--tw-content)"
|
|
67
|
+
}));
|
|
68
|
+
}), "&::after"));
|
|
134
69
|
},
|
|
135
70
|
pseudoClassVariants: ({ addVariant , matchVariant , config })=>{
|
|
136
71
|
let pseudoVariants = [
|
|
137
|
-
// Positional
|
|
138
72
|
[
|
|
139
73
|
"first",
|
|
140
74
|
"&:first-child"
|
|
@@ -158,24 +92,19 @@ let variantPlugins = {
|
|
|
158
92
|
"first-of-type",
|
|
159
93
|
"last-of-type",
|
|
160
94
|
"only-of-type",
|
|
161
|
-
// State
|
|
162
95
|
[
|
|
163
96
|
"visited",
|
|
164
|
-
({ container })=>
|
|
165
|
-
(0, _removeAlphaVariables.removeAlphaVariables)(container, [
|
|
97
|
+
({ container })=>((0, _removeAlphaVariables.removeAlphaVariables)(container, [
|
|
166
98
|
"--tw-text-opacity",
|
|
167
99
|
"--tw-border-opacity",
|
|
168
100
|
"--tw-bg-opacity"
|
|
169
|
-
])
|
|
170
|
-
return "&:visited";
|
|
171
|
-
}
|
|
101
|
+
]), "&:visited")
|
|
172
102
|
],
|
|
173
103
|
"target",
|
|
174
104
|
[
|
|
175
105
|
"open",
|
|
176
106
|
"&[open]"
|
|
177
107
|
],
|
|
178
|
-
// Forms
|
|
179
108
|
"default",
|
|
180
109
|
"checked",
|
|
181
110
|
"indeterminate",
|
|
@@ -188,13 +117,11 @@ let variantPlugins = {
|
|
|
188
117
|
"in-range",
|
|
189
118
|
"out-of-range",
|
|
190
119
|
"read-only",
|
|
191
|
-
// Content
|
|
192
120
|
"empty",
|
|
193
|
-
// Interactive
|
|
194
121
|
"focus-within",
|
|
195
122
|
[
|
|
196
123
|
"hover",
|
|
197
|
-
|
|
124
|
+
(0, _featureFlags.flagEnabled)(config(), "hoverOnlyWhenSupported") ? "@media (hover: hover) and (pointer: fine) { &:hover }" : "&:hover"
|
|
198
125
|
],
|
|
199
126
|
"focus",
|
|
200
127
|
"focus-visible",
|
|
@@ -205,186 +132,102 @@ let variantPlugins = {
|
|
|
205
132
|
variant,
|
|
206
133
|
`&:${variant}`
|
|
207
134
|
]);
|
|
208
|
-
for (let [variantName, state] of pseudoVariants)
|
|
209
|
-
|
|
210
|
-
let result = typeof state === "function" ? state(ctx) : state;
|
|
211
|
-
return result;
|
|
212
|
-
});
|
|
213
|
-
}
|
|
214
|
-
let variants = {
|
|
135
|
+
for (let [variantName, state] of pseudoVariants)addVariant(variantName, (ctx)=>"function" == typeof state ? state(ctx) : state);
|
|
136
|
+
for (let [name, fn] of Object.entries({
|
|
215
137
|
group: (_, { modifier })=>modifier ? [
|
|
216
138
|
`:merge(.group\\/${(0, _escapeClassName.default)(modifier)})`,
|
|
217
139
|
" &"
|
|
218
140
|
] : [
|
|
219
|
-
|
|
141
|
+
":merge(.group)",
|
|
220
142
|
" &"
|
|
221
143
|
],
|
|
222
144
|
peer: (_, { modifier })=>modifier ? [
|
|
223
145
|
`:merge(.peer\\/${(0, _escapeClassName.default)(modifier)})`,
|
|
224
146
|
" ~ &"
|
|
225
147
|
] : [
|
|
226
|
-
|
|
148
|
+
":merge(.peer)",
|
|
227
149
|
" ~ &"
|
|
228
150
|
]
|
|
229
|
-
}
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
let
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
start = i;
|
|
242
|
-
} else if (c === "'" || c === '"') {
|
|
243
|
-
quotes += 1;
|
|
244
|
-
} else if (start !== null && c === " " && !quotes) {
|
|
245
|
-
end = i;
|
|
246
|
-
}
|
|
247
|
-
}
|
|
248
|
-
if (start !== null && end === null) {
|
|
249
|
-
end = result.length;
|
|
250
|
-
}
|
|
251
|
-
// Basically this but can handle quotes:
|
|
252
|
-
// result.replace(/&(\S+)?/g, (_, pseudo = '') => a + pseudo + b)
|
|
253
|
-
return result.slice(0, start) + a + result.slice(start + 1, end) + b + result.slice(end);
|
|
254
|
-
}, {
|
|
255
|
-
values: Object.fromEntries(pseudoVariants)
|
|
256
|
-
});
|
|
257
|
-
}
|
|
151
|
+
}))matchVariant(name, (value = "", extra)=>{
|
|
152
|
+
let result = (0, _dataTypes.normalize)("function" == typeof value ? value(extra) : value);
|
|
153
|
+
result.includes("&") || (result = "&" + result);
|
|
154
|
+
let [a, b] = fn("", extra), start = null, end = null, quotes = 0;
|
|
155
|
+
for(let i = 0; i < result.length; ++i){
|
|
156
|
+
let c = result[i];
|
|
157
|
+
"&" === c ? start = i : "'" === c || '"' === c ? quotes += 1 : null === start || " " !== c || quotes || (end = i);
|
|
158
|
+
}
|
|
159
|
+
return null !== start && null === end && (end = result.length), result.slice(0, start) + a + result.slice(start + 1, end) + b + result.slice(end);
|
|
160
|
+
}, {
|
|
161
|
+
values: Object.fromEntries(pseudoVariants)
|
|
162
|
+
});
|
|
258
163
|
},
|
|
259
164
|
directionVariants: ({ addVariant })=>{
|
|
260
|
-
addVariant("ltr", ':is([dir="ltr"] &)');
|
|
261
|
-
addVariant("rtl", ':is([dir="rtl"] &)');
|
|
165
|
+
addVariant("ltr", ':is([dir="ltr"] &)'), addVariant("rtl", ':is([dir="rtl"] &)');
|
|
262
166
|
},
|
|
263
167
|
reducedMotionVariants: ({ addVariant })=>{
|
|
264
|
-
addVariant("motion-safe", "@media (prefers-reduced-motion: no-preference)");
|
|
265
|
-
addVariant("motion-reduce", "@media (prefers-reduced-motion: reduce)");
|
|
168
|
+
addVariant("motion-safe", "@media (prefers-reduced-motion: no-preference)"), addVariant("motion-reduce", "@media (prefers-reduced-motion: reduce)");
|
|
266
169
|
},
|
|
267
170
|
darkVariants: ({ config , addVariant })=>{
|
|
268
171
|
let [mode, className = ".dark"] = [].concat(config("darkMode", "media"));
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
"https://tailwindcss.com/docs/upgrade-guide#remove-dark-mode-configuration"
|
|
275
|
-
]);
|
|
276
|
-
}
|
|
277
|
-
if (mode === "class") {
|
|
278
|
-
addVariant("dark", `:is(${className} &)`);
|
|
279
|
-
} else if (mode === "media") {
|
|
280
|
-
addVariant("dark", "@media (prefers-color-scheme: dark)");
|
|
281
|
-
}
|
|
172
|
+
!1 === mode && (mode = "media", _log.default.warn("darkmode-false", [
|
|
173
|
+
"The `darkMode` option in your Tailwind CSS configuration is set to `false`, which now behaves the same as `media`.",
|
|
174
|
+
"Change `darkMode` to `media` or remove it entirely.",
|
|
175
|
+
"https://tailwindcss.com/docs/upgrade-guide#remove-dark-mode-configuration"
|
|
176
|
+
])), "class" === mode ? addVariant("dark", `:is(${className} &)`) : "media" === mode && addVariant("dark", "@media (prefers-color-scheme: dark)");
|
|
282
177
|
},
|
|
283
178
|
printVariant: ({ addVariant })=>{
|
|
284
179
|
addVariant("print", "@media print");
|
|
285
180
|
},
|
|
286
181
|
screenVariants: ({ theme , addVariant , matchVariant })=>{
|
|
287
182
|
var _theme;
|
|
288
|
-
let
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
var _value_match;
|
|
294
|
-
var _value_match_;
|
|
295
|
-
return (_value_match_ = (_value_match = value.match(/(\D+)$/)) === null || _value_match === void 0 ? void 0 : _value_match[1]) !== null && _value_match_ !== void 0 ? _value_match_ : "(none)";
|
|
296
|
-
}
|
|
297
|
-
/** @param {string} value */ function recordUnits(value) {
|
|
298
|
-
if (value !== undefined) {
|
|
299
|
-
unitCache.add(units(value));
|
|
300
|
-
}
|
|
301
|
-
}
|
|
302
|
-
/** @param {string} value */ function canUseUnits(value) {
|
|
303
|
-
recordUnits(value);
|
|
304
|
-
// If the cache was empty it'll become 1 because we've just added the current unit
|
|
305
|
-
// If the cache was not empty and the units are the same the size doesn't change
|
|
306
|
-
// Otherwise, if the units are different from what is already known the size will always be > 1
|
|
307
|
-
return unitCache.size === 1;
|
|
308
|
-
}
|
|
309
|
-
for (const screen of screens){
|
|
310
|
-
for (const value of screen.values){
|
|
311
|
-
recordUnits(value.min);
|
|
312
|
-
recordUnits(value.max);
|
|
183
|
+
let areSimpleScreens = Object.values(null !== (_theme = theme("screens")) && void 0 !== _theme ? _theme : {}).every((v)=>"string" == typeof v), screens = (0, _normalizeScreens.normalizeScreens)(theme("screens")), unitCache = new Set([]);
|
|
184
|
+
function recordUnits(value) {
|
|
185
|
+
if (void 0 !== value) {
|
|
186
|
+
var _value_match, _value_match_;
|
|
187
|
+
unitCache.add(null !== (_value_match_ = null === (_value_match = value.match(/(\D+)$/)) || void 0 === _value_match ? void 0 : _value_match[1]) && void 0 !== _value_match_ ? _value_match_ : "(none)");
|
|
313
188
|
}
|
|
314
189
|
}
|
|
190
|
+
for (let screen of screens)for (let value of screen.values)recordUnits(value.min), recordUnits(value.max);
|
|
315
191
|
let screensUseConsistentUnits = unitCache.size <= 1;
|
|
316
|
-
|
|
317
|
-
* @typedef {import('./util/normalizeScreens').Screen} Screen
|
|
318
|
-
*/ /**
|
|
319
|
-
* @param {'min' | 'max'} type
|
|
320
|
-
* @returns {Record<string, Screen>}
|
|
321
|
-
*/ function buildScreenValues(type) {
|
|
322
|
-
return Object.fromEntries(screens.filter((screen)=>(0, _normalizeScreens.isScreenSortable)(screen).result).map((screen)=>{
|
|
323
|
-
let { min , max } = screen.values[0];
|
|
324
|
-
if (type === "min" && min !== undefined) {
|
|
325
|
-
return screen;
|
|
326
|
-
} else if (type === "min" && max !== undefined) {
|
|
327
|
-
return {
|
|
328
|
-
...screen,
|
|
329
|
-
not: !screen.not
|
|
330
|
-
};
|
|
331
|
-
} else if (type === "max" && max !== undefined) {
|
|
332
|
-
return screen;
|
|
333
|
-
} else if (type === "max" && min !== undefined) {
|
|
334
|
-
return {
|
|
335
|
-
...screen,
|
|
336
|
-
not: !screen.not
|
|
337
|
-
};
|
|
338
|
-
}
|
|
339
|
-
}).map((screen)=>[
|
|
340
|
-
screen.name,
|
|
341
|
-
screen
|
|
342
|
-
]));
|
|
343
|
-
}
|
|
344
|
-
/**
|
|
345
|
-
* @param {'min' | 'max'} type
|
|
346
|
-
* @returns {(a: { value: string | Screen }, z: { value: string | Screen }) => number}
|
|
347
|
-
*/ function buildSort(type) {
|
|
192
|
+
function buildSort(type) {
|
|
348
193
|
return (a, z)=>(0, _normalizeScreens.compareScreens)(type, a.value, z.value);
|
|
349
194
|
}
|
|
350
|
-
let maxSort = buildSort("max");
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
_log.default.warn("complex-screen-config", [
|
|
356
|
-
"The `min-*` and `max-*` variants are not supported with a `screens` configuration containing objects."
|
|
357
|
-
]);
|
|
358
|
-
return [];
|
|
359
|
-
} else if (!screensUseConsistentUnits) {
|
|
360
|
-
_log.default.warn("mixed-screen-units", [
|
|
361
|
-
"The `min-*` and `max-*` variants are not supported with a `screens` configuration containing mixed units."
|
|
362
|
-
]);
|
|
363
|
-
return [];
|
|
364
|
-
} else if (typeof value === "string" && !canUseUnits(value)) {
|
|
365
|
-
_log.default.warn("minmax-have-mixed-units", [
|
|
366
|
-
"The `min-*` and `max-*` variants are not supported with a `screens` configuration containing mixed units."
|
|
367
|
-
]);
|
|
368
|
-
return [];
|
|
369
|
-
}
|
|
370
|
-
return [
|
|
195
|
+
let maxSort = buildSort("max"), minSort = buildSort("min");
|
|
196
|
+
function buildScreenVariant(type) {
|
|
197
|
+
return (value)=>areSimpleScreens ? screensUseConsistentUnits ? "string" == typeof value && (recordUnits(value), 1 !== unitCache.size) ? (_log.default.warn("minmax-have-mixed-units", [
|
|
198
|
+
"The `min-*` and `max-*` variants are not supported with a `screens` configuration containing mixed units."
|
|
199
|
+
]), []) : [
|
|
371
200
|
`@media ${(0, _buildMediaQuery.default)((0, _normalizeScreens.toScreen)(value, type))}`
|
|
372
|
-
]
|
|
373
|
-
|
|
201
|
+
] : (_log.default.warn("mixed-screen-units", [
|
|
202
|
+
"The `min-*` and `max-*` variants are not supported with a `screens` configuration containing mixed units."
|
|
203
|
+
]), []) : (_log.default.warn("complex-screen-config", [
|
|
204
|
+
"The `min-*` and `max-*` variants are not supported with a `screens` configuration containing objects."
|
|
205
|
+
]), []);
|
|
374
206
|
}
|
|
375
207
|
matchVariant("max", buildScreenVariant("max"), {
|
|
376
208
|
sort: maxSort,
|
|
377
|
-
values: areSimpleScreens ?
|
|
209
|
+
values: areSimpleScreens ? function(type) {
|
|
210
|
+
return Object.fromEntries(screens.filter((screen)=>(0, _normalizeScreens.isScreenSortable)(screen).result).map((screen)=>{
|
|
211
|
+
let { min , max } = screen.values[0];
|
|
212
|
+
return "min" === type && void 0 !== min ? screen : "min" === type && void 0 !== max ? {
|
|
213
|
+
...screen,
|
|
214
|
+
not: !screen.not
|
|
215
|
+
} : "max" === type && void 0 !== max ? screen : "max" === type && void 0 !== min ? {
|
|
216
|
+
...screen,
|
|
217
|
+
not: !screen.not
|
|
218
|
+
} : void 0;
|
|
219
|
+
}).map((screen)=>[
|
|
220
|
+
screen.name,
|
|
221
|
+
screen
|
|
222
|
+
]));
|
|
223
|
+
}("max") : {}
|
|
378
224
|
});
|
|
379
|
-
// screens and min-* are sorted together when they can be
|
|
380
225
|
let id = "min-screens";
|
|
381
|
-
for (let screen of screens){
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
});
|
|
387
|
-
}
|
|
226
|
+
for (let screen of screens)addVariant(screen.name, `@media ${(0, _buildMediaQuery.default)(screen)}`, {
|
|
227
|
+
id,
|
|
228
|
+
sort: areSimpleScreens && screensUseConsistentUnits ? minSort : void 0,
|
|
229
|
+
value: screen
|
|
230
|
+
});
|
|
388
231
|
matchVariant("min", buildScreenVariant("min"), {
|
|
389
232
|
id,
|
|
390
233
|
sort: minSort
|
|
@@ -393,93 +236,39 @@ let variantPlugins = {
|
|
|
393
236
|
supportsVariants: ({ matchVariant , theme })=>{
|
|
394
237
|
var _theme;
|
|
395
238
|
matchVariant("supports", (value = "")=>{
|
|
396
|
-
let check = (0, _dataTypes.normalize)(value);
|
|
397
|
-
|
|
398
|
-
// Chrome has a bug where `(condtion1)or(condition2)` is not valid
|
|
399
|
-
// But `(condition1) or (condition2)` is supported.
|
|
400
|
-
check = isRaw ? check.replace(/\b(and|or|not)\b/g, " $1 ") : check;
|
|
401
|
-
if (isRaw) {
|
|
402
|
-
return `@supports ${check}`;
|
|
403
|
-
}
|
|
404
|
-
if (!check.includes(":")) {
|
|
405
|
-
check = `${check}: var(--tw)`;
|
|
406
|
-
}
|
|
407
|
-
if (!(check.startsWith("(") && check.endsWith(")"))) {
|
|
408
|
-
check = `(${check})`;
|
|
409
|
-
}
|
|
410
|
-
return `@supports ${check}`;
|
|
239
|
+
let check = (0, _dataTypes.normalize)(value), isRaw = /^\w*\s*\(/.test(check);
|
|
240
|
+
return check = isRaw ? check.replace(/\b(and|or|not)\b/g, " $1 ") : check, isRaw || (check.includes(":") || (check = `${check}: var(--tw)`), check.startsWith("(") && check.endsWith(")") || (check = `(${check})`)), `@supports ${check}`;
|
|
411
241
|
}, {
|
|
412
|
-
values: (_theme = theme("supports"))
|
|
242
|
+
values: null !== (_theme = theme("supports")) && void 0 !== _theme ? _theme : {}
|
|
413
243
|
});
|
|
414
244
|
},
|
|
415
245
|
ariaVariants: ({ matchVariant , theme })=>{
|
|
416
|
-
var _theme;
|
|
246
|
+
var _theme, _theme1, _theme2;
|
|
417
247
|
matchVariant("aria", (value)=>`&[aria-${(0, _dataTypes.normalize)(value)}]`, {
|
|
418
|
-
values: (_theme = theme("aria"))
|
|
419
|
-
})
|
|
420
|
-
|
|
421
|
-
matchVariant("
|
|
422
|
-
values: (
|
|
423
|
-
});
|
|
424
|
-
var _theme2;
|
|
425
|
-
matchVariant("peer-aria", (value, { modifier })=>modifier ? `:merge(.peer\\/${modifier})[aria-${(0, _dataTypes.normalize)(value)}] ~ &` : `:merge(.peer)[aria-${(0, _dataTypes.normalize)(value)}] ~ &`, {
|
|
426
|
-
values: (_theme2 = theme("aria")) !== null && _theme2 !== void 0 ? _theme2 : {}
|
|
248
|
+
values: null !== (_theme = theme("aria")) && void 0 !== _theme ? _theme : {}
|
|
249
|
+
}), matchVariant("group-aria", (value, { modifier })=>modifier ? `:merge(.group\\/${modifier})[aria-${(0, _dataTypes.normalize)(value)}] &` : `:merge(.group)[aria-${(0, _dataTypes.normalize)(value)}] &`, {
|
|
250
|
+
values: null !== (_theme1 = theme("aria")) && void 0 !== _theme1 ? _theme1 : {}
|
|
251
|
+
}), matchVariant("peer-aria", (value, { modifier })=>modifier ? `:merge(.peer\\/${modifier})[aria-${(0, _dataTypes.normalize)(value)}] ~ &` : `:merge(.peer)[aria-${(0, _dataTypes.normalize)(value)}] ~ &`, {
|
|
252
|
+
values: null !== (_theme2 = theme("aria")) && void 0 !== _theme2 ? _theme2 : {}
|
|
427
253
|
});
|
|
428
254
|
},
|
|
429
255
|
dataVariants: ({ matchVariant , theme })=>{
|
|
430
|
-
var _theme;
|
|
256
|
+
var _theme, _theme1, _theme2;
|
|
431
257
|
matchVariant("data", (value)=>`&[data-${(0, _dataTypes.normalize)(value)}]`, {
|
|
432
|
-
values: (_theme = theme("data"))
|
|
433
|
-
})
|
|
434
|
-
|
|
435
|
-
matchVariant("
|
|
436
|
-
values: (
|
|
437
|
-
});
|
|
438
|
-
var _theme2;
|
|
439
|
-
matchVariant("peer-data", (value, { modifier })=>modifier ? `:merge(.peer\\/${modifier})[data-${(0, _dataTypes.normalize)(value)}] ~ &` : `:merge(.peer)[data-${(0, _dataTypes.normalize)(value)}] ~ &`, {
|
|
440
|
-
values: (_theme2 = theme("data")) !== null && _theme2 !== void 0 ? _theme2 : {}
|
|
258
|
+
values: null !== (_theme = theme("data")) && void 0 !== _theme ? _theme : {}
|
|
259
|
+
}), matchVariant("group-data", (value, { modifier })=>modifier ? `:merge(.group\\/${modifier})[data-${(0, _dataTypes.normalize)(value)}] &` : `:merge(.group)[data-${(0, _dataTypes.normalize)(value)}] &`, {
|
|
260
|
+
values: null !== (_theme1 = theme("data")) && void 0 !== _theme1 ? _theme1 : {}
|
|
261
|
+
}), matchVariant("peer-data", (value, { modifier })=>modifier ? `:merge(.peer\\/${modifier})[data-${(0, _dataTypes.normalize)(value)}] ~ &` : `:merge(.peer)[data-${(0, _dataTypes.normalize)(value)}] ~ &`, {
|
|
262
|
+
values: null !== (_theme2 = theme("data")) && void 0 !== _theme2 ? _theme2 : {}
|
|
441
263
|
});
|
|
442
264
|
},
|
|
443
265
|
orientationVariants: ({ addVariant })=>{
|
|
444
|
-
addVariant("portrait", "@media (orientation: portrait)");
|
|
445
|
-
addVariant("landscape", "@media (orientation: landscape)");
|
|
266
|
+
addVariant("portrait", "@media (orientation: portrait)"), addVariant("landscape", "@media (orientation: landscape)");
|
|
446
267
|
},
|
|
447
268
|
prefersContrastVariants: ({ addVariant })=>{
|
|
448
|
-
addVariant("contrast-more", "@media (prefers-contrast: more)");
|
|
449
|
-
addVariant("contrast-less", "@media (prefers-contrast: less)");
|
|
269
|
+
addVariant("contrast-more", "@media (prefers-contrast: more)"), addVariant("contrast-less", "@media (prefers-contrast: less)");
|
|
450
270
|
}
|
|
451
|
-
}
|
|
452
|
-
let cssTransformValue = [
|
|
453
|
-
"translate(var(--tw-translate-x), var(--tw-translate-y))",
|
|
454
|
-
"rotate(var(--tw-rotate))",
|
|
455
|
-
"skewX(var(--tw-skew-x))",
|
|
456
|
-
"skewY(var(--tw-skew-y))",
|
|
457
|
-
"scaleX(var(--tw-scale-x))",
|
|
458
|
-
"scaleY(var(--tw-scale-y))"
|
|
459
|
-
].join(" ");
|
|
460
|
-
let cssFilterValue = [
|
|
461
|
-
"var(--tw-blur)",
|
|
462
|
-
"var(--tw-brightness)",
|
|
463
|
-
"var(--tw-contrast)",
|
|
464
|
-
"var(--tw-grayscale)",
|
|
465
|
-
"var(--tw-hue-rotate)",
|
|
466
|
-
"var(--tw-invert)",
|
|
467
|
-
"var(--tw-saturate)",
|
|
468
|
-
"var(--tw-sepia)",
|
|
469
|
-
"var(--tw-drop-shadow)"
|
|
470
|
-
].join(" ");
|
|
471
|
-
let cssBackdropFilterValue = [
|
|
472
|
-
"var(--tw-backdrop-blur)",
|
|
473
|
-
"var(--tw-backdrop-brightness)",
|
|
474
|
-
"var(--tw-backdrop-contrast)",
|
|
475
|
-
"var(--tw-backdrop-grayscale)",
|
|
476
|
-
"var(--tw-backdrop-hue-rotate)",
|
|
477
|
-
"var(--tw-backdrop-invert)",
|
|
478
|
-
"var(--tw-backdrop-opacity)",
|
|
479
|
-
"var(--tw-backdrop-saturate)",
|
|
480
|
-
"var(--tw-backdrop-sepia)"
|
|
481
|
-
].join(" ");
|
|
482
|
-
let corePlugins = {
|
|
271
|
+
}, cssTransformValue = "translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))", cssFilterValue = "var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)", cssBackdropFilterValue = "var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)", corePlugins = {
|
|
483
272
|
preflight: ({ addBase })=>{
|
|
484
273
|
let preflightStyles = _postcss.default.parse(_fs.default.readFileSync(_path.join(__dirname, "./css/preflight.css"), "utf8"));
|
|
485
274
|
addBase([
|
|
@@ -489,80 +278,54 @@ let corePlugins = {
|
|
|
489
278
|
...preflightStyles.nodes
|
|
490
279
|
]);
|
|
491
280
|
},
|
|
492
|
-
container: (
|
|
493
|
-
|
|
494
|
-
return breakpoints.flatMap((breakpoint)=>breakpoint.values.map((breakpoint)=>breakpoint.min)).filter((v)=>
|
|
495
|
-
}
|
|
496
|
-
|
|
497
|
-
if (typeof paddings
|
|
498
|
-
|
|
499
|
-
}
|
|
500
|
-
if (!(typeof paddings === "object" && paddings !== null)) {
|
|
501
|
-
return [
|
|
502
|
-
{
|
|
503
|
-
screen: "DEFAULT",
|
|
504
|
-
minWidth: 0,
|
|
505
|
-
padding: paddings
|
|
506
|
-
}
|
|
507
|
-
];
|
|
508
|
-
}
|
|
509
|
-
let mapping = [];
|
|
510
|
-
if (paddings.DEFAULT) {
|
|
511
|
-
mapping.push({
|
|
281
|
+
container: function({ addComponents , theme }) {
|
|
282
|
+
let screens = (0, _normalizeScreens.normalizeScreens)(theme("container.screens", theme("screens"))), minWidths = function(breakpoints = []) {
|
|
283
|
+
return breakpoints.flatMap((breakpoint)=>breakpoint.values.map((breakpoint)=>breakpoint.min)).filter((v)=>void 0 !== v);
|
|
284
|
+
}(screens), paddings = function(minWidths, screens, paddings) {
|
|
285
|
+
if (void 0 === paddings) return [];
|
|
286
|
+
if (!("object" == typeof paddings && null !== paddings)) return [
|
|
287
|
+
{
|
|
512
288
|
screen: "DEFAULT",
|
|
513
289
|
minWidth: 0,
|
|
514
|
-
padding: paddings
|
|
515
|
-
});
|
|
516
|
-
}
|
|
517
|
-
for (let minWidth of minWidths){
|
|
518
|
-
for (let screen of screens){
|
|
519
|
-
for (let { min } of screen.values){
|
|
520
|
-
if (min === minWidth) {
|
|
521
|
-
mapping.push({
|
|
522
|
-
minWidth,
|
|
523
|
-
padding: paddings[screen.name]
|
|
524
|
-
});
|
|
525
|
-
}
|
|
526
|
-
}
|
|
290
|
+
padding: paddings
|
|
527
291
|
}
|
|
528
|
-
|
|
292
|
+
];
|
|
293
|
+
let mapping = [];
|
|
294
|
+
for (let minWidth of (paddings.DEFAULT && mapping.push({
|
|
295
|
+
screen: "DEFAULT",
|
|
296
|
+
minWidth: 0,
|
|
297
|
+
padding: paddings.DEFAULT
|
|
298
|
+
}), minWidths))for (let screen of screens)for (let { min } of screen.values)min === minWidth && mapping.push({
|
|
299
|
+
minWidth,
|
|
300
|
+
padding: paddings[screen.name]
|
|
301
|
+
});
|
|
529
302
|
return mapping;
|
|
530
|
-
}
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
paddingRight: paddingConfig.padding,
|
|
542
|
-
paddingLeft: paddingConfig.padding
|
|
543
|
-
};
|
|
544
|
-
};
|
|
545
|
-
let atRules = Array.from(new Set(minWidths.slice().sort((a, z)=>parseInt(a) - parseInt(z)))).map((minWidth)=>({
|
|
546
|
-
[`@media (min-width: ${minWidth})`]: {
|
|
547
|
-
".container": {
|
|
548
|
-
"max-width": minWidth,
|
|
549
|
-
...generatePaddingFor(minWidth)
|
|
550
|
-
}
|
|
303
|
+
}(minWidths, screens, theme("container.padding")), generatePaddingFor = (minWidth)=>{
|
|
304
|
+
let paddingConfig = paddings.find((padding)=>padding.minWidth === minWidth);
|
|
305
|
+
return paddingConfig ? {
|
|
306
|
+
paddingRight: paddingConfig.padding,
|
|
307
|
+
paddingLeft: paddingConfig.padding
|
|
308
|
+
} : {};
|
|
309
|
+
}, atRules = Array.from(new Set(minWidths.slice().sort((a, z)=>parseInt(a) - parseInt(z)))).map((minWidth)=>({
|
|
310
|
+
[`@media (min-width: ${minWidth})`]: {
|
|
311
|
+
".container": {
|
|
312
|
+
"max-width": minWidth,
|
|
313
|
+
...generatePaddingFor(minWidth)
|
|
551
314
|
}
|
|
552
|
-
}
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
},
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
}
|
|
315
|
+
}
|
|
316
|
+
}));
|
|
317
|
+
addComponents([
|
|
318
|
+
{
|
|
319
|
+
".container": Object.assign({
|
|
320
|
+
width: "100%"
|
|
321
|
+
}, theme("container.center", !1) ? {
|
|
322
|
+
marginRight: "auto",
|
|
323
|
+
marginLeft: "auto"
|
|
324
|
+
} : {}, generatePaddingFor(0))
|
|
325
|
+
},
|
|
326
|
+
...atRules
|
|
327
|
+
]);
|
|
328
|
+
},
|
|
566
329
|
accessibility: ({ addUtilities })=>{
|
|
567
330
|
addUtilities({
|
|
568
331
|
".sr-only": {
|
|
@@ -692,7 +455,7 @@ let corePlugins = {
|
|
|
692
455
|
]
|
|
693
456
|
]
|
|
694
457
|
], {
|
|
695
|
-
supportsNegativeValues:
|
|
458
|
+
supportsNegativeValues: !0
|
|
696
459
|
}),
|
|
697
460
|
isolation: ({ addUtilities })=>{
|
|
698
461
|
addUtilities({
|
|
@@ -712,10 +475,10 @@ let corePlugins = {
|
|
|
712
475
|
]
|
|
713
476
|
]
|
|
714
477
|
], {
|
|
715
|
-
supportsNegativeValues:
|
|
478
|
+
supportsNegativeValues: !0
|
|
716
479
|
}),
|
|
717
|
-
order: (0, _createUtilityPlugin.default)("order",
|
|
718
|
-
supportsNegativeValues:
|
|
480
|
+
order: (0, _createUtilityPlugin.default)("order", void 0, {
|
|
481
|
+
supportsNegativeValues: !0
|
|
719
482
|
}),
|
|
720
483
|
gridColumn: (0, _createUtilityPlugin.default)("gridColumn", [
|
|
721
484
|
[
|
|
@@ -856,7 +619,7 @@ let corePlugins = {
|
|
|
856
619
|
]
|
|
857
620
|
]
|
|
858
621
|
], {
|
|
859
|
-
supportsNegativeValues:
|
|
622
|
+
supportsNegativeValues: !0
|
|
860
623
|
}),
|
|
861
624
|
boxSizing: ({ addUtilities })=>{
|
|
862
625
|
addUtilities({
|
|
@@ -878,8 +641,7 @@ let corePlugins = {
|
|
|
878
641
|
})
|
|
879
642
|
}, {
|
|
880
643
|
values: theme("lineClamp")
|
|
881
|
-
})
|
|
882
|
-
addUtilities({
|
|
644
|
+
}), addUtilities({
|
|
883
645
|
".line-clamp-none": {
|
|
884
646
|
overflow: "visible",
|
|
885
647
|
display: "block",
|
|
@@ -1082,30 +844,23 @@ let corePlugins = {
|
|
|
1082
844
|
addDefaults("border-spacing", {
|
|
1083
845
|
"--tw-border-spacing-x": 0,
|
|
1084
846
|
"--tw-border-spacing-y": 0
|
|
1085
|
-
})
|
|
1086
|
-
|
|
1087
|
-
"border-spacing": (value)=>{
|
|
1088
|
-
return {
|
|
847
|
+
}), matchUtilities({
|
|
848
|
+
"border-spacing": (value)=>({
|
|
1089
849
|
"--tw-border-spacing-x": value,
|
|
1090
850
|
"--tw-border-spacing-y": value,
|
|
1091
851
|
"@defaults border-spacing": {},
|
|
1092
852
|
"border-spacing": "var(--tw-border-spacing-x) var(--tw-border-spacing-y)"
|
|
1093
|
-
}
|
|
1094
|
-
|
|
1095
|
-
"border-spacing-x": (value)=>{
|
|
1096
|
-
return {
|
|
853
|
+
}),
|
|
854
|
+
"border-spacing-x": (value)=>({
|
|
1097
855
|
"--tw-border-spacing-x": value,
|
|
1098
856
|
"@defaults border-spacing": {},
|
|
1099
857
|
"border-spacing": "var(--tw-border-spacing-x) var(--tw-border-spacing-y)"
|
|
1100
|
-
}
|
|
1101
|
-
|
|
1102
|
-
"border-spacing-y": (value)=>{
|
|
1103
|
-
return {
|
|
858
|
+
}),
|
|
859
|
+
"border-spacing-y": (value)=>({
|
|
1104
860
|
"--tw-border-spacing-y": value,
|
|
1105
861
|
"@defaults border-spacing": {},
|
|
1106
862
|
"border-spacing": "var(--tw-border-spacing-x) var(--tw-border-spacing-y)"
|
|
1107
|
-
}
|
|
1108
|
-
}
|
|
863
|
+
})
|
|
1109
864
|
}, {
|
|
1110
865
|
values: theme("borderSpacing")
|
|
1111
866
|
});
|
|
@@ -1150,7 +905,7 @@ let corePlugins = {
|
|
|
1150
905
|
]
|
|
1151
906
|
]
|
|
1152
907
|
], {
|
|
1153
|
-
supportsNegativeValues:
|
|
908
|
+
supportsNegativeValues: !0
|
|
1154
909
|
}),
|
|
1155
910
|
rotate: (0, _createUtilityPlugin.default)("rotate", [
|
|
1156
911
|
[
|
|
@@ -1168,7 +923,7 @@ let corePlugins = {
|
|
|
1168
923
|
]
|
|
1169
924
|
]
|
|
1170
925
|
], {
|
|
1171
|
-
supportsNegativeValues:
|
|
926
|
+
supportsNegativeValues: !0
|
|
1172
927
|
}),
|
|
1173
928
|
skew: (0, _createUtilityPlugin.default)("skew", [
|
|
1174
929
|
[
|
|
@@ -1202,7 +957,7 @@ let corePlugins = {
|
|
|
1202
957
|
]
|
|
1203
958
|
]
|
|
1204
959
|
], {
|
|
1205
|
-
supportsNegativeValues:
|
|
960
|
+
supportsNegativeValues: !0
|
|
1206
961
|
}),
|
|
1207
962
|
scale: (0, _createUtilityPlugin.default)("scale", [
|
|
1208
963
|
[
|
|
@@ -1251,7 +1006,7 @@ let corePlugins = {
|
|
|
1251
1006
|
]
|
|
1252
1007
|
]
|
|
1253
1008
|
], {
|
|
1254
|
-
supportsNegativeValues:
|
|
1009
|
+
supportsNegativeValues: !0
|
|
1255
1010
|
}),
|
|
1256
1011
|
transform: ({ addDefaults , addUtilities })=>{
|
|
1257
1012
|
addDefaults("transform", {
|
|
@@ -1262,8 +1017,7 @@ let corePlugins = {
|
|
|
1262
1017
|
"--tw-skew-y": "0",
|
|
1263
1018
|
"--tw-scale-x": "1",
|
|
1264
1019
|
"--tw-scale-y": "1"
|
|
1265
|
-
})
|
|
1266
|
-
addUtilities({
|
|
1020
|
+
}), addUtilities({
|
|
1267
1021
|
".transform": {
|
|
1268
1022
|
"@defaults transform": {},
|
|
1269
1023
|
transform: cssTransformValue
|
|
@@ -1280,28 +1034,20 @@ let corePlugins = {
|
|
|
1280
1034
|
});
|
|
1281
1035
|
},
|
|
1282
1036
|
animation: ({ matchUtilities , theme , config })=>{
|
|
1283
|
-
let prefixName = (name)=>`${config("prefix")}${(0, _escapeClassName.default)(name)}`;
|
|
1284
1037
|
var _theme;
|
|
1285
|
-
let keyframes = Object.fromEntries(Object.entries((_theme = theme("keyframes"))
|
|
1286
|
-
return [
|
|
1038
|
+
let prefixName = (name)=>`${config("prefix")}${(0, _escapeClassName.default)(name)}`, keyframes = Object.fromEntries(Object.entries(null !== (_theme = theme("keyframes")) && void 0 !== _theme ? _theme : {}).map(([key, value])=>[
|
|
1287
1039
|
key,
|
|
1288
1040
|
{
|
|
1289
1041
|
[`@keyframes ${prefixName(key)}`]: value
|
|
1290
1042
|
}
|
|
1291
|
-
];
|
|
1292
|
-
}));
|
|
1043
|
+
]));
|
|
1293
1044
|
matchUtilities({
|
|
1294
1045
|
animate: (value)=>{
|
|
1295
1046
|
let animations = (0, _parseAnimationValue.default)(value);
|
|
1296
1047
|
return [
|
|
1297
1048
|
...animations.flatMap((animation)=>keyframes[animation.name]),
|
|
1298
1049
|
{
|
|
1299
|
-
animation: animations.map(({ name , value })=>
|
|
1300
|
-
if (name === undefined || keyframes[name] === undefined) {
|
|
1301
|
-
return value;
|
|
1302
|
-
}
|
|
1303
|
-
return value.replace(name, prefixName(name));
|
|
1304
|
-
}).join(", ")
|
|
1050
|
+
animation: animations.map(({ name , value })=>void 0 === name || void 0 === keyframes[name] ? value : value.replace(name, prefixName(name))).join(", ")
|
|
1305
1051
|
}
|
|
1306
1052
|
];
|
|
1307
1053
|
}
|
|
@@ -1399,8 +1145,7 @@ let corePlugins = {
|
|
|
1399
1145
|
scrollSnapType: ({ addDefaults , addUtilities })=>{
|
|
1400
1146
|
addDefaults("scroll-snap-type", {
|
|
1401
1147
|
"--tw-scroll-snap-strictness": "proximity"
|
|
1402
|
-
})
|
|
1403
|
-
addUtilities({
|
|
1148
|
+
}), addUtilities({
|
|
1404
1149
|
".snap-none": {
|
|
1405
1150
|
"scroll-snap-type": "none"
|
|
1406
1151
|
},
|
|
@@ -1512,7 +1257,7 @@ let corePlugins = {
|
|
|
1512
1257
|
]
|
|
1513
1258
|
]
|
|
1514
1259
|
], {
|
|
1515
|
-
supportsNegativeValues:
|
|
1260
|
+
supportsNegativeValues: !0
|
|
1516
1261
|
}),
|
|
1517
1262
|
scrollPadding: (0, _createUtilityPlugin.default)("scrollPadding", [
|
|
1518
1263
|
[
|
|
@@ -1934,40 +1679,24 @@ let corePlugins = {
|
|
|
1934
1679
|
]),
|
|
1935
1680
|
space: ({ matchUtilities , addUtilities , theme })=>{
|
|
1936
1681
|
matchUtilities({
|
|
1937
|
-
"space-x": (value)=>{
|
|
1938
|
-
value = value === "0" ? "0px" : value;
|
|
1939
|
-
if (_sharedState.env.OXIDE) {
|
|
1940
|
-
return {
|
|
1941
|
-
"& > :not([hidden]) ~ :not([hidden])": {
|
|
1942
|
-
"--tw-space-x-reverse": "0",
|
|
1943
|
-
"margin-inline-end": `calc(${value} * var(--tw-space-x-reverse))`,
|
|
1944
|
-
"margin-inline-start": `calc(${value} * calc(1 - var(--tw-space-x-reverse)))`
|
|
1945
|
-
}
|
|
1946
|
-
};
|
|
1947
|
-
}
|
|
1948
|
-
return {
|
|
1682
|
+
"space-x": (value)=>({
|
|
1949
1683
|
"& > :not([hidden]) ~ :not([hidden])": {
|
|
1950
1684
|
"--tw-space-x-reverse": "0",
|
|
1951
|
-
"margin-
|
|
1952
|
-
"margin-
|
|
1685
|
+
"margin-inline-end": `calc(${value = "0" === value ? "0px" : value} * var(--tw-space-x-reverse))`,
|
|
1686
|
+
"margin-inline-start": `calc(${value} * calc(1 - var(--tw-space-x-reverse)))`
|
|
1953
1687
|
}
|
|
1954
|
-
}
|
|
1955
|
-
|
|
1956
|
-
"space-y": (value)=>{
|
|
1957
|
-
value = value === "0" ? "0px" : value;
|
|
1958
|
-
return {
|
|
1688
|
+
}),
|
|
1689
|
+
"space-y": (value)=>({
|
|
1959
1690
|
"& > :not([hidden]) ~ :not([hidden])": {
|
|
1960
1691
|
"--tw-space-y-reverse": "0",
|
|
1961
|
-
"margin-top": `calc(${value} * calc(1 - var(--tw-space-y-reverse)))`,
|
|
1692
|
+
"margin-top": `calc(${value = "0" === value ? "0px" : value} * calc(1 - var(--tw-space-y-reverse)))`,
|
|
1962
1693
|
"margin-bottom": `calc(${value} * var(--tw-space-y-reverse))`
|
|
1963
1694
|
}
|
|
1964
|
-
}
|
|
1965
|
-
}
|
|
1695
|
+
})
|
|
1966
1696
|
}, {
|
|
1967
1697
|
values: theme("space"),
|
|
1968
|
-
supportsNegativeValues:
|
|
1969
|
-
})
|
|
1970
|
-
addUtilities({
|
|
1698
|
+
supportsNegativeValues: !0
|
|
1699
|
+
}), addUtilities({
|
|
1971
1700
|
".space-y-reverse > :not([hidden]) ~ :not([hidden])": {
|
|
1972
1701
|
"--tw-space-y-reverse": "1"
|
|
1973
1702
|
},
|
|
@@ -1978,38 +1707,22 @@ let corePlugins = {
|
|
|
1978
1707
|
},
|
|
1979
1708
|
divideWidth: ({ matchUtilities , addUtilities , theme })=>{
|
|
1980
1709
|
matchUtilities({
|
|
1981
|
-
"divide-x": (value)=>{
|
|
1982
|
-
value = value === "0" ? "0px" : value;
|
|
1983
|
-
if (_sharedState.env.OXIDE) {
|
|
1984
|
-
return {
|
|
1985
|
-
"& > :not([hidden]) ~ :not([hidden])": {
|
|
1986
|
-
"@defaults border-width": {},
|
|
1987
|
-
"--tw-divide-x-reverse": "0",
|
|
1988
|
-
"border-inline-end-width": `calc(${value} * var(--tw-divide-x-reverse))`,
|
|
1989
|
-
"border-inline-start-width": `calc(${value} * calc(1 - var(--tw-divide-x-reverse)))`
|
|
1990
|
-
}
|
|
1991
|
-
};
|
|
1992
|
-
}
|
|
1993
|
-
return {
|
|
1710
|
+
"divide-x": (value)=>({
|
|
1994
1711
|
"& > :not([hidden]) ~ :not([hidden])": {
|
|
1995
1712
|
"@defaults border-width": {},
|
|
1996
1713
|
"--tw-divide-x-reverse": "0",
|
|
1997
|
-
"border-
|
|
1998
|
-
"border-
|
|
1714
|
+
"border-inline-end-width": `calc(${value = "0" === value ? "0px" : value} * var(--tw-divide-x-reverse))`,
|
|
1715
|
+
"border-inline-start-width": `calc(${value} * calc(1 - var(--tw-divide-x-reverse)))`
|
|
1999
1716
|
}
|
|
2000
|
-
}
|
|
2001
|
-
|
|
2002
|
-
"divide-y": (value)=>{
|
|
2003
|
-
value = value === "0" ? "0px" : value;
|
|
2004
|
-
return {
|
|
1717
|
+
}),
|
|
1718
|
+
"divide-y": (value)=>({
|
|
2005
1719
|
"& > :not([hidden]) ~ :not([hidden])": {
|
|
2006
1720
|
"@defaults border-width": {},
|
|
2007
1721
|
"--tw-divide-y-reverse": "0",
|
|
2008
|
-
"border-top-width": `calc(${value} * calc(1 - var(--tw-divide-y-reverse)))`,
|
|
1722
|
+
"border-top-width": `calc(${value = "0" === value ? "0px" : value} * calc(1 - var(--tw-divide-y-reverse)))`,
|
|
2009
1723
|
"border-bottom-width": `calc(${value} * var(--tw-divide-y-reverse))`
|
|
2010
1724
|
}
|
|
2011
|
-
}
|
|
2012
|
-
}
|
|
1725
|
+
})
|
|
2013
1726
|
}, {
|
|
2014
1727
|
values: theme("divideWidth"),
|
|
2015
1728
|
type: [
|
|
@@ -2017,8 +1730,7 @@ let corePlugins = {
|
|
|
2017
1730
|
"length",
|
|
2018
1731
|
"any"
|
|
2019
1732
|
]
|
|
2020
|
-
})
|
|
2021
|
-
addUtilities({
|
|
1733
|
+
}), addUtilities({
|
|
2022
1734
|
".divide-y-reverse > :not([hidden]) ~ :not([hidden])": {
|
|
2023
1735
|
"@defaults border-width": {},
|
|
2024
1736
|
"--tw-divide-y-reverse": "1"
|
|
@@ -2050,22 +1762,17 @@ let corePlugins = {
|
|
|
2050
1762
|
},
|
|
2051
1763
|
divideColor: ({ matchUtilities , theme , corePlugins })=>{
|
|
2052
1764
|
matchUtilities({
|
|
2053
|
-
divide: (value)=>{
|
|
2054
|
-
|
|
2055
|
-
return {
|
|
2056
|
-
["& > :not([hidden]) ~ :not([hidden])"]: {
|
|
2057
|
-
"border-color": (0, _toColorValue.default)(value)
|
|
2058
|
-
}
|
|
2059
|
-
};
|
|
2060
|
-
}
|
|
2061
|
-
return {
|
|
2062
|
-
["& > :not([hidden]) ~ :not([hidden])"]: (0, _withAlphaVariable.default)({
|
|
1765
|
+
divide: (value)=>corePlugins("divideOpacity") ? {
|
|
1766
|
+
"& > :not([hidden]) ~ :not([hidden])": (0, _withAlphaVariable.default)({
|
|
2063
1767
|
color: value,
|
|
2064
1768
|
property: "border-color",
|
|
2065
1769
|
variable: "--tw-divide-opacity"
|
|
2066
1770
|
})
|
|
2067
|
-
}
|
|
2068
|
-
|
|
1771
|
+
} : {
|
|
1772
|
+
"& > :not([hidden]) ~ :not([hidden])": {
|
|
1773
|
+
"border-color": (0, _toColorValue.default)(value)
|
|
1774
|
+
}
|
|
1775
|
+
}
|
|
2069
1776
|
}, {
|
|
2070
1777
|
values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("divideColor"))),
|
|
2071
1778
|
type: [
|
|
@@ -2076,13 +1783,11 @@ let corePlugins = {
|
|
|
2076
1783
|
},
|
|
2077
1784
|
divideOpacity: ({ matchUtilities , theme })=>{
|
|
2078
1785
|
matchUtilities({
|
|
2079
|
-
"divide-opacity": (value)=>{
|
|
2080
|
-
|
|
2081
|
-
[`& > :not([hidden]) ~ :not([hidden])`]: {
|
|
1786
|
+
"divide-opacity": (value)=>({
|
|
1787
|
+
"& > :not([hidden]) ~ :not([hidden])": {
|
|
2082
1788
|
"--tw-divide-opacity": value
|
|
2083
1789
|
}
|
|
2084
|
-
}
|
|
2085
|
-
}
|
|
1790
|
+
})
|
|
2086
1791
|
}, {
|
|
2087
1792
|
values: theme("divideOpacity")
|
|
2088
1793
|
});
|
|
@@ -2536,138 +2241,91 @@ let corePlugins = {
|
|
|
2536
2241
|
},
|
|
2537
2242
|
borderColor: ({ matchUtilities , theme , corePlugins })=>{
|
|
2538
2243
|
matchUtilities({
|
|
2539
|
-
border: (value)=>{
|
|
2540
|
-
if (!corePlugins("borderOpacity")) {
|
|
2541
|
-
return {
|
|
2542
|
-
"border-color": (0, _toColorValue.default)(value)
|
|
2543
|
-
};
|
|
2544
|
-
}
|
|
2545
|
-
return (0, _withAlphaVariable.default)({
|
|
2244
|
+
border: (value)=>corePlugins("borderOpacity") ? (0, _withAlphaVariable.default)({
|
|
2546
2245
|
color: value,
|
|
2547
2246
|
property: "border-color",
|
|
2548
2247
|
variable: "--tw-border-opacity"
|
|
2549
|
-
})
|
|
2550
|
-
|
|
2248
|
+
}) : {
|
|
2249
|
+
"border-color": (0, _toColorValue.default)(value)
|
|
2250
|
+
}
|
|
2551
2251
|
}, {
|
|
2552
2252
|
values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("borderColor"))),
|
|
2553
2253
|
type: [
|
|
2554
2254
|
"color",
|
|
2555
2255
|
"any"
|
|
2556
2256
|
]
|
|
2557
|
-
})
|
|
2558
|
-
|
|
2559
|
-
"border-x": (value)=>{
|
|
2560
|
-
if (!corePlugins("borderOpacity")) {
|
|
2561
|
-
return {
|
|
2562
|
-
"border-left-color": (0, _toColorValue.default)(value),
|
|
2563
|
-
"border-right-color": (0, _toColorValue.default)(value)
|
|
2564
|
-
};
|
|
2565
|
-
}
|
|
2566
|
-
return (0, _withAlphaVariable.default)({
|
|
2257
|
+
}), matchUtilities({
|
|
2258
|
+
"border-x": (value)=>corePlugins("borderOpacity") ? (0, _withAlphaVariable.default)({
|
|
2567
2259
|
color: value,
|
|
2568
2260
|
property: [
|
|
2569
2261
|
"border-left-color",
|
|
2570
2262
|
"border-right-color"
|
|
2571
2263
|
],
|
|
2572
2264
|
variable: "--tw-border-opacity"
|
|
2573
|
-
})
|
|
2574
|
-
|
|
2575
|
-
|
|
2576
|
-
|
|
2577
|
-
|
|
2578
|
-
"border-top-color": (0, _toColorValue.default)(value),
|
|
2579
|
-
"border-bottom-color": (0, _toColorValue.default)(value)
|
|
2580
|
-
};
|
|
2581
|
-
}
|
|
2582
|
-
return (0, _withAlphaVariable.default)({
|
|
2265
|
+
}) : {
|
|
2266
|
+
"border-left-color": (0, _toColorValue.default)(value),
|
|
2267
|
+
"border-right-color": (0, _toColorValue.default)(value)
|
|
2268
|
+
},
|
|
2269
|
+
"border-y": (value)=>corePlugins("borderOpacity") ? (0, _withAlphaVariable.default)({
|
|
2583
2270
|
color: value,
|
|
2584
2271
|
property: [
|
|
2585
2272
|
"border-top-color",
|
|
2586
2273
|
"border-bottom-color"
|
|
2587
2274
|
],
|
|
2588
2275
|
variable: "--tw-border-opacity"
|
|
2589
|
-
})
|
|
2590
|
-
|
|
2276
|
+
}) : {
|
|
2277
|
+
"border-top-color": (0, _toColorValue.default)(value),
|
|
2278
|
+
"border-bottom-color": (0, _toColorValue.default)(value)
|
|
2279
|
+
}
|
|
2591
2280
|
}, {
|
|
2592
2281
|
values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("borderColor"))),
|
|
2593
2282
|
type: [
|
|
2594
2283
|
"color",
|
|
2595
2284
|
"any"
|
|
2596
2285
|
]
|
|
2597
|
-
})
|
|
2598
|
-
|
|
2599
|
-
"border-s": (value)=>{
|
|
2600
|
-
if (!corePlugins("borderOpacity")) {
|
|
2601
|
-
return {
|
|
2602
|
-
"border-inline-start-color": (0, _toColorValue.default)(value)
|
|
2603
|
-
};
|
|
2604
|
-
}
|
|
2605
|
-
return (0, _withAlphaVariable.default)({
|
|
2286
|
+
}), matchUtilities({
|
|
2287
|
+
"border-s": (value)=>corePlugins("borderOpacity") ? (0, _withAlphaVariable.default)({
|
|
2606
2288
|
color: value,
|
|
2607
2289
|
property: "border-inline-start-color",
|
|
2608
2290
|
variable: "--tw-border-opacity"
|
|
2609
|
-
})
|
|
2610
|
-
|
|
2611
|
-
|
|
2612
|
-
|
|
2613
|
-
return {
|
|
2614
|
-
"border-inline-end-color": (0, _toColorValue.default)(value)
|
|
2615
|
-
};
|
|
2616
|
-
}
|
|
2617
|
-
return (0, _withAlphaVariable.default)({
|
|
2291
|
+
}) : {
|
|
2292
|
+
"border-inline-start-color": (0, _toColorValue.default)(value)
|
|
2293
|
+
},
|
|
2294
|
+
"border-e": (value)=>corePlugins("borderOpacity") ? (0, _withAlphaVariable.default)({
|
|
2618
2295
|
color: value,
|
|
2619
2296
|
property: "border-inline-end-color",
|
|
2620
2297
|
variable: "--tw-border-opacity"
|
|
2621
|
-
})
|
|
2622
|
-
|
|
2623
|
-
|
|
2624
|
-
|
|
2625
|
-
return {
|
|
2626
|
-
"border-top-color": (0, _toColorValue.default)(value)
|
|
2627
|
-
};
|
|
2628
|
-
}
|
|
2629
|
-
return (0, _withAlphaVariable.default)({
|
|
2298
|
+
}) : {
|
|
2299
|
+
"border-inline-end-color": (0, _toColorValue.default)(value)
|
|
2300
|
+
},
|
|
2301
|
+
"border-t": (value)=>corePlugins("borderOpacity") ? (0, _withAlphaVariable.default)({
|
|
2630
2302
|
color: value,
|
|
2631
2303
|
property: "border-top-color",
|
|
2632
2304
|
variable: "--tw-border-opacity"
|
|
2633
|
-
})
|
|
2634
|
-
|
|
2635
|
-
|
|
2636
|
-
|
|
2637
|
-
return {
|
|
2638
|
-
"border-right-color": (0, _toColorValue.default)(value)
|
|
2639
|
-
};
|
|
2640
|
-
}
|
|
2641
|
-
return (0, _withAlphaVariable.default)({
|
|
2305
|
+
}) : {
|
|
2306
|
+
"border-top-color": (0, _toColorValue.default)(value)
|
|
2307
|
+
},
|
|
2308
|
+
"border-r": (value)=>corePlugins("borderOpacity") ? (0, _withAlphaVariable.default)({
|
|
2642
2309
|
color: value,
|
|
2643
2310
|
property: "border-right-color",
|
|
2644
2311
|
variable: "--tw-border-opacity"
|
|
2645
|
-
})
|
|
2646
|
-
|
|
2647
|
-
|
|
2648
|
-
|
|
2649
|
-
return {
|
|
2650
|
-
"border-bottom-color": (0, _toColorValue.default)(value)
|
|
2651
|
-
};
|
|
2652
|
-
}
|
|
2653
|
-
return (0, _withAlphaVariable.default)({
|
|
2312
|
+
}) : {
|
|
2313
|
+
"border-right-color": (0, _toColorValue.default)(value)
|
|
2314
|
+
},
|
|
2315
|
+
"border-b": (value)=>corePlugins("borderOpacity") ? (0, _withAlphaVariable.default)({
|
|
2654
2316
|
color: value,
|
|
2655
2317
|
property: "border-bottom-color",
|
|
2656
2318
|
variable: "--tw-border-opacity"
|
|
2657
|
-
})
|
|
2658
|
-
|
|
2659
|
-
|
|
2660
|
-
|
|
2661
|
-
return {
|
|
2662
|
-
"border-left-color": (0, _toColorValue.default)(value)
|
|
2663
|
-
};
|
|
2664
|
-
}
|
|
2665
|
-
return (0, _withAlphaVariable.default)({
|
|
2319
|
+
}) : {
|
|
2320
|
+
"border-bottom-color": (0, _toColorValue.default)(value)
|
|
2321
|
+
},
|
|
2322
|
+
"border-l": (value)=>corePlugins("borderOpacity") ? (0, _withAlphaVariable.default)({
|
|
2666
2323
|
color: value,
|
|
2667
2324
|
property: "border-left-color",
|
|
2668
2325
|
variable: "--tw-border-opacity"
|
|
2669
|
-
})
|
|
2670
|
-
|
|
2326
|
+
}) : {
|
|
2327
|
+
"border-left-color": (0, _toColorValue.default)(value)
|
|
2328
|
+
}
|
|
2671
2329
|
}, {
|
|
2672
2330
|
values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette.default)(theme("borderColor"))),
|
|
2673
2331
|
type: [
|
|
@@ -2686,18 +2344,13 @@ let corePlugins = {
|
|
|
2686
2344
|
]),
|
|
2687
2345
|
backgroundColor: ({ matchUtilities , theme , corePlugins })=>{
|
|
2688
2346
|
matchUtilities({
|
|
2689
|
-
bg: (value)=>{
|
|
2690
|
-
if (!corePlugins("backgroundOpacity")) {
|
|
2691
|
-
return {
|
|
2692
|
-
"background-color": (0, _toColorValue.default)(value)
|
|
2693
|
-
};
|
|
2694
|
-
}
|
|
2695
|
-
return (0, _withAlphaVariable.default)({
|
|
2347
|
+
bg: (value)=>corePlugins("backgroundOpacity") ? (0, _withAlphaVariable.default)({
|
|
2696
2348
|
color: value,
|
|
2697
2349
|
property: "background-color",
|
|
2698
2350
|
variable: "--tw-bg-opacity"
|
|
2699
|
-
})
|
|
2700
|
-
|
|
2351
|
+
}) : {
|
|
2352
|
+
"background-color": (0, _toColorValue.default)(value)
|
|
2353
|
+
}
|
|
2701
2354
|
}, {
|
|
2702
2355
|
values: (0, _flattenColorPalette.default)(theme("backgroundColor")),
|
|
2703
2356
|
type: [
|
|
@@ -2732,15 +2385,19 @@ let corePlugins = {
|
|
|
2732
2385
|
function transparentTo(value) {
|
|
2733
2386
|
return (0, _withAlphaVariable.withAlphaValue)(value, 0, "rgb(255 255 255 / 0)");
|
|
2734
2387
|
}
|
|
2735
|
-
return function({ matchUtilities , theme }) {
|
|
2388
|
+
return function({ matchUtilities , theme , addDefaults }) {
|
|
2389
|
+
addDefaults("gradient-color-stops", {
|
|
2390
|
+
"--tw-gradient-from-position": " ",
|
|
2391
|
+
"--tw-gradient-via-position": " ",
|
|
2392
|
+
"--tw-gradient-to-position": " "
|
|
2393
|
+
});
|
|
2736
2394
|
let options = {
|
|
2737
2395
|
values: (0, _flattenColorPalette.default)(theme("gradientColorStops")),
|
|
2738
2396
|
type: [
|
|
2739
2397
|
"color",
|
|
2740
2398
|
"any"
|
|
2741
2399
|
]
|
|
2742
|
-
}
|
|
2743
|
-
let positionOptions = {
|
|
2400
|
+
}, positionOptions = {
|
|
2744
2401
|
values: theme("gradientColorStopPositions"),
|
|
2745
2402
|
type: [
|
|
2746
2403
|
"length",
|
|
@@ -2751,51 +2408,35 @@ let corePlugins = {
|
|
|
2751
2408
|
from: (value)=>{
|
|
2752
2409
|
let transparentToValue = transparentTo(value);
|
|
2753
2410
|
return {
|
|
2754
|
-
"
|
|
2755
|
-
"--tw-gradient-from
|
|
2756
|
-
"--tw-gradient-to": `${transparentToValue}
|
|
2757
|
-
"--tw-gradient-
|
|
2758
|
-
"--tw-gradient-stops": `var(--tw-gradient-from), var(--tw-gradient-to)`
|
|
2411
|
+
"@defaults gradient-color-stops": {},
|
|
2412
|
+
"--tw-gradient-from": `${(0, _toColorValue.default)(value)} var(--tw-gradient-from-position)`,
|
|
2413
|
+
"--tw-gradient-to": `${transparentToValue} var(--tw-gradient-to-position)`,
|
|
2414
|
+
"--tw-gradient-stops": "var(--tw-gradient-from), var(--tw-gradient-to)"
|
|
2759
2415
|
};
|
|
2760
2416
|
}
|
|
2761
|
-
}, options)
|
|
2762
|
-
|
|
2763
|
-
from: (value)=>{
|
|
2764
|
-
return {
|
|
2417
|
+
}, options), matchUtilities({
|
|
2418
|
+
from: (value)=>({
|
|
2765
2419
|
"--tw-gradient-from-position": value
|
|
2766
|
-
}
|
|
2767
|
-
|
|
2768
|
-
|
|
2769
|
-
|
|
2770
|
-
|
|
2771
|
-
|
|
2772
|
-
|
|
2773
|
-
|
|
2774
|
-
|
|
2775
|
-
"--tw-gradient-to-position": " ",
|
|
2776
|
-
"--tw-gradient-stops": `var(--tw-gradient-from), ${(0, _toColorValue.default)(value, "via")} var(--tw-gradient-via-position), var(--tw-gradient-to)`
|
|
2777
|
-
};
|
|
2778
|
-
}
|
|
2779
|
-
}, options);
|
|
2780
|
-
matchUtilities({
|
|
2781
|
-
via: (value)=>{
|
|
2782
|
-
return {
|
|
2420
|
+
})
|
|
2421
|
+
}, positionOptions), matchUtilities({
|
|
2422
|
+
via: (value)=>({
|
|
2423
|
+
"@defaults gradient-color-stops": {},
|
|
2424
|
+
"--tw-gradient-to": `${transparentTo(value)} var(--tw-gradient-to-position)`,
|
|
2425
|
+
"--tw-gradient-stops": `var(--tw-gradient-from), ${(0, _toColorValue.default)(value)} var(--tw-gradient-via-position), var(--tw-gradient-to)`
|
|
2426
|
+
})
|
|
2427
|
+
}, options), matchUtilities({
|
|
2428
|
+
via: (value)=>({
|
|
2783
2429
|
"--tw-gradient-via-position": value
|
|
2784
|
-
}
|
|
2785
|
-
|
|
2786
|
-
}, positionOptions);
|
|
2787
|
-
matchUtilities({
|
|
2430
|
+
})
|
|
2431
|
+
}, positionOptions), matchUtilities({
|
|
2788
2432
|
to: (value)=>({
|
|
2789
|
-
"
|
|
2790
|
-
"--tw-gradient-to
|
|
2433
|
+
"@defaults gradient-color-stops": {},
|
|
2434
|
+
"--tw-gradient-to": `${(0, _toColorValue.default)(value)} var(--tw-gradient-to-position)`
|
|
2791
2435
|
})
|
|
2792
|
-
}, options)
|
|
2793
|
-
|
|
2794
|
-
to: (value)=>{
|
|
2795
|
-
return {
|
|
2436
|
+
}, options), matchUtilities({
|
|
2437
|
+
to: (value)=>({
|
|
2796
2438
|
"--tw-gradient-to-position": value
|
|
2797
|
-
}
|
|
2798
|
-
}
|
|
2439
|
+
})
|
|
2799
2440
|
}, positionOptions);
|
|
2800
2441
|
};
|
|
2801
2442
|
})(),
|
|
@@ -2872,7 +2513,7 @@ let corePlugins = {
|
|
|
2872
2513
|
[
|
|
2873
2514
|
"position",
|
|
2874
2515
|
{
|
|
2875
|
-
preferOnConflict:
|
|
2516
|
+
preferOnConflict: !0
|
|
2876
2517
|
}
|
|
2877
2518
|
]
|
|
2878
2519
|
]
|
|
@@ -2914,11 +2555,9 @@ let corePlugins = {
|
|
|
2914
2555
|
},
|
|
2915
2556
|
fill: ({ matchUtilities , theme })=>{
|
|
2916
2557
|
matchUtilities({
|
|
2917
|
-
fill: (value)=>{
|
|
2918
|
-
return {
|
|
2558
|
+
fill: (value)=>({
|
|
2919
2559
|
fill: (0, _toColorValue.default)(value)
|
|
2920
|
-
}
|
|
2921
|
-
}
|
|
2560
|
+
})
|
|
2922
2561
|
}, {
|
|
2923
2562
|
values: (0, _flattenColorPalette.default)(theme("fill")),
|
|
2924
2563
|
type: [
|
|
@@ -2929,11 +2568,9 @@ let corePlugins = {
|
|
|
2929
2568
|
},
|
|
2930
2569
|
stroke: ({ matchUtilities , theme })=>{
|
|
2931
2570
|
matchUtilities({
|
|
2932
|
-
stroke: (value)=>{
|
|
2933
|
-
return {
|
|
2571
|
+
stroke: (value)=>({
|
|
2934
2572
|
stroke: (0, _toColorValue.default)(value)
|
|
2935
|
-
}
|
|
2936
|
-
}
|
|
2573
|
+
})
|
|
2937
2574
|
}, {
|
|
2938
2575
|
values: (0, _flattenColorPalette.default)(theme("stroke")),
|
|
2939
2576
|
type: [
|
|
@@ -3076,7 +2713,7 @@ let corePlugins = {
|
|
|
3076
2713
|
]
|
|
3077
2714
|
]
|
|
3078
2715
|
], {
|
|
3079
|
-
supportsNegativeValues:
|
|
2716
|
+
supportsNegativeValues: !0
|
|
3080
2717
|
}),
|
|
3081
2718
|
verticalAlign: ({ addUtilities , matchUtilities })=>{
|
|
3082
2719
|
addUtilities({
|
|
@@ -3104,8 +2741,7 @@ let corePlugins = {
|
|
|
3104
2741
|
".align-super": {
|
|
3105
2742
|
"vertical-align": "super"
|
|
3106
2743
|
}
|
|
3107
|
-
})
|
|
3108
|
-
matchUtilities({
|
|
2744
|
+
}), matchUtilities({
|
|
3109
2745
|
align: (value)=>({
|
|
3110
2746
|
"vertical-align": value
|
|
3111
2747
|
})
|
|
@@ -3116,14 +2752,13 @@ let corePlugins = {
|
|
|
3116
2752
|
font: (value)=>{
|
|
3117
2753
|
let [families, options = {}] = Array.isArray(value) && (0, _isPlainObject.default)(value[1]) ? value : [
|
|
3118
2754
|
value
|
|
3119
|
-
];
|
|
3120
|
-
let { fontFeatureSettings , fontVariationSettings } = options;
|
|
2755
|
+
], { fontFeatureSettings , fontVariationSettings } = options;
|
|
3121
2756
|
return {
|
|
3122
2757
|
"font-family": Array.isArray(families) ? families.join(", ") : families,
|
|
3123
|
-
...
|
|
2758
|
+
...void 0 === fontFeatureSettings ? {} : {
|
|
3124
2759
|
"font-feature-settings": fontFeatureSettings
|
|
3125
2760
|
},
|
|
3126
|
-
...
|
|
2761
|
+
...void 0 === fontVariationSettings ? {} : {
|
|
3127
2762
|
"font-variation-settings": fontVariationSettings
|
|
3128
2763
|
}
|
|
3129
2764
|
};
|
|
@@ -3143,24 +2778,22 @@ let corePlugins = {
|
|
|
3143
2778
|
let [fontSize, options] = Array.isArray(value) ? value : [
|
|
3144
2779
|
value
|
|
3145
2780
|
];
|
|
3146
|
-
if (modifier) {
|
|
3147
|
-
|
|
3148
|
-
|
|
3149
|
-
|
|
3150
|
-
};
|
|
3151
|
-
}
|
|
2781
|
+
if (modifier) return {
|
|
2782
|
+
"font-size": fontSize,
|
|
2783
|
+
"line-height": modifier
|
|
2784
|
+
};
|
|
3152
2785
|
let { lineHeight , letterSpacing , fontWeight } = (0, _isPlainObject.default)(options) ? options : {
|
|
3153
2786
|
lineHeight: options
|
|
3154
2787
|
};
|
|
3155
2788
|
return {
|
|
3156
2789
|
"font-size": fontSize,
|
|
3157
|
-
...
|
|
2790
|
+
...void 0 === lineHeight ? {} : {
|
|
3158
2791
|
"line-height": lineHeight
|
|
3159
2792
|
},
|
|
3160
|
-
...
|
|
2793
|
+
...void 0 === letterSpacing ? {} : {
|
|
3161
2794
|
"letter-spacing": letterSpacing
|
|
3162
2795
|
},
|
|
3163
|
-
...
|
|
2796
|
+
...void 0 === fontWeight ? {} : {
|
|
3164
2797
|
"font-weight": fontWeight
|
|
3165
2798
|
}
|
|
3166
2799
|
};
|
|
@@ -3224,8 +2857,7 @@ let corePlugins = {
|
|
|
3224
2857
|
"--tw-numeric-figure": " ",
|
|
3225
2858
|
"--tw-numeric-spacing": " ",
|
|
3226
2859
|
"--tw-numeric-fraction": " "
|
|
3227
|
-
})
|
|
3228
|
-
addUtilities({
|
|
2860
|
+
}), addUtilities({
|
|
3229
2861
|
".normal-nums": {
|
|
3230
2862
|
"font-variant-numeric": "normal"
|
|
3231
2863
|
},
|
|
@@ -3287,22 +2919,17 @@ let corePlugins = {
|
|
|
3287
2919
|
]
|
|
3288
2920
|
]
|
|
3289
2921
|
], {
|
|
3290
|
-
supportsNegativeValues:
|
|
2922
|
+
supportsNegativeValues: !0
|
|
3291
2923
|
}),
|
|
3292
2924
|
textColor: ({ matchUtilities , theme , corePlugins })=>{
|
|
3293
2925
|
matchUtilities({
|
|
3294
|
-
text: (value)=>{
|
|
3295
|
-
if (!corePlugins("textOpacity")) {
|
|
3296
|
-
return {
|
|
3297
|
-
color: (0, _toColorValue.default)(value)
|
|
3298
|
-
};
|
|
3299
|
-
}
|
|
3300
|
-
return (0, _withAlphaVariable.default)({
|
|
2926
|
+
text: (value)=>corePlugins("textOpacity") ? (0, _withAlphaVariable.default)({
|
|
3301
2927
|
color: value,
|
|
3302
2928
|
property: "color",
|
|
3303
2929
|
variable: "--tw-text-opacity"
|
|
3304
|
-
})
|
|
3305
|
-
|
|
2930
|
+
}) : {
|
|
2931
|
+
color: (0, _toColorValue.default)(value)
|
|
2932
|
+
}
|
|
3306
2933
|
}, {
|
|
3307
2934
|
values: (0, _flattenColorPalette.default)(theme("textColor")),
|
|
3308
2935
|
type: [
|
|
@@ -3337,11 +2964,9 @@ let corePlugins = {
|
|
|
3337
2964
|
},
|
|
3338
2965
|
textDecorationColor: ({ matchUtilities , theme })=>{
|
|
3339
2966
|
matchUtilities({
|
|
3340
|
-
decoration: (value)=>{
|
|
3341
|
-
return {
|
|
2967
|
+
decoration: (value)=>({
|
|
3342
2968
|
"text-decoration-color": (0, _toColorValue.default)(value)
|
|
3343
|
-
}
|
|
3344
|
-
}
|
|
2969
|
+
})
|
|
3345
2970
|
}, {
|
|
3346
2971
|
values: (0, _flattenColorPalette.default)(theme("textDecorationColor")),
|
|
3347
2972
|
type: [
|
|
@@ -3410,22 +3035,17 @@ let corePlugins = {
|
|
|
3410
3035
|
},
|
|
3411
3036
|
placeholderColor: ({ matchUtilities , theme , corePlugins })=>{
|
|
3412
3037
|
matchUtilities({
|
|
3413
|
-
placeholder: (value)=>{
|
|
3414
|
-
if (!corePlugins("placeholderOpacity")) {
|
|
3415
|
-
return {
|
|
3416
|
-
"&::placeholder": {
|
|
3417
|
-
color: (0, _toColorValue.default)(value)
|
|
3418
|
-
}
|
|
3419
|
-
};
|
|
3420
|
-
}
|
|
3421
|
-
return {
|
|
3038
|
+
placeholder: (value)=>corePlugins("placeholderOpacity") ? {
|
|
3422
3039
|
"&::placeholder": (0, _withAlphaVariable.default)({
|
|
3423
3040
|
color: value,
|
|
3424
3041
|
property: "color",
|
|
3425
3042
|
variable: "--tw-placeholder-opacity"
|
|
3426
3043
|
})
|
|
3427
|
-
}
|
|
3428
|
-
|
|
3044
|
+
} : {
|
|
3045
|
+
"&::placeholder": {
|
|
3046
|
+
color: (0, _toColorValue.default)(value)
|
|
3047
|
+
}
|
|
3048
|
+
}
|
|
3429
3049
|
}, {
|
|
3430
3050
|
values: (0, _flattenColorPalette.default)(theme("placeholderColor")),
|
|
3431
3051
|
type: [
|
|
@@ -3436,24 +3056,20 @@ let corePlugins = {
|
|
|
3436
3056
|
},
|
|
3437
3057
|
placeholderOpacity: ({ matchUtilities , theme })=>{
|
|
3438
3058
|
matchUtilities({
|
|
3439
|
-
"placeholder-opacity": (value)=>{
|
|
3440
|
-
|
|
3441
|
-
["&::placeholder"]: {
|
|
3059
|
+
"placeholder-opacity": (value)=>({
|
|
3060
|
+
"&::placeholder": {
|
|
3442
3061
|
"--tw-placeholder-opacity": value
|
|
3443
3062
|
}
|
|
3444
|
-
}
|
|
3445
|
-
}
|
|
3063
|
+
})
|
|
3446
3064
|
}, {
|
|
3447
3065
|
values: theme("placeholderOpacity")
|
|
3448
3066
|
});
|
|
3449
3067
|
},
|
|
3450
3068
|
caretColor: ({ matchUtilities , theme })=>{
|
|
3451
3069
|
matchUtilities({
|
|
3452
|
-
caret: (value)=>{
|
|
3453
|
-
return {
|
|
3070
|
+
caret: (value)=>({
|
|
3454
3071
|
"caret-color": (0, _toColorValue.default)(value)
|
|
3455
|
-
}
|
|
3456
|
-
}
|
|
3072
|
+
})
|
|
3457
3073
|
}, {
|
|
3458
3074
|
values: (0, _flattenColorPalette.default)(theme("caretColor")),
|
|
3459
3075
|
type: [
|
|
@@ -3464,11 +3080,9 @@ let corePlugins = {
|
|
|
3464
3080
|
},
|
|
3465
3081
|
accentColor: ({ matchUtilities , theme })=>{
|
|
3466
3082
|
matchUtilities({
|
|
3467
|
-
accent: (value)=>{
|
|
3468
|
-
return {
|
|
3083
|
+
accent: (value)=>({
|
|
3469
3084
|
"accent-color": (0, _toColorValue.default)(value)
|
|
3470
|
-
}
|
|
3471
|
-
}
|
|
3085
|
+
})
|
|
3472
3086
|
}, {
|
|
3473
3087
|
values: (0, _flattenColorPalette.default)(theme("accentColor")),
|
|
3474
3088
|
type: [
|
|
@@ -3594,34 +3208,22 @@ let corePlugins = {
|
|
|
3594
3208
|
},
|
|
3595
3209
|
boxShadow: (()=>{
|
|
3596
3210
|
let transformValue = (0, _transformThemeValue.default)("boxShadow");
|
|
3597
|
-
let defaultBoxShadow = [
|
|
3598
|
-
`var(--tw-ring-offset-shadow, 0 0 #0000)`,
|
|
3599
|
-
`var(--tw-ring-shadow, 0 0 #0000)`,
|
|
3600
|
-
`var(--tw-shadow)`
|
|
3601
|
-
].join(", ");
|
|
3602
3211
|
return function({ matchUtilities , addDefaults , theme }) {
|
|
3603
3212
|
addDefaults(" box-shadow", {
|
|
3604
3213
|
"--tw-ring-offset-shadow": "0 0 #0000",
|
|
3605
3214
|
"--tw-ring-shadow": "0 0 #0000",
|
|
3606
3215
|
"--tw-shadow": "0 0 #0000",
|
|
3607
3216
|
"--tw-shadow-colored": "0 0 #0000"
|
|
3608
|
-
})
|
|
3609
|
-
matchUtilities({
|
|
3217
|
+
}), matchUtilities({
|
|
3610
3218
|
shadow: (value)=>{
|
|
3611
3219
|
value = transformValue(value);
|
|
3612
3220
|
let ast = (0, _parseBoxShadowValue.parseBoxShadowValue)(value);
|
|
3613
|
-
for (let shadow of ast)
|
|
3614
|
-
// Don't override color if the whole shadow is a variable
|
|
3615
|
-
if (!shadow.valid) {
|
|
3616
|
-
continue;
|
|
3617
|
-
}
|
|
3618
|
-
shadow.color = "var(--tw-shadow-color)";
|
|
3619
|
-
}
|
|
3221
|
+
for (let shadow of ast)shadow.valid && (shadow.color = "var(--tw-shadow-color)");
|
|
3620
3222
|
return {
|
|
3621
3223
|
"@defaults box-shadow": {},
|
|
3622
|
-
"--tw-shadow":
|
|
3623
|
-
"--tw-shadow-colored":
|
|
3624
|
-
"box-shadow":
|
|
3224
|
+
"--tw-shadow": "none" === value ? "0 0 #0000" : value,
|
|
3225
|
+
"--tw-shadow-colored": "none" === value ? "0 0 #0000" : (0, _parseBoxShadowValue.formatBoxShadowValue)(ast),
|
|
3226
|
+
"box-shadow": "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"
|
|
3625
3227
|
};
|
|
3626
3228
|
}
|
|
3627
3229
|
}, {
|
|
@@ -3634,12 +3236,10 @@ let corePlugins = {
|
|
|
3634
3236
|
})(),
|
|
3635
3237
|
boxShadowColor: ({ matchUtilities , theme })=>{
|
|
3636
3238
|
matchUtilities({
|
|
3637
|
-
shadow: (value)=>{
|
|
3638
|
-
return {
|
|
3239
|
+
shadow: (value)=>({
|
|
3639
3240
|
"--tw-shadow-color": (0, _toColorValue.default)(value),
|
|
3640
3241
|
"--tw-shadow": "var(--tw-shadow-colored)"
|
|
3641
|
-
}
|
|
3642
|
-
}
|
|
3242
|
+
})
|
|
3643
3243
|
}, {
|
|
3644
3244
|
values: (0, _flattenColorPalette.default)(theme("boxShadowColor")),
|
|
3645
3245
|
type: [
|
|
@@ -3696,15 +3296,13 @@ let corePlugins = {
|
|
|
3696
3296
|
"percentage",
|
|
3697
3297
|
"any"
|
|
3698
3298
|
],
|
|
3699
|
-
supportsNegativeValues:
|
|
3299
|
+
supportsNegativeValues: !0
|
|
3700
3300
|
}),
|
|
3701
3301
|
outlineColor: ({ matchUtilities , theme })=>{
|
|
3702
3302
|
matchUtilities({
|
|
3703
|
-
outline: (value)=>{
|
|
3704
|
-
return {
|
|
3303
|
+
outline: (value)=>({
|
|
3705
3304
|
"outline-color": (0, _toColorValue.default)(value)
|
|
3706
|
-
}
|
|
3707
|
-
}
|
|
3305
|
+
})
|
|
3708
3306
|
}, {
|
|
3709
3307
|
values: (0, _flattenColorPalette.default)(theme("outlineColor")),
|
|
3710
3308
|
type: [
|
|
@@ -3716,14 +3314,9 @@ let corePlugins = {
|
|
|
3716
3314
|
ringWidth: ({ matchUtilities , addDefaults , addUtilities , theme , config })=>{
|
|
3717
3315
|
let ringColorDefault = (()=>{
|
|
3718
3316
|
var _theme, _theme1;
|
|
3719
|
-
if ((0, _featureFlags.flagEnabled)(config(), "respectDefaultRingColorOpacity"))
|
|
3720
|
-
return theme("ringColor.DEFAULT");
|
|
3721
|
-
}
|
|
3317
|
+
if ((0, _featureFlags.flagEnabled)(config(), "respectDefaultRingColorOpacity")) return theme("ringColor.DEFAULT");
|
|
3722
3318
|
let ringOpacityDefault = theme("ringOpacity.DEFAULT", "0.5");
|
|
3723
|
-
|
|
3724
|
-
return `rgb(147 197 253 / ${ringOpacityDefault})`;
|
|
3725
|
-
}
|
|
3726
|
-
return (0, _withAlphaVariable.withAlphaValue)((_theme1 = theme("ringColor")) === null || _theme1 === void 0 ? void 0 : _theme1.DEFAULT, ringOpacityDefault, `rgb(147 197 253 / ${ringOpacityDefault})`);
|
|
3319
|
+
return (null === (_theme = theme("ringColor")) || void 0 === _theme ? void 0 : _theme.DEFAULT) ? (0, _withAlphaVariable.withAlphaValue)(null === (_theme1 = theme("ringColor")) || void 0 === _theme1 ? void 0 : _theme1.DEFAULT, ringOpacityDefault, `rgb(147 197 253 / ${ringOpacityDefault})`) : `rgb(147 197 253 / ${ringOpacityDefault})`;
|
|
3727
3320
|
})();
|
|
3728
3321
|
addDefaults("ring-width", {
|
|
3729
3322
|
"--tw-ring-inset": " ",
|
|
@@ -3734,25 +3327,17 @@ let corePlugins = {
|
|
|
3734
3327
|
"--tw-ring-shadow": "0 0 #0000",
|
|
3735
3328
|
"--tw-shadow": "0 0 #0000",
|
|
3736
3329
|
"--tw-shadow-colored": "0 0 #0000"
|
|
3737
|
-
})
|
|
3738
|
-
|
|
3739
|
-
ring: (value)=>{
|
|
3740
|
-
return {
|
|
3330
|
+
}), matchUtilities({
|
|
3331
|
+
ring: (value)=>({
|
|
3741
3332
|
"@defaults ring-width": {},
|
|
3742
|
-
"--tw-ring-offset-shadow":
|
|
3333
|
+
"--tw-ring-offset-shadow": "var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)",
|
|
3743
3334
|
"--tw-ring-shadow": `var(--tw-ring-inset) 0 0 0 calc(${value} + var(--tw-ring-offset-width)) var(--tw-ring-color)`,
|
|
3744
|
-
"box-shadow":
|
|
3745
|
-
|
|
3746
|
-
`var(--tw-ring-shadow)`,
|
|
3747
|
-
`var(--tw-shadow, 0 0 #0000)`
|
|
3748
|
-
].join(", ")
|
|
3749
|
-
};
|
|
3750
|
-
}
|
|
3335
|
+
"box-shadow": "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)"
|
|
3336
|
+
})
|
|
3751
3337
|
}, {
|
|
3752
3338
|
values: theme("ringWidth"),
|
|
3753
3339
|
type: "length"
|
|
3754
|
-
})
|
|
3755
|
-
addUtilities({
|
|
3340
|
+
}), addUtilities({
|
|
3756
3341
|
".ring-inset": {
|
|
3757
3342
|
"@defaults ring-width": {},
|
|
3758
3343
|
"--tw-ring-inset": "inset"
|
|
@@ -3761,20 +3346,15 @@ let corePlugins = {
|
|
|
3761
3346
|
},
|
|
3762
3347
|
ringColor: ({ matchUtilities , theme , corePlugins })=>{
|
|
3763
3348
|
matchUtilities({
|
|
3764
|
-
ring: (value)=>{
|
|
3765
|
-
if (!corePlugins("ringOpacity")) {
|
|
3766
|
-
return {
|
|
3767
|
-
"--tw-ring-color": (0, _toColorValue.default)(value)
|
|
3768
|
-
};
|
|
3769
|
-
}
|
|
3770
|
-
return (0, _withAlphaVariable.default)({
|
|
3349
|
+
ring: (value)=>corePlugins("ringOpacity") ? (0, _withAlphaVariable.default)({
|
|
3771
3350
|
color: value,
|
|
3772
3351
|
property: "--tw-ring-color",
|
|
3773
3352
|
variable: "--tw-ring-opacity"
|
|
3774
|
-
})
|
|
3775
|
-
|
|
3353
|
+
}) : {
|
|
3354
|
+
"--tw-ring-color": (0, _toColorValue.default)(value)
|
|
3355
|
+
}
|
|
3776
3356
|
}, {
|
|
3777
|
-
values: Object.fromEntries(Object.entries((0, _flattenColorPalette.default)(theme("ringColor"))).filter(([modifier])=>
|
|
3357
|
+
values: Object.fromEntries(Object.entries((0, _flattenColorPalette.default)(theme("ringColor"))).filter(([modifier])=>"DEFAULT" !== modifier)),
|
|
3778
3358
|
type: [
|
|
3779
3359
|
"color",
|
|
3780
3360
|
"any"
|
|
@@ -3806,11 +3386,9 @@ let corePlugins = {
|
|
|
3806
3386
|
}),
|
|
3807
3387
|
ringOffsetColor: ({ matchUtilities , theme })=>{
|
|
3808
3388
|
matchUtilities({
|
|
3809
|
-
"ring-offset": (value)=>{
|
|
3810
|
-
return {
|
|
3389
|
+
"ring-offset": (value)=>({
|
|
3811
3390
|
"--tw-ring-offset-color": (0, _toColorValue.default)(value)
|
|
3812
|
-
}
|
|
3813
|
-
}
|
|
3391
|
+
})
|
|
3814
3392
|
}, {
|
|
3815
3393
|
values: (0, _flattenColorPalette.default)(theme("ringOffsetColor")),
|
|
3816
3394
|
type: [
|
|
@@ -3821,118 +3399,100 @@ let corePlugins = {
|
|
|
3821
3399
|
},
|
|
3822
3400
|
blur: ({ matchUtilities , theme })=>{
|
|
3823
3401
|
matchUtilities({
|
|
3824
|
-
blur: (value)=>{
|
|
3825
|
-
return {
|
|
3402
|
+
blur: (value)=>({
|
|
3826
3403
|
"--tw-blur": `blur(${value})`,
|
|
3827
3404
|
"@defaults filter": {},
|
|
3828
3405
|
filter: cssFilterValue
|
|
3829
|
-
}
|
|
3830
|
-
}
|
|
3406
|
+
})
|
|
3831
3407
|
}, {
|
|
3832
3408
|
values: theme("blur")
|
|
3833
3409
|
});
|
|
3834
3410
|
},
|
|
3835
3411
|
brightness: ({ matchUtilities , theme })=>{
|
|
3836
3412
|
matchUtilities({
|
|
3837
|
-
brightness: (value)=>{
|
|
3838
|
-
return {
|
|
3413
|
+
brightness: (value)=>({
|
|
3839
3414
|
"--tw-brightness": `brightness(${value})`,
|
|
3840
3415
|
"@defaults filter": {},
|
|
3841
3416
|
filter: cssFilterValue
|
|
3842
|
-
}
|
|
3843
|
-
}
|
|
3417
|
+
})
|
|
3844
3418
|
}, {
|
|
3845
3419
|
values: theme("brightness")
|
|
3846
3420
|
});
|
|
3847
3421
|
},
|
|
3848
3422
|
contrast: ({ matchUtilities , theme })=>{
|
|
3849
3423
|
matchUtilities({
|
|
3850
|
-
contrast: (value)=>{
|
|
3851
|
-
return {
|
|
3424
|
+
contrast: (value)=>({
|
|
3852
3425
|
"--tw-contrast": `contrast(${value})`,
|
|
3853
3426
|
"@defaults filter": {},
|
|
3854
3427
|
filter: cssFilterValue
|
|
3855
|
-
}
|
|
3856
|
-
}
|
|
3428
|
+
})
|
|
3857
3429
|
}, {
|
|
3858
3430
|
values: theme("contrast")
|
|
3859
3431
|
});
|
|
3860
3432
|
},
|
|
3861
3433
|
dropShadow: ({ matchUtilities , theme })=>{
|
|
3862
3434
|
matchUtilities({
|
|
3863
|
-
"drop-shadow": (value)=>{
|
|
3864
|
-
return {
|
|
3435
|
+
"drop-shadow": (value)=>({
|
|
3865
3436
|
"--tw-drop-shadow": Array.isArray(value) ? value.map((v)=>`drop-shadow(${v})`).join(" ") : `drop-shadow(${value})`,
|
|
3866
3437
|
"@defaults filter": {},
|
|
3867
3438
|
filter: cssFilterValue
|
|
3868
|
-
}
|
|
3869
|
-
}
|
|
3439
|
+
})
|
|
3870
3440
|
}, {
|
|
3871
3441
|
values: theme("dropShadow")
|
|
3872
3442
|
});
|
|
3873
3443
|
},
|
|
3874
3444
|
grayscale: ({ matchUtilities , theme })=>{
|
|
3875
3445
|
matchUtilities({
|
|
3876
|
-
grayscale: (value)=>{
|
|
3877
|
-
return {
|
|
3446
|
+
grayscale: (value)=>({
|
|
3878
3447
|
"--tw-grayscale": `grayscale(${value})`,
|
|
3879
3448
|
"@defaults filter": {},
|
|
3880
3449
|
filter: cssFilterValue
|
|
3881
|
-
}
|
|
3882
|
-
}
|
|
3450
|
+
})
|
|
3883
3451
|
}, {
|
|
3884
3452
|
values: theme("grayscale")
|
|
3885
3453
|
});
|
|
3886
3454
|
},
|
|
3887
3455
|
hueRotate: ({ matchUtilities , theme })=>{
|
|
3888
3456
|
matchUtilities({
|
|
3889
|
-
"hue-rotate": (value)=>{
|
|
3890
|
-
return {
|
|
3457
|
+
"hue-rotate": (value)=>({
|
|
3891
3458
|
"--tw-hue-rotate": `hue-rotate(${value})`,
|
|
3892
3459
|
"@defaults filter": {},
|
|
3893
3460
|
filter: cssFilterValue
|
|
3894
|
-
}
|
|
3895
|
-
}
|
|
3461
|
+
})
|
|
3896
3462
|
}, {
|
|
3897
3463
|
values: theme("hueRotate"),
|
|
3898
|
-
supportsNegativeValues:
|
|
3464
|
+
supportsNegativeValues: !0
|
|
3899
3465
|
});
|
|
3900
3466
|
},
|
|
3901
3467
|
invert: ({ matchUtilities , theme })=>{
|
|
3902
3468
|
matchUtilities({
|
|
3903
|
-
invert: (value)=>{
|
|
3904
|
-
return {
|
|
3469
|
+
invert: (value)=>({
|
|
3905
3470
|
"--tw-invert": `invert(${value})`,
|
|
3906
3471
|
"@defaults filter": {},
|
|
3907
3472
|
filter: cssFilterValue
|
|
3908
|
-
}
|
|
3909
|
-
}
|
|
3473
|
+
})
|
|
3910
3474
|
}, {
|
|
3911
3475
|
values: theme("invert")
|
|
3912
3476
|
});
|
|
3913
3477
|
},
|
|
3914
3478
|
saturate: ({ matchUtilities , theme })=>{
|
|
3915
3479
|
matchUtilities({
|
|
3916
|
-
saturate: (value)=>{
|
|
3917
|
-
return {
|
|
3480
|
+
saturate: (value)=>({
|
|
3918
3481
|
"--tw-saturate": `saturate(${value})`,
|
|
3919
3482
|
"@defaults filter": {},
|
|
3920
3483
|
filter: cssFilterValue
|
|
3921
|
-
}
|
|
3922
|
-
}
|
|
3484
|
+
})
|
|
3923
3485
|
}, {
|
|
3924
3486
|
values: theme("saturate")
|
|
3925
3487
|
});
|
|
3926
3488
|
},
|
|
3927
3489
|
sepia: ({ matchUtilities , theme })=>{
|
|
3928
3490
|
matchUtilities({
|
|
3929
|
-
sepia: (value)=>{
|
|
3930
|
-
return {
|
|
3491
|
+
sepia: (value)=>({
|
|
3931
3492
|
"--tw-sepia": `sepia(${value})`,
|
|
3932
3493
|
"@defaults filter": {},
|
|
3933
3494
|
filter: cssFilterValue
|
|
3934
|
-
}
|
|
3935
|
-
}
|
|
3495
|
+
})
|
|
3936
3496
|
}, {
|
|
3937
3497
|
values: theme("sepia")
|
|
3938
3498
|
});
|
|
@@ -3948,8 +3508,7 @@ let corePlugins = {
|
|
|
3948
3508
|
"--tw-saturate": " ",
|
|
3949
3509
|
"--tw-sepia": " ",
|
|
3950
3510
|
"--tw-drop-shadow": " "
|
|
3951
|
-
})
|
|
3952
|
-
addUtilities({
|
|
3511
|
+
}), addUtilities({
|
|
3953
3512
|
".filter": {
|
|
3954
3513
|
"@defaults filter": {},
|
|
3955
3514
|
filter: cssFilterValue
|
|
@@ -3961,118 +3520,100 @@ let corePlugins = {
|
|
|
3961
3520
|
},
|
|
3962
3521
|
backdropBlur: ({ matchUtilities , theme })=>{
|
|
3963
3522
|
matchUtilities({
|
|
3964
|
-
"backdrop-blur": (value)=>{
|
|
3965
|
-
return {
|
|
3523
|
+
"backdrop-blur": (value)=>({
|
|
3966
3524
|
"--tw-backdrop-blur": `blur(${value})`,
|
|
3967
3525
|
"@defaults backdrop-filter": {},
|
|
3968
3526
|
"backdrop-filter": cssBackdropFilterValue
|
|
3969
|
-
}
|
|
3970
|
-
}
|
|
3527
|
+
})
|
|
3971
3528
|
}, {
|
|
3972
3529
|
values: theme("backdropBlur")
|
|
3973
3530
|
});
|
|
3974
3531
|
},
|
|
3975
3532
|
backdropBrightness: ({ matchUtilities , theme })=>{
|
|
3976
3533
|
matchUtilities({
|
|
3977
|
-
"backdrop-brightness": (value)=>{
|
|
3978
|
-
return {
|
|
3534
|
+
"backdrop-brightness": (value)=>({
|
|
3979
3535
|
"--tw-backdrop-brightness": `brightness(${value})`,
|
|
3980
3536
|
"@defaults backdrop-filter": {},
|
|
3981
3537
|
"backdrop-filter": cssBackdropFilterValue
|
|
3982
|
-
}
|
|
3983
|
-
}
|
|
3538
|
+
})
|
|
3984
3539
|
}, {
|
|
3985
3540
|
values: theme("backdropBrightness")
|
|
3986
3541
|
});
|
|
3987
3542
|
},
|
|
3988
3543
|
backdropContrast: ({ matchUtilities , theme })=>{
|
|
3989
3544
|
matchUtilities({
|
|
3990
|
-
"backdrop-contrast": (value)=>{
|
|
3991
|
-
return {
|
|
3545
|
+
"backdrop-contrast": (value)=>({
|
|
3992
3546
|
"--tw-backdrop-contrast": `contrast(${value})`,
|
|
3993
3547
|
"@defaults backdrop-filter": {},
|
|
3994
3548
|
"backdrop-filter": cssBackdropFilterValue
|
|
3995
|
-
}
|
|
3996
|
-
}
|
|
3549
|
+
})
|
|
3997
3550
|
}, {
|
|
3998
3551
|
values: theme("backdropContrast")
|
|
3999
3552
|
});
|
|
4000
3553
|
},
|
|
4001
3554
|
backdropGrayscale: ({ matchUtilities , theme })=>{
|
|
4002
3555
|
matchUtilities({
|
|
4003
|
-
"backdrop-grayscale": (value)=>{
|
|
4004
|
-
return {
|
|
3556
|
+
"backdrop-grayscale": (value)=>({
|
|
4005
3557
|
"--tw-backdrop-grayscale": `grayscale(${value})`,
|
|
4006
3558
|
"@defaults backdrop-filter": {},
|
|
4007
3559
|
"backdrop-filter": cssBackdropFilterValue
|
|
4008
|
-
}
|
|
4009
|
-
}
|
|
3560
|
+
})
|
|
4010
3561
|
}, {
|
|
4011
3562
|
values: theme("backdropGrayscale")
|
|
4012
3563
|
});
|
|
4013
3564
|
},
|
|
4014
3565
|
backdropHueRotate: ({ matchUtilities , theme })=>{
|
|
4015
3566
|
matchUtilities({
|
|
4016
|
-
"backdrop-hue-rotate": (value)=>{
|
|
4017
|
-
return {
|
|
3567
|
+
"backdrop-hue-rotate": (value)=>({
|
|
4018
3568
|
"--tw-backdrop-hue-rotate": `hue-rotate(${value})`,
|
|
4019
3569
|
"@defaults backdrop-filter": {},
|
|
4020
3570
|
"backdrop-filter": cssBackdropFilterValue
|
|
4021
|
-
}
|
|
4022
|
-
}
|
|
3571
|
+
})
|
|
4023
3572
|
}, {
|
|
4024
3573
|
values: theme("backdropHueRotate"),
|
|
4025
|
-
supportsNegativeValues:
|
|
3574
|
+
supportsNegativeValues: !0
|
|
4026
3575
|
});
|
|
4027
3576
|
},
|
|
4028
3577
|
backdropInvert: ({ matchUtilities , theme })=>{
|
|
4029
3578
|
matchUtilities({
|
|
4030
|
-
"backdrop-invert": (value)=>{
|
|
4031
|
-
return {
|
|
3579
|
+
"backdrop-invert": (value)=>({
|
|
4032
3580
|
"--tw-backdrop-invert": `invert(${value})`,
|
|
4033
3581
|
"@defaults backdrop-filter": {},
|
|
4034
3582
|
"backdrop-filter": cssBackdropFilterValue
|
|
4035
|
-
}
|
|
4036
|
-
}
|
|
3583
|
+
})
|
|
4037
3584
|
}, {
|
|
4038
3585
|
values: theme("backdropInvert")
|
|
4039
3586
|
});
|
|
4040
3587
|
},
|
|
4041
3588
|
backdropOpacity: ({ matchUtilities , theme })=>{
|
|
4042
3589
|
matchUtilities({
|
|
4043
|
-
"backdrop-opacity": (value)=>{
|
|
4044
|
-
return {
|
|
3590
|
+
"backdrop-opacity": (value)=>({
|
|
4045
3591
|
"--tw-backdrop-opacity": `opacity(${value})`,
|
|
4046
3592
|
"@defaults backdrop-filter": {},
|
|
4047
3593
|
"backdrop-filter": cssBackdropFilterValue
|
|
4048
|
-
}
|
|
4049
|
-
}
|
|
3594
|
+
})
|
|
4050
3595
|
}, {
|
|
4051
3596
|
values: theme("backdropOpacity")
|
|
4052
3597
|
});
|
|
4053
3598
|
},
|
|
4054
3599
|
backdropSaturate: ({ matchUtilities , theme })=>{
|
|
4055
3600
|
matchUtilities({
|
|
4056
|
-
"backdrop-saturate": (value)=>{
|
|
4057
|
-
return {
|
|
3601
|
+
"backdrop-saturate": (value)=>({
|
|
4058
3602
|
"--tw-backdrop-saturate": `saturate(${value})`,
|
|
4059
3603
|
"@defaults backdrop-filter": {},
|
|
4060
3604
|
"backdrop-filter": cssBackdropFilterValue
|
|
4061
|
-
}
|
|
4062
|
-
}
|
|
3605
|
+
})
|
|
4063
3606
|
}, {
|
|
4064
3607
|
values: theme("backdropSaturate")
|
|
4065
3608
|
});
|
|
4066
3609
|
},
|
|
4067
3610
|
backdropSepia: ({ matchUtilities , theme })=>{
|
|
4068
3611
|
matchUtilities({
|
|
4069
|
-
"backdrop-sepia": (value)=>{
|
|
4070
|
-
return {
|
|
3612
|
+
"backdrop-sepia": (value)=>({
|
|
4071
3613
|
"--tw-backdrop-sepia": `sepia(${value})`,
|
|
4072
3614
|
"@defaults backdrop-filter": {},
|
|
4073
3615
|
"backdrop-filter": cssBackdropFilterValue
|
|
4074
|
-
}
|
|
4075
|
-
}
|
|
3616
|
+
})
|
|
4076
3617
|
}, {
|
|
4077
3618
|
values: theme("backdropSepia")
|
|
4078
3619
|
});
|
|
@@ -4088,8 +3629,7 @@ let corePlugins = {
|
|
|
4088
3629
|
"--tw-backdrop-opacity": " ",
|
|
4089
3630
|
"--tw-backdrop-saturate": " ",
|
|
4090
3631
|
"--tw-backdrop-sepia": " "
|
|
4091
|
-
})
|
|
4092
|
-
addUtilities({
|
|
3632
|
+
}), addUtilities({
|
|
4093
3633
|
".backdrop-filter": {
|
|
4094
3634
|
"@defaults backdrop-filter": {},
|
|
4095
3635
|
"backdrop-filter": cssBackdropFilterValue
|
|
@@ -4100,18 +3640,15 @@ let corePlugins = {
|
|
|
4100
3640
|
});
|
|
4101
3641
|
},
|
|
4102
3642
|
transitionProperty: ({ matchUtilities , theme })=>{
|
|
4103
|
-
let defaultTimingFunction = theme("transitionTimingFunction.DEFAULT");
|
|
4104
|
-
let defaultDuration = theme("transitionDuration.DEFAULT");
|
|
3643
|
+
let defaultTimingFunction = theme("transitionTimingFunction.DEFAULT"), defaultDuration = theme("transitionDuration.DEFAULT");
|
|
4105
3644
|
matchUtilities({
|
|
4106
|
-
transition: (value)=>{
|
|
4107
|
-
return {
|
|
3645
|
+
transition: (value)=>({
|
|
4108
3646
|
"transition-property": value,
|
|
4109
|
-
...
|
|
3647
|
+
..."none" === value ? {} : {
|
|
4110
3648
|
"transition-timing-function": defaultTimingFunction,
|
|
4111
3649
|
"transition-duration": defaultDuration
|
|
4112
3650
|
}
|
|
4113
|
-
}
|
|
4114
|
-
}
|
|
3651
|
+
})
|
|
4115
3652
|
}, {
|
|
4116
3653
|
values: theme("transitionProperty")
|
|
4117
3654
|
});
|
|
@@ -4132,7 +3669,7 @@ let corePlugins = {
|
|
|
4132
3669
|
]
|
|
4133
3670
|
]
|
|
4134
3671
|
], {
|
|
4135
|
-
filterDefault:
|
|
3672
|
+
filterDefault: !0
|
|
4136
3673
|
}),
|
|
4137
3674
|
transitionTimingFunction: (0, _createUtilityPlugin.default)("transitionTimingFunction", [
|
|
4138
3675
|
[
|
|
@@ -4142,7 +3679,7 @@ let corePlugins = {
|
|
|
4142
3679
|
]
|
|
4143
3680
|
]
|
|
4144
3681
|
], {
|
|
4145
|
-
filterDefault:
|
|
3682
|
+
filterDefault: !0
|
|
4146
3683
|
}),
|
|
4147
3684
|
willChange: (0, _createUtilityPlugin.default)("willChange", [
|
|
4148
3685
|
[
|