@unocss/preset-uno 0.14.2 → 0.14.3
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/dist/{chunk-P5HELYQA.mjs → chunks/colors.cjs} +4 -5
- package/dist/{chunk-7O4GGKN3.js → chunks/colors.mjs} +2 -5
- package/dist/{chunk-VYMMTQ2N.js → chunks/default.cjs} +392 -458
- package/dist/{chunk-XF2Z5UCK.mjs → chunks/default.mjs} +222 -401
- package/dist/{chunk-BOWXQI3B.js → chunks/default2.cjs} +41 -48
- package/dist/{chunk-BLAKJWHG.mjs → chunks/default2.mjs} +21 -48
- package/dist/{chunk-HD4ZLDCQ.js → chunks/default3.cjs} +31 -42
- package/dist/{chunk-SVHXUA5V.mjs → chunks/default3.mjs} +14 -34
- package/dist/{chunk-O7YRGPXQ.mjs → chunks/index.cjs} +38 -59
- package/dist/{chunk-LPZDYB4J.js → chunks/index.mjs} +23 -60
- package/dist/{chunk-VQNLS43G.js → chunks/pseudo.cjs} +20 -20
- package/dist/{chunk-CKV32YDT.mjs → chunks/pseudo.mjs} +14 -19
- package/dist/chunks/variants.cjs +14 -0
- package/dist/chunks/variants.mjs +12 -0
- package/dist/colors.cjs +9 -0
- package/dist/colors.mjs +1 -7
- package/dist/index.cjs +31 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.mjs +12 -27
- package/dist/rules.cjs +123 -0
- package/dist/rules.mjs +4 -231
- package/dist/theme.cjs +29 -0
- package/dist/theme.mjs +2 -47
- package/dist/utils.cjs +25 -0
- package/dist/utils.mjs +2 -37
- package/dist/variants.cjs +23 -0
- package/dist/variants.mjs +4 -32
- package/package.json +11 -11
- package/dist/chunk-5SH5BFJ4.mjs +0 -11
- package/dist/chunk-Y6EUTGDC.js +0 -11
- package/dist/colors.js +0 -7
- package/dist/index.js +0 -40
- package/dist/rules.js +0 -231
- package/dist/theme.js +0 -47
- package/dist/utils.js +0 -37
- package/dist/variants.js +0 -32
|
@@ -1,32 +1,25 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
const core = require('@unocss/core');
|
|
4
|
+
const index = require('./index.cjs');
|
|
5
|
+
const pseudo = require('./pseudo.cjs');
|
|
4
6
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var _chunkLPZDYB4Jjs = require('./chunk-LPZDYB4J.js');
|
|
11
|
-
|
|
12
|
-
// src/rules/align.ts
|
|
13
|
-
var verticalAlignAlias = {
|
|
7
|
+
const verticalAlignAlias = {
|
|
14
8
|
mid: "middle",
|
|
15
9
|
base: "baseline",
|
|
16
10
|
btm: "bottom"
|
|
17
11
|
};
|
|
18
|
-
|
|
12
|
+
const verticalAligns = [
|
|
19
13
|
[/^(?:vertical|align|v)-(baseline|top|bottom|middle|text-top|text-bottom|mid|base|btm)$/, ([, v]) => ({ "vertical-align": verticalAlignAlias[v] || v })]
|
|
20
14
|
];
|
|
21
|
-
|
|
15
|
+
const textAligns = [
|
|
22
16
|
["text-center", { "text-align": "center" }],
|
|
23
17
|
["text-left", { "text-align": "left" }],
|
|
24
18
|
["text-right", { "text-align": "right" }],
|
|
25
19
|
["text-justify", { "text-align": "justify" }]
|
|
26
20
|
];
|
|
27
21
|
|
|
28
|
-
|
|
29
|
-
var keyframes = {
|
|
22
|
+
const keyframes = {
|
|
30
23
|
"spin": "{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}",
|
|
31
24
|
"ping": "{0%{transform:scale(1);opacity:1}75%,100%{transform:scale(2);opacity:0}}",
|
|
32
25
|
"bounce": "{from,20%,53%,80%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}",
|
|
@@ -127,7 +120,7 @@ var keyframes = {
|
|
|
127
120
|
"back-out-right": "{0%{opacity:1;transform:scale(1)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:0.7;transform:translateX(2000px) scale(0.7)}}",
|
|
128
121
|
"back-out-left": "{0%{opacity:1;transform:scale(1)}80%{opacity:0.7;transform:translateX(-2000px) scale(0.7)}100%{opacity:0.7;transform:translateY(-700px) scale(0.7)}}"
|
|
129
122
|
};
|
|
130
|
-
|
|
123
|
+
const durations = {
|
|
131
124
|
"heart-beat": "1.3s",
|
|
132
125
|
"bounce-in": "0.75s",
|
|
133
126
|
"bounce-out": "0.75s",
|
|
@@ -135,7 +128,7 @@ var durations = {
|
|
|
135
128
|
"flip-out-y": "0.75s",
|
|
136
129
|
"hinge": "2s"
|
|
137
130
|
};
|
|
138
|
-
|
|
131
|
+
const timingFns = {
|
|
139
132
|
"head-shake": "ease-in-out",
|
|
140
133
|
"heart-beat": "ease-in-out",
|
|
141
134
|
"pulse": "ease-in-out",
|
|
@@ -144,7 +137,7 @@ var timingFns = {
|
|
|
144
137
|
"light-speed-out-left": "ease-in",
|
|
145
138
|
"light-speed-out-right": "ease-in"
|
|
146
139
|
};
|
|
147
|
-
|
|
140
|
+
const properties = {
|
|
148
141
|
"bounce": { "transform-origin": "center bottom" },
|
|
149
142
|
"jello": { "transform-origin": "center" },
|
|
150
143
|
"swing": { "transform-origin": "top center" },
|
|
@@ -169,7 +162,7 @@ var properties = {
|
|
|
169
162
|
"zoom-out-right": { "transform-origin": "right center" },
|
|
170
163
|
"zoom-out-up": { "transform-origin": "center bottom" }
|
|
171
164
|
};
|
|
172
|
-
|
|
165
|
+
const animations = [
|
|
173
166
|
[/^animate-(.*)$/, ([, name], { constructCSS }) => {
|
|
174
167
|
const kf = keyframes[name];
|
|
175
168
|
if (kf) {
|
|
@@ -178,8 +171,8 @@ ${constructCSS(Object.assign({ animation: `${name} ${durations[name] || "1s"} ${
|
|
|
178
171
|
}
|
|
179
172
|
}],
|
|
180
173
|
["animate-none", { animation: "none" }],
|
|
181
|
-
[/^animate(?:-duration)?-((.+)(?:(s|ms)?))$/, ([, d]) => ({ "animation-duration":
|
|
182
|
-
[/^animate-delay-((.+)(?:(s|ms)?))$/, ([, d]) => ({ "animation-delay":
|
|
174
|
+
[/^animate(?:-duration)?-((.+)(?:(s|ms)?))$/, ([, d]) => ({ "animation-duration": index.handler.bracket.time(d.replace(/-duration/, "")) })],
|
|
175
|
+
[/^animate-delay-((.+)(?:(s|ms)?))$/, ([, d]) => ({ "animation-delay": index.handler.bracket.time(d) })],
|
|
183
176
|
[/^animate-(?:fill-)?mode-(none|forwards|backwards|both|inherit|initial|revert|unset)$/, ([, d]) => ({ "animation-fill-mode": d })],
|
|
184
177
|
[/^animate-(?:direction-)?(normal|reverse|alternate|alternate-reverse|inherit|initial|revert|unset)$/, ([, d]) => ({ "animation-direction": d })],
|
|
185
178
|
[/^animate-(?:iteration-)?count-(.+)$/, ([, d]) => ({ "animation-iteration-count": d.replace(/\-/g, ", ") })],
|
|
@@ -187,22 +180,19 @@ ${constructCSS(Object.assign({ animation: `${name} ${durations[name] || "1s"} ${
|
|
|
187
180
|
[/^animate-play(?:-state)?-(paused|running|inherit|initial|revert|unset)$/, ([, d]) => ({ "animation-play-state": d })]
|
|
188
181
|
];
|
|
189
182
|
|
|
190
|
-
|
|
191
|
-
var _core = require('@unocss/core');
|
|
192
|
-
var parseColorUtil = (body, theme) => {
|
|
193
|
-
var _a;
|
|
183
|
+
const parseColorUtil = (body, theme) => {
|
|
194
184
|
const [main, opacity2] = body.split(/(?:\/|:)/);
|
|
195
185
|
const [name, no = "DEFAULT"] = main.replace(/([a-z])([0-9])/g, "$1-$2").split(/-/g);
|
|
196
186
|
if (!name)
|
|
197
187
|
return;
|
|
198
188
|
let color;
|
|
199
|
-
const bracket =
|
|
189
|
+
const bracket = index.handler.bracket(main) || main;
|
|
200
190
|
if (bracket.startsWith("#"))
|
|
201
191
|
color = bracket.slice(1);
|
|
202
192
|
if (bracket.startsWith("hex-"))
|
|
203
193
|
color = bracket.slice(4);
|
|
204
194
|
if (!color) {
|
|
205
|
-
const colorData =
|
|
195
|
+
const colorData = theme.colors?.[name];
|
|
206
196
|
if (typeof colorData === "string")
|
|
207
197
|
color = colorData;
|
|
208
198
|
else if (no && colorData)
|
|
@@ -213,17 +203,17 @@ var parseColorUtil = (body, theme) => {
|
|
|
213
203
|
name,
|
|
214
204
|
no,
|
|
215
205
|
color,
|
|
216
|
-
rgba:
|
|
206
|
+
rgba: core.hex2rgba(color)
|
|
217
207
|
};
|
|
218
208
|
};
|
|
219
|
-
|
|
209
|
+
const colorResolver$2 = (attribute, varName) => ([, body], { theme }) => {
|
|
220
210
|
const data = parseColorUtil(body, theme);
|
|
221
211
|
if (!data)
|
|
222
212
|
return;
|
|
223
213
|
const { opacity: opacity2, color, rgba } = data;
|
|
224
214
|
if (!color)
|
|
225
215
|
return;
|
|
226
|
-
const a = opacity2 ? opacity2[0] === "[" ?
|
|
216
|
+
const a = opacity2 ? opacity2[0] === "[" ? index.handler.bracket.percent(opacity2) : parseFloat(opacity2) / 100 : rgba?.[3];
|
|
227
217
|
if (rgba) {
|
|
228
218
|
if (a != null && !Number.isNaN(a)) {
|
|
229
219
|
rgba[3] = typeof a === "string" && !a.includes("%") ? parseFloat(a) : a;
|
|
@@ -242,16 +232,16 @@ var colorResolver = (attribute, varName) => ([, body], { theme }) => {
|
|
|
242
232
|
};
|
|
243
233
|
}
|
|
244
234
|
};
|
|
245
|
-
|
|
246
|
-
[/^op(?:acity)?-?(.+)$/, ([, d]) => ({ opacity:
|
|
235
|
+
const opacity = [
|
|
236
|
+
[/^op(?:acity)?-?(.+)$/, ([, d]) => ({ opacity: index.handler.bracket.percent.cssvar(d) })]
|
|
247
237
|
];
|
|
248
|
-
|
|
249
|
-
[/^(?:text|color|c)-(.+)$/, colorResolver("color", "text")],
|
|
250
|
-
[/^(?:text|color|c)-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-text-opacity":
|
|
238
|
+
const textColors = [
|
|
239
|
+
[/^(?:text|color|c)-(.+)$/, colorResolver$2("color", "text")],
|
|
240
|
+
[/^(?:text|color|c)-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-text-opacity": index.handler.bracket.percent.cssvar(opacity2) })]
|
|
251
241
|
];
|
|
252
|
-
|
|
242
|
+
const textDecorationColors = [
|
|
253
243
|
[/^underline-(.+)$/, (match, ctx) => {
|
|
254
|
-
const result = colorResolver("text-decoration-color", "line")(match, ctx);
|
|
244
|
+
const result = colorResolver$2("text-decoration-color", "line")(match, ctx);
|
|
255
245
|
if (result) {
|
|
256
246
|
return {
|
|
257
247
|
"-webkit-text-decoration-color": result["text-decoration-color"],
|
|
@@ -259,49 +249,48 @@ var textDecorationColors = [
|
|
|
259
249
|
};
|
|
260
250
|
}
|
|
261
251
|
}],
|
|
262
|
-
[/^underline-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-line-opacity":
|
|
252
|
+
[/^underline-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-line-opacity": index.handler.bracket.percent(opacity2) })]
|
|
263
253
|
];
|
|
264
|
-
|
|
265
|
-
[/^text-stroke-(.+)$/, colorResolver("-webkit-text-stroke-color", "text-stroke")],
|
|
266
|
-
[/^text-stroke-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-text-stroke-opacity":
|
|
254
|
+
const textStrokeColors = [
|
|
255
|
+
[/^text-stroke-(.+)$/, colorResolver$2("-webkit-text-stroke-color", "text-stroke")],
|
|
256
|
+
[/^text-stroke-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-text-stroke-opacity": index.handler.bracket.percent(opacity2) })]
|
|
267
257
|
];
|
|
268
|
-
|
|
269
|
-
[/^bg-(.+)$/, colorResolver("background-color", "bg")],
|
|
270
|
-
[/^bg-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-bg-opacity":
|
|
258
|
+
const bgColors = [
|
|
259
|
+
[/^bg-(.+)$/, colorResolver$2("background-color", "bg")],
|
|
260
|
+
[/^bg-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-bg-opacity": index.handler.bracket.percent(opacity2) })]
|
|
271
261
|
];
|
|
272
|
-
|
|
273
|
-
[/^(?:border|b)-(.+)$/, colorResolver("border-color", "border")],
|
|
274
|
-
[/^(?:border|b)-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-border-opacity":
|
|
262
|
+
const borderColors = [
|
|
263
|
+
[/^(?:border|b)-(.+)$/, colorResolver$2("border-color", "border")],
|
|
264
|
+
[/^(?:border|b)-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-border-opacity": index.handler.bracket.percent(opacity2) })]
|
|
275
265
|
];
|
|
276
|
-
|
|
277
|
-
[/^ring-(.+)$/, colorResolver("--un-ring-color", "ring")],
|
|
278
|
-
[/^ring-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-ring-opacity":
|
|
266
|
+
const ringColors = [
|
|
267
|
+
[/^ring-(.+)$/, colorResolver$2("--un-ring-color", "ring")],
|
|
268
|
+
[/^ring-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-ring-opacity": index.handler.bracket.percent(opacity2) })]
|
|
279
269
|
];
|
|
280
|
-
|
|
281
|
-
[/^ring-offset-(.+)$/, colorResolver("--un-ring-offset-color", "ring-offset")],
|
|
282
|
-
[/^ring-offset-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-ring-offset-opacity":
|
|
270
|
+
const ringOffsetColors = [
|
|
271
|
+
[/^ring-offset-(.+)$/, colorResolver$2("--un-ring-offset-color", "ring-offset")],
|
|
272
|
+
[/^ring-offset-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-ring-offset-opacity": index.handler.bracket.percent(opacity2) })]
|
|
283
273
|
];
|
|
284
|
-
|
|
285
|
-
[/^divide-(.+)$/, colorResolver("border-color", "divide")],
|
|
286
|
-
[/^divide-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-divide-opacity":
|
|
274
|
+
const divideColors = [
|
|
275
|
+
[/^divide-(.+)$/, colorResolver$2("border-color", "divide")],
|
|
276
|
+
[/^divide-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-divide-opacity": index.handler.bracket.percent(opacity2) })]
|
|
287
277
|
];
|
|
288
|
-
|
|
278
|
+
const fillColors = [
|
|
289
279
|
["fill-none", { fill: "none" }],
|
|
290
|
-
[/^fill-(.+)$/, colorResolver("fill", "fill")],
|
|
291
|
-
[/^fill-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-fill-opacity":
|
|
280
|
+
[/^fill-(.+)$/, colorResolver$2("fill", "fill")],
|
|
281
|
+
[/^fill-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-fill-opacity": index.handler.bracket.percent(opacity2) })]
|
|
292
282
|
];
|
|
293
283
|
|
|
294
|
-
|
|
295
|
-
var colorResolver2 = (mode) => ([, body], { theme }) => {
|
|
284
|
+
const colorResolver$1 = (mode) => ([, body], { theme }) => {
|
|
296
285
|
const data = parseColorUtil(body, theme);
|
|
297
286
|
if (!data)
|
|
298
287
|
return;
|
|
299
|
-
const { opacity
|
|
288
|
+
const { opacity, color, rgba } = data;
|
|
300
289
|
if (!color)
|
|
301
290
|
return;
|
|
302
291
|
let colorString = color;
|
|
303
292
|
if (rgba) {
|
|
304
|
-
const a =
|
|
293
|
+
const a = opacity ? opacity[0] === "[" ? index.handler.bracket.percent(opacity) : parseFloat(opacity) / 100 : rgba[3];
|
|
305
294
|
if (a != null && !Number.isNaN(a)) {
|
|
306
295
|
rgba[3] = typeof a === "string" && !a.includes("%") ? parseFloat(a) : a;
|
|
307
296
|
colorString = `rgba(${rgba.join(",")})`;
|
|
@@ -325,12 +314,12 @@ var colorResolver2 = (mode) => ([, body], { theme }) => {
|
|
|
325
314
|
};
|
|
326
315
|
}
|
|
327
316
|
};
|
|
328
|
-
|
|
317
|
+
const bgAttachments = [
|
|
329
318
|
["bg-fixed", { "background-attachment": "fixed" }],
|
|
330
319
|
["bg-local", { "background-attachment": "local" }],
|
|
331
320
|
["bg-scroll", { "background-attachment": "scroll" }]
|
|
332
321
|
];
|
|
333
|
-
|
|
322
|
+
const bgBlendModes = [
|
|
334
323
|
["bg-blend-normal", { "background-blend-mode": "normal" }],
|
|
335
324
|
["bg-blend-multiply", { "background-blend-mode": "multiply" }],
|
|
336
325
|
["bg-blend-screen", { "background-blend-mode": "screen" }],
|
|
@@ -348,21 +337,21 @@ var bgBlendModes = [
|
|
|
348
337
|
["bg-blend-color", { "background-blend-mode": "color" }],
|
|
349
338
|
["bg-blend-luminosity", { "background-blend-mode": "luminosity" }]
|
|
350
339
|
];
|
|
351
|
-
|
|
340
|
+
const bgClips = [
|
|
352
341
|
["bg-clip-border", { "-webkit-background-clip": "border-box", "background-attachment": "border-box" }],
|
|
353
342
|
["bg-clip-content", { "-webkit-background-clip": "content-box", "background-attachment": "content-box" }],
|
|
354
343
|
["bg-clip-padding", { "-webkit-background-clip": "padding-box", "background-attachment": "padding-box" }],
|
|
355
344
|
["bg-clip-text", { "-webkit-background-clip": "text", "background-attachment": "text" }]
|
|
356
345
|
];
|
|
357
|
-
|
|
358
|
-
[/^from-(.+)$/,
|
|
359
|
-
[/^to-(.+)$/,
|
|
360
|
-
[/^via-(.+)$/,
|
|
361
|
-
[/^from-op(?:acity)?-?(.+)$/m, ([,
|
|
362
|
-
[/^to-op(?:acity)?-?(.+)$/m, ([,
|
|
363
|
-
[/^via-op(?:acity)?-?(.+)$/m, ([,
|
|
346
|
+
const bgGradients = [
|
|
347
|
+
[/^from-(.+)$/, colorResolver$1("from")],
|
|
348
|
+
[/^to-(.+)$/, colorResolver$1("to")],
|
|
349
|
+
[/^via-(.+)$/, colorResolver$1("via")],
|
|
350
|
+
[/^from-op(?:acity)?-?(.+)$/m, ([, opacity]) => ({ "--un-from-opacity": index.handler.bracket.percent(opacity) })],
|
|
351
|
+
[/^to-op(?:acity)?-?(.+)$/m, ([, opacity]) => ({ "--un-to-opacity": index.handler.bracket.percent(opacity) })],
|
|
352
|
+
[/^via-op(?:acity)?-?(.+)$/m, ([, opacity]) => ({ "--un-via-opacity": index.handler.bracket.percent(opacity) })]
|
|
364
353
|
];
|
|
365
|
-
|
|
354
|
+
const bgImages = [
|
|
366
355
|
["bg-none", { "background-image": "none" }],
|
|
367
356
|
["bg-gradient-to-t", {
|
|
368
357
|
"background-image": "linear-gradient(to top, var(--un-gradient-stops))"
|
|
@@ -389,12 +378,12 @@ var bgImages = [
|
|
|
389
378
|
"background-image": "linear-gradient(to top left, var(--un-gradient-stops))"
|
|
390
379
|
}]
|
|
391
380
|
];
|
|
392
|
-
|
|
381
|
+
const bgOrigins = [
|
|
393
382
|
["bg-origin-border", { "background-origin": "border-box" }],
|
|
394
383
|
["bg-origin-padding", { "background-origin": "padding-box" }],
|
|
395
384
|
["bg-origin-content", { "background-origin": "content-box" }]
|
|
396
385
|
];
|
|
397
|
-
|
|
386
|
+
const bgPositions = [
|
|
398
387
|
["bg-bottom", { "background-position": "bottom" }],
|
|
399
388
|
["bg-center", { "background-position": "center" }],
|
|
400
389
|
["bg-left", { "background-position": "left" }],
|
|
@@ -405,7 +394,7 @@ var bgPositions = [
|
|
|
405
394
|
["bg-right-top", { "background-position": "right top" }],
|
|
406
395
|
["bg-top", { "background-position": "top" }]
|
|
407
396
|
];
|
|
408
|
-
|
|
397
|
+
const bgRepeats = [
|
|
409
398
|
["bg-repeat", { "background-repeat": "repeat" }],
|
|
410
399
|
["bg-no-repeat", { "background-repeat": "no-repeat" }],
|
|
411
400
|
["bg-repeat-x", { "background-position": "repeat-x" }],
|
|
@@ -413,25 +402,24 @@ var bgRepeats = [
|
|
|
413
402
|
["bg-repeat-round", { "background-position": "round" }],
|
|
414
403
|
["bg-repeat-space", { "background-position": "space" }]
|
|
415
404
|
];
|
|
416
|
-
|
|
405
|
+
const bgSizes = [
|
|
417
406
|
["bg-auto", { "background-size": "auto" }],
|
|
418
407
|
["bg-cover", { "background-repeat": "cover" }],
|
|
419
408
|
["bg-contain", { "background-position": "contain" }]
|
|
420
409
|
];
|
|
421
410
|
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
var parseOutlineSize = (s) => {
|
|
411
|
+
const outlineStyle = ["none", "auto", "dotted", "dashed", "solid", "double", "groove", "ridge", "inset", "outset", "inherit", "initial", "revert", "unset"];
|
|
412
|
+
const listStyleProps = ["none", "disc", "circle", "square", "decimal", "zero-decimal", "greek", "roman", "upper-roman", "alpha", "upper-alpha"];
|
|
413
|
+
const parseOutlineSize = (s) => {
|
|
426
414
|
const propName = ["width", "offset"].find((item) => s.startsWith(item)) || "width";
|
|
427
|
-
const size =
|
|
415
|
+
const size = index.handler.bracket.fraction.rem(s.replace(/^(offset\-|width\-)/, ""));
|
|
428
416
|
if (size) {
|
|
429
417
|
return {
|
|
430
418
|
[`outline-${propName}`]: size
|
|
431
419
|
};
|
|
432
420
|
}
|
|
433
421
|
};
|
|
434
|
-
|
|
422
|
+
const outline = [
|
|
435
423
|
["outline-none", { "outline": "2px solid transparent", "outline-offset": "2px" }],
|
|
436
424
|
["outline", { "outline-style": "solid" }],
|
|
437
425
|
[
|
|
@@ -452,7 +440,7 @@ var outline = [
|
|
|
452
440
|
const sizeSheet = parseOutlineSize(d);
|
|
453
441
|
if (sizeSheet)
|
|
454
442
|
return sizeSheet;
|
|
455
|
-
const colorSheet = colorResolver("outline-color", "outline-color")([
|
|
443
|
+
const colorSheet = colorResolver$2("outline-color", "outline-color")([
|
|
456
444
|
match[0],
|
|
457
445
|
match[1].replace(/^color-/, "")
|
|
458
446
|
], config);
|
|
@@ -461,11 +449,10 @@ var outline = [
|
|
|
461
449
|
}
|
|
462
450
|
]
|
|
463
451
|
];
|
|
464
|
-
|
|
452
|
+
const listStyle = [
|
|
465
453
|
[new RegExp(`^list-((${listStyleProps.join("|")})(?:(-outside|-inside))?)$`), ([, value]) => {
|
|
466
|
-
var _a;
|
|
467
454
|
const style = value.split(/-outside|-inside/)[0];
|
|
468
|
-
const position =
|
|
455
|
+
const position = /inside|outside/.exec(value) ?? [];
|
|
469
456
|
if (position.length) {
|
|
470
457
|
return {
|
|
471
458
|
"list-style-position": `${position[0]}`,
|
|
@@ -482,17 +469,17 @@ var listStyle = [
|
|
|
482
469
|
};
|
|
483
470
|
}]
|
|
484
471
|
];
|
|
485
|
-
|
|
472
|
+
const boxDecorationBreaks = [
|
|
486
473
|
["decoration-slice", { "box-decoration-break": "slice" }],
|
|
487
474
|
["decoration-clone", { "box-decoration-break": "clone" }]
|
|
488
475
|
];
|
|
489
|
-
|
|
490
|
-
[/^caret-op(?:acity)?-?(.+)$/, ([, d]) => ({ "--un-caret-opacity":
|
|
476
|
+
const caretOpacity = [
|
|
477
|
+
[/^caret-op(?:acity)?-?(.+)$/, ([, d]) => ({ "--un-caret-opacity": index.handler.bracket.percent(d) })]
|
|
491
478
|
];
|
|
492
|
-
|
|
493
|
-
[/^caret-(.+)$/, colorResolver("caret-color", "caret")]
|
|
479
|
+
const caretColors = [
|
|
480
|
+
[/^caret-(.+)$/, colorResolver$2("caret-color", "caret")]
|
|
494
481
|
];
|
|
495
|
-
|
|
482
|
+
const imageRenderings = [
|
|
496
483
|
["image-render-auto", { "image-rendering": "auto" }],
|
|
497
484
|
["image-render-edge", { "image-rendering": "crisp-edges" }],
|
|
498
485
|
["image-render-pixel", [
|
|
@@ -503,28 +490,28 @@ var imageRenderings = [
|
|
|
503
490
|
["image-rendering", "pixelated"]
|
|
504
491
|
]]
|
|
505
492
|
];
|
|
506
|
-
|
|
493
|
+
const appearance = [
|
|
507
494
|
["appearance-none", {
|
|
508
495
|
"appearance": "none",
|
|
509
496
|
"-webkit-appearance": "none"
|
|
510
497
|
}]
|
|
511
498
|
];
|
|
512
|
-
|
|
499
|
+
const placeholder = [
|
|
513
500
|
[
|
|
514
501
|
/^placeholder-opacity-(\d+)$/,
|
|
515
502
|
([, d]) => ({
|
|
516
|
-
"placeholder-opacity":
|
|
503
|
+
"placeholder-opacity": index.handler.bracket.percent(d)
|
|
517
504
|
})
|
|
518
505
|
],
|
|
519
506
|
[
|
|
520
507
|
/^placeholder-(?!opacity)(.+)$/,
|
|
521
508
|
(match, config) => {
|
|
522
509
|
match[1] = match[1].replace(/^color-/, "");
|
|
523
|
-
return colorResolver("placeholder-color", "placeholder-color")(match, config);
|
|
510
|
+
return colorResolver$2("placeholder-color", "placeholder-color")(match, config);
|
|
524
511
|
}
|
|
525
512
|
]
|
|
526
513
|
];
|
|
527
|
-
|
|
514
|
+
const overflowValues$1 = [
|
|
528
515
|
"none",
|
|
529
516
|
"auto",
|
|
530
517
|
"hidden",
|
|
@@ -532,66 +519,61 @@ var overflowValues = [
|
|
|
532
519
|
"scroll",
|
|
533
520
|
"contain"
|
|
534
521
|
];
|
|
535
|
-
|
|
536
|
-
[/^overscroll-(.+)$/, ([, v]) => overflowValues.includes(v) ? { "overscroll-behavior": v } : void 0],
|
|
537
|
-
[/^overscroll-([xy])-(.+)$/, ([, d, v]) => overflowValues.includes(v) ? { [`overscroll-behavior-${d}`]: v } : void 0]
|
|
522
|
+
const overscrolls = [
|
|
523
|
+
[/^overscroll-(.+)$/, ([, v]) => overflowValues$1.includes(v) ? { "overscroll-behavior": v } : void 0],
|
|
524
|
+
[/^overscroll-([xy])-(.+)$/, ([, d, v]) => overflowValues$1.includes(v) ? { [`overscroll-behavior-${d}`]: v } : void 0]
|
|
538
525
|
];
|
|
539
526
|
|
|
540
|
-
|
|
541
|
-
var borderSizes = [
|
|
527
|
+
const borderSizes = [
|
|
542
528
|
[/^border$/, handlerBorder],
|
|
543
529
|
[/^(?:border|b)(?:-([^-]+))?$/, handlerBorder],
|
|
544
530
|
[/^(?:border|b)(?:-([^-]+))?(?:-([^-]+))?$/, handlerBorder]
|
|
545
531
|
];
|
|
546
|
-
|
|
532
|
+
const borderRadius = [
|
|
547
533
|
[/^(?:border-)?(?:rounded|rd)$/, handlerRounded],
|
|
548
534
|
[/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?$/, handlerRounded],
|
|
549
535
|
[/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?(?:-([^-]+))?$/, handlerRounded]
|
|
550
536
|
];
|
|
551
|
-
|
|
537
|
+
const borderStyles = [
|
|
552
538
|
["border-solid", { "border-style": "solid" }],
|
|
553
539
|
["border-dashed", { "border-style": "dashed" }],
|
|
554
540
|
["border-dotted", { "border-style": "dotted" }],
|
|
555
541
|
["border-double", { "border-style": "double" }],
|
|
556
542
|
["border-none", { "border-style": "none" }]
|
|
557
543
|
];
|
|
558
|
-
|
|
544
|
+
const borders = [
|
|
559
545
|
borderSizes,
|
|
560
546
|
borderColors,
|
|
561
547
|
borderStyles,
|
|
562
548
|
borderRadius
|
|
563
549
|
].flat(1);
|
|
564
550
|
function handlerBorder([, a, b]) {
|
|
565
|
-
const [d, s = "1"] =
|
|
566
|
-
const v =
|
|
551
|
+
const [d, s = "1"] = index.directionMap[a] ? [a, b] : ["", a];
|
|
552
|
+
const v = index.handler.bracket.px(s);
|
|
567
553
|
if (v != null) {
|
|
568
554
|
return [
|
|
569
|
-
...
|
|
555
|
+
...index.directionMap[d].map((i) => [`border${i}-width`, v]),
|
|
570
556
|
["border-style", "solid"]
|
|
571
557
|
];
|
|
572
558
|
}
|
|
573
559
|
}
|
|
574
560
|
function handlerRounded([, a, b], { theme }) {
|
|
575
|
-
|
|
576
|
-
const
|
|
577
|
-
const v = ((_a = theme.borderRadius) == null ? void 0 : _a[s]) || _chunkLPZDYB4Jjs.handler.bracket.fraction.rem(s);
|
|
561
|
+
const [d, s = "DEFAULT"] = index.cornerMap[a] ? [a, b] : ["", a];
|
|
562
|
+
const v = theme.borderRadius?.[s] || index.handler.bracket.fraction.rem(s);
|
|
578
563
|
if (v != null)
|
|
579
|
-
return
|
|
564
|
+
return index.cornerMap[d].map((i) => [`border${i}-radius`, v]);
|
|
580
565
|
}
|
|
581
566
|
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
var queryMatcher = /@media \(min-width: (.+)\)/;
|
|
585
|
-
var container = [
|
|
567
|
+
const queryMatcher = /@media \(min-width: (.+)\)/;
|
|
568
|
+
const container = [
|
|
586
569
|
[
|
|
587
570
|
/^__container$/,
|
|
588
571
|
(m, { variantHandlers }) => {
|
|
589
|
-
var _a;
|
|
590
572
|
let width = "100%";
|
|
591
573
|
for (const v of variantHandlers) {
|
|
592
|
-
const query =
|
|
574
|
+
const query = core.toArray(v.parent || [])[0];
|
|
593
575
|
if (typeof query === "string") {
|
|
594
|
-
const match =
|
|
576
|
+
const match = query.match(queryMatcher)?.[1];
|
|
595
577
|
if (match)
|
|
596
578
|
width = match;
|
|
597
579
|
}
|
|
@@ -601,7 +583,7 @@ var container = [
|
|
|
601
583
|
{ internal: true }
|
|
602
584
|
]
|
|
603
585
|
];
|
|
604
|
-
|
|
586
|
+
const containerShortcuts = [
|
|
605
587
|
[/^(?:(\w+)[:-])?container$/, ([, bp], { theme }) => {
|
|
606
588
|
let points = Object.keys(theme.breakpoints || {});
|
|
607
589
|
if (bp) {
|
|
@@ -616,8 +598,7 @@ var containerShortcuts = [
|
|
|
616
598
|
}]
|
|
617
599
|
];
|
|
618
600
|
|
|
619
|
-
|
|
620
|
-
var transitionBasicProps = [
|
|
601
|
+
const transitionBasicProps = [
|
|
621
602
|
"color",
|
|
622
603
|
"border-color",
|
|
623
604
|
"background-color",
|
|
@@ -636,7 +617,7 @@ var transitionBasicProps = [
|
|
|
636
617
|
"transform",
|
|
637
618
|
"box-shadow"
|
|
638
619
|
];
|
|
639
|
-
|
|
620
|
+
const transitionPositionProps = [
|
|
640
621
|
"backround-position",
|
|
641
622
|
"left",
|
|
642
623
|
"right",
|
|
@@ -644,7 +625,7 @@ var transitionPositionProps = [
|
|
|
644
625
|
"bottom",
|
|
645
626
|
"object-position"
|
|
646
627
|
];
|
|
647
|
-
|
|
628
|
+
const transitionSizeProps = [
|
|
648
629
|
"max-height",
|
|
649
630
|
"min-height",
|
|
650
631
|
"max-width",
|
|
@@ -664,21 +645,21 @@ var transitionSizeProps = [
|
|
|
664
645
|
"letter-spacing",
|
|
665
646
|
"word-spacing"
|
|
666
647
|
];
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
648
|
+
const transitionSwitchProps = ["all", "none"];
|
|
649
|
+
const transitionEnhanceProps = ["stroke", "filter", "backdrop-filter", "fill", "mask", "mask-size", "mask-border", "clip-path", "clip"];
|
|
650
|
+
const transitionProps = [
|
|
670
651
|
...transitionBasicProps,
|
|
671
652
|
...transitionPositionProps,
|
|
672
653
|
...transitionSizeProps,
|
|
673
654
|
...transitionEnhanceProps
|
|
674
655
|
];
|
|
675
|
-
|
|
676
|
-
|
|
656
|
+
const transitionPropsStr = transitionProps.join(", ");
|
|
657
|
+
const validateProperty = (prop) => {
|
|
677
658
|
if (prop && ![...transitionProps, ...transitionSwitchProps].includes(prop))
|
|
678
659
|
return;
|
|
679
660
|
return prop || transitionPropsStr;
|
|
680
661
|
};
|
|
681
|
-
|
|
662
|
+
const transitions = [
|
|
682
663
|
[/^transition(?:-([a-z-]+))?(?:-(\d+))?$/, ([, prop, duration = "150"]) => {
|
|
683
664
|
const transitionProperty = validateProperty(prop);
|
|
684
665
|
if (!transitionProperty)
|
|
@@ -707,42 +688,40 @@ var transitions = [
|
|
|
707
688
|
}]
|
|
708
689
|
];
|
|
709
690
|
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
"--un-
|
|
716
|
-
"--un-
|
|
717
|
-
"--un-
|
|
718
|
-
"--un-
|
|
719
|
-
"--un-
|
|
720
|
-
"--un-
|
|
721
|
-
"--un-
|
|
722
|
-
"--un-sepia": varEmpty,
|
|
723
|
-
"--un-drop-shadow": varEmpty,
|
|
691
|
+
const varEmpty$1 = "var(--un-empty,/*!*/ /*!*/)";
|
|
692
|
+
const filterContnet = "var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia) var(--un-drop-shadow)";
|
|
693
|
+
const filterBase = {
|
|
694
|
+
"--un-blur": varEmpty$1,
|
|
695
|
+
"--un-brightness": varEmpty$1,
|
|
696
|
+
"--un-contrast": varEmpty$1,
|
|
697
|
+
"--un-grayscale": varEmpty$1,
|
|
698
|
+
"--un-hue-rotate": varEmpty$1,
|
|
699
|
+
"--un-invert": varEmpty$1,
|
|
700
|
+
"--un-saturate": varEmpty$1,
|
|
701
|
+
"--un-sepia": varEmpty$1,
|
|
702
|
+
"--un-drop-shadow": varEmpty$1,
|
|
724
703
|
"filter": filterContnet,
|
|
725
|
-
[
|
|
704
|
+
[pseudo.CONTROL_BYPASS_PSEUDO]: ""
|
|
726
705
|
};
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
"--un-backdrop-blur": varEmpty,
|
|
730
|
-
"--un-backdrop-brightness": varEmpty,
|
|
731
|
-
"--un-backdrop-contrast": varEmpty,
|
|
732
|
-
"--un-backdrop-grayscale": varEmpty,
|
|
733
|
-
"--un-backdrop-hue-rotate": varEmpty,
|
|
734
|
-
"--un-backdrop-invert": varEmpty,
|
|
735
|
-
"--un-backdrop-saturate": varEmpty,
|
|
736
|
-
"--un-backdrop-sepia": varEmpty,
|
|
706
|
+
const backdropFilterContent = "var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-saturate) var(--un-backdrop-sepia)";
|
|
707
|
+
const backdropFilterBase = {
|
|
708
|
+
"--un-backdrop-blur": varEmpty$1,
|
|
709
|
+
"--un-backdrop-brightness": varEmpty$1,
|
|
710
|
+
"--un-backdrop-contrast": varEmpty$1,
|
|
711
|
+
"--un-backdrop-grayscale": varEmpty$1,
|
|
712
|
+
"--un-backdrop-hue-rotate": varEmpty$1,
|
|
713
|
+
"--un-backdrop-invert": varEmpty$1,
|
|
714
|
+
"--un-backdrop-saturate": varEmpty$1,
|
|
715
|
+
"--un-backdrop-sepia": varEmpty$1,
|
|
737
716
|
"-webkit-backdrop-filter": backdropFilterContent,
|
|
738
717
|
"backdrop-filter": backdropFilterContent,
|
|
739
|
-
[
|
|
718
|
+
[pseudo.CONTROL_BYPASS_PSEUDO]: ""
|
|
740
719
|
};
|
|
741
|
-
|
|
742
|
-
const v = str ?
|
|
720
|
+
const percentWithDefault = (defaultValue = "1") => (str) => {
|
|
721
|
+
const v = str ? index.handler.bracket.percent(str) : defaultValue;
|
|
743
722
|
return v && parseFloat(v) <= 1 ? v : void 0;
|
|
744
723
|
};
|
|
745
|
-
|
|
724
|
+
const toFilter = (varName, resolver) => ([, b, s], { theme }) => {
|
|
746
725
|
const value = resolver(s, theme);
|
|
747
726
|
if (value) {
|
|
748
727
|
return [
|
|
@@ -751,7 +730,7 @@ var toFilter = (varName, resolver) => ([, b, s], { theme }) => {
|
|
|
751
730
|
];
|
|
752
731
|
}
|
|
753
732
|
};
|
|
754
|
-
|
|
733
|
+
const filters = [
|
|
755
734
|
["filter", filterBase],
|
|
756
735
|
["filter-none", { filter: "none" }],
|
|
757
736
|
["backdrop-filter", backdropFilterBase],
|
|
@@ -759,27 +738,22 @@ var filters = [
|
|
|
759
738
|
"-webkit-backdrop-filter": "none",
|
|
760
739
|
"backdrop-filter": "none"
|
|
761
740
|
}],
|
|
762
|
-
[/^(backdrop-)?blur(?:-(.+))?$/, toFilter("blur", (s, theme) =>
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
})],
|
|
766
|
-
[/^(backdrop-)?brightness-(\d+)$/, toFilter("brightness", (s) => _chunkLPZDYB4Jjs.handler.bracket.percent(s))],
|
|
767
|
-
[/^(backdrop-)?contrast-(\d+)$/, toFilter("contrast", (s) => _chunkLPZDYB4Jjs.handler.bracket.percent(s))],
|
|
741
|
+
[/^(backdrop-)?blur(?:-(.+))?$/, toFilter("blur", (s, theme) => theme.blur?.[s || "DEFAULT"] || index.handler.bracket.px(s))],
|
|
742
|
+
[/^(backdrop-)?brightness-(\d+)$/, toFilter("brightness", (s) => index.handler.bracket.percent(s))],
|
|
743
|
+
[/^(backdrop-)?contrast-(\d+)$/, toFilter("contrast", (s) => index.handler.bracket.percent(s))],
|
|
768
744
|
[/^()?drop-shadow(?:-(.+))?$/, toFilter("drop-shadow", (s, theme) => {
|
|
769
|
-
|
|
770
|
-
const v = _chunkLPZDYB4Jjs.handler.bracket(s) || ((_a = theme.dropShadow) == null ? void 0 : _a[s || "DEFAULT"]);
|
|
745
|
+
const v = index.handler.bracket(s) || theme.dropShadow?.[s || "DEFAULT"];
|
|
771
746
|
if (v)
|
|
772
|
-
return
|
|
747
|
+
return core.toArray(v).map((v2) => `drop-shadow(${v2})`).join(" ");
|
|
773
748
|
})],
|
|
774
749
|
[/^(backdrop-)?grayscale(?:-(\d+))?$/, toFilter("grayscale", percentWithDefault())],
|
|
775
|
-
[/^(backdrop-)?hue-rotate-(\d+)$/, toFilter("hue-rotate", (s) => `${
|
|
750
|
+
[/^(backdrop-)?hue-rotate-(\d+)$/, toFilter("hue-rotate", (s) => `${index.handler.bracket.number(s)}deg`)],
|
|
776
751
|
[/^(backdrop-)?invert(?:-(\d+))?$/, toFilter("invert", percentWithDefault())],
|
|
777
752
|
[/^(backdrop-)?saturate(?:-(\d+))?$/, toFilter("saturate", percentWithDefault("0"))],
|
|
778
753
|
[/^(backdrop-)?sepia(?:-(\d+))?$/, toFilter("sepia", percentWithDefault())]
|
|
779
754
|
];
|
|
780
755
|
|
|
781
|
-
|
|
782
|
-
var flex = [
|
|
756
|
+
const flex = [
|
|
783
757
|
["flex-col", { "flex-direction": "column" }],
|
|
784
758
|
["flex-col-reverse", { "flex-direction": "column-reverse" }],
|
|
785
759
|
["flex-row", { "flex-direction": "row" }],
|
|
@@ -801,12 +775,8 @@ var flex = [
|
|
|
801
775
|
["flex-inline", { display: "inline-flex" }]
|
|
802
776
|
];
|
|
803
777
|
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
// src/rules/static.ts
|
|
808
|
-
var varEmpty2 = "var(--un-empty,/*!*/ /*!*/)";
|
|
809
|
-
var displays = [
|
|
778
|
+
const varEmpty = "var(--un-empty,/*!*/ /*!*/)";
|
|
779
|
+
const displays = [
|
|
810
780
|
["inline", { display: "inline" }],
|
|
811
781
|
["block", { display: "block" }],
|
|
812
782
|
["inline-block", { display: "inline-block" }],
|
|
@@ -815,45 +785,45 @@ var displays = [
|
|
|
815
785
|
["list-item", { display: "list-item" }],
|
|
816
786
|
["hidden", { display: "none" }]
|
|
817
787
|
];
|
|
818
|
-
|
|
788
|
+
const appearances = [
|
|
819
789
|
["visible", { visibility: "visible" }],
|
|
820
790
|
["invisible", { visibility: "hidden" }],
|
|
821
791
|
["backface-visible", { "backface-visibility": "visible" }],
|
|
822
792
|
["backface-hidden", { "backface-visibility": "hidden" }]
|
|
823
793
|
];
|
|
824
|
-
|
|
794
|
+
const cursors = [
|
|
825
795
|
[/^cursor-(.+)$/, ([, c]) => ({ cursor: c })]
|
|
826
796
|
];
|
|
827
|
-
|
|
797
|
+
const pointerEvents = [
|
|
828
798
|
["pointer-events-none", { "pointer-events": "none" }],
|
|
829
799
|
["pointer-events-auto", { "pointer-events": "auto" }]
|
|
830
800
|
];
|
|
831
|
-
|
|
801
|
+
const resizes = [
|
|
832
802
|
["resize-none", { resize: "none" }],
|
|
833
803
|
["resize-x", { resize: "horizontal" }],
|
|
834
804
|
["resize-y", { resize: "vertical" }],
|
|
835
805
|
["resize", { resize: "both" }]
|
|
836
806
|
];
|
|
837
|
-
|
|
807
|
+
const userSelects = [
|
|
838
808
|
[/^select-(none|text|all|auto)$/, ([, v]) => ({ "user-select": v })]
|
|
839
809
|
];
|
|
840
|
-
|
|
810
|
+
const whitespaces = [
|
|
841
811
|
[/^(?:whitespace|ws)-(normal|nowrap|pre|pre-line|pre-wrap)$/, ([, v]) => ({ "white-space": v })]
|
|
842
812
|
];
|
|
843
|
-
|
|
813
|
+
const contents = [
|
|
844
814
|
["content-empty", { content: '""' }]
|
|
845
815
|
];
|
|
846
|
-
|
|
816
|
+
const breaks = [
|
|
847
817
|
["break-normal", { "overflow-wrap": "normal", "word-break": "normal" }],
|
|
848
818
|
["break-word", { "overflow-wrap": "break-word" }],
|
|
849
819
|
["break-all", { "word-break": "break-all" }]
|
|
850
820
|
];
|
|
851
|
-
|
|
821
|
+
const textOverflows = [
|
|
852
822
|
["truncate", { "overflow": "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" }],
|
|
853
823
|
["text-ellipsis", { "text-overflow": "ellipsis" }],
|
|
854
824
|
["text-clip", { "text-overflow": "clip" }]
|
|
855
825
|
];
|
|
856
|
-
|
|
826
|
+
const textTransforms = [
|
|
857
827
|
["case-upper", { "text-transform": "uppercase" }],
|
|
858
828
|
["case-lower", { "text-transform": "lowercase" }],
|
|
859
829
|
["case-capital", { "text-transform": "capitalize" }],
|
|
@@ -863,22 +833,22 @@ var textTransforms = [
|
|
|
863
833
|
["capitalize", { "text-transform": "capitalize" }],
|
|
864
834
|
["normal-case", { "text-transform": "none" }]
|
|
865
835
|
];
|
|
866
|
-
|
|
836
|
+
const textDecorations = [
|
|
867
837
|
["underline", { "text-decoration": "underline" }],
|
|
868
838
|
["line-through", { "text-decoration": "line-through" }],
|
|
869
839
|
["no-underline", { "text-decoration": "none" }]
|
|
870
840
|
];
|
|
871
|
-
|
|
841
|
+
const textDecorationStyles = [
|
|
872
842
|
["underline-solid", { "text-decoration-style": "solid" }],
|
|
873
843
|
["underline-double", { "text-decoration-style": "double" }],
|
|
874
844
|
["underline-dotted", { "text-decoration-style": "dotted" }],
|
|
875
845
|
["underline-dashed", { "text-decoration-style": "dashed" }]
|
|
876
846
|
];
|
|
877
|
-
|
|
847
|
+
const fontStyles = [
|
|
878
848
|
["italic", { "font-style": "italic" }],
|
|
879
849
|
["not-italic", { "font-style": "normal" }]
|
|
880
850
|
];
|
|
881
|
-
|
|
851
|
+
const fontSmoothings = [
|
|
882
852
|
["antialiased", {
|
|
883
853
|
"-webkit-font-smoothing": "antialiased",
|
|
884
854
|
"-moz-osx-font-smoothing": "grayscale",
|
|
@@ -890,7 +860,7 @@ var fontSmoothings = [
|
|
|
890
860
|
"font-smoothing": "auto"
|
|
891
861
|
}]
|
|
892
862
|
];
|
|
893
|
-
|
|
863
|
+
const hyphens = [
|
|
894
864
|
["hyphens-none", {
|
|
895
865
|
"-webkit-hyphens": "none",
|
|
896
866
|
"-ms-hyphens": "none",
|
|
@@ -907,17 +877,17 @@ var hyphens = [
|
|
|
907
877
|
"hyphens": "auto"
|
|
908
878
|
}]
|
|
909
879
|
];
|
|
910
|
-
|
|
880
|
+
const writingModes = [
|
|
911
881
|
["write-normal", { "writing-mode": "horizontal-tb" }],
|
|
912
882
|
["write-vertical-right", { "writing-mode": "vertical-rl" }],
|
|
913
883
|
["write-vertical-left", { "writing-mode": "vertical-lr" }]
|
|
914
884
|
];
|
|
915
|
-
|
|
885
|
+
const writingOrientations = [
|
|
916
886
|
["write-orient-mixed", { "text-orientation": "mixed" }],
|
|
917
887
|
["write-orient-upright", { "text-orientation": "upright" }],
|
|
918
888
|
["write-orient-sideways", { "text-orientation": "sideways" }]
|
|
919
889
|
];
|
|
920
|
-
|
|
890
|
+
const screenReadersAccess = [
|
|
921
891
|
[
|
|
922
892
|
"sr-only",
|
|
923
893
|
{
|
|
@@ -946,16 +916,14 @@ var screenReadersAccess = [
|
|
|
946
916
|
}
|
|
947
917
|
]
|
|
948
918
|
];
|
|
949
|
-
|
|
919
|
+
const isolations = [
|
|
950
920
|
["isolate", { isolation: "isolate" }],
|
|
951
921
|
["isolate-auto", { isolation: "auto" }]
|
|
952
922
|
];
|
|
953
923
|
|
|
954
|
-
|
|
955
|
-
var fontsFamilies = [
|
|
924
|
+
const fontsFamilies = [
|
|
956
925
|
[/^font-(\w+)$/, ([, d], { theme }) => {
|
|
957
|
-
|
|
958
|
-
const font = (_a = theme.fontFamily) == null ? void 0 : _a[d];
|
|
926
|
+
const font = theme.fontFamily?.[d];
|
|
959
927
|
if (font) {
|
|
960
928
|
return {
|
|
961
929
|
"font-family": font
|
|
@@ -963,7 +931,7 @@ var fontsFamilies = [
|
|
|
963
931
|
}
|
|
964
932
|
}]
|
|
965
933
|
];
|
|
966
|
-
|
|
934
|
+
const weightMap = {
|
|
967
935
|
thin: "100",
|
|
968
936
|
extralight: "200",
|
|
969
937
|
light: "300",
|
|
@@ -974,11 +942,10 @@ var weightMap = {
|
|
|
974
942
|
extrabold: "800",
|
|
975
943
|
black: "900"
|
|
976
944
|
};
|
|
977
|
-
|
|
945
|
+
const fontSizes = [
|
|
978
946
|
[/^text-([^-]+)$/, ([, s = "base"], { theme }) => {
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
if (result == null ? void 0 : result[0]) {
|
|
947
|
+
const result = core.toArray(theme.fontSize?.[s] || index.handler.bracket.rem(s));
|
|
948
|
+
if (result?.[0]) {
|
|
982
949
|
const [size, height = "1"] = result;
|
|
983
950
|
return {
|
|
984
951
|
"font-size": size,
|
|
@@ -987,41 +954,38 @@ var fontSizes = [
|
|
|
987
954
|
}
|
|
988
955
|
}]
|
|
989
956
|
];
|
|
990
|
-
|
|
957
|
+
const fontWeights = [
|
|
991
958
|
[/^(?:font|fw)-?([^-]+)$/, ([, s]) => {
|
|
992
|
-
const v = weightMap[s] ||
|
|
959
|
+
const v = weightMap[s] || index.handler.number(s);
|
|
993
960
|
if (v)
|
|
994
961
|
return { "font-weight": v };
|
|
995
962
|
}]
|
|
996
963
|
];
|
|
997
|
-
|
|
964
|
+
const leadings = [
|
|
998
965
|
[/^(?:leading|lh)-([^-]+)$/, ([, s], { theme }) => {
|
|
999
|
-
|
|
1000
|
-
const v = ((_a = theme.lineHeight) == null ? void 0 : _a[s]) || _chunkLPZDYB4Jjs.handler.bracket.rem(s);
|
|
966
|
+
const v = theme.lineHeight?.[s] || index.handler.bracket.rem(s);
|
|
1001
967
|
if (v !== null)
|
|
1002
968
|
return { "line-height": v };
|
|
1003
969
|
}]
|
|
1004
970
|
];
|
|
1005
|
-
|
|
971
|
+
const trackings = [
|
|
1006
972
|
[/^tracking-([^-]+)$/, ([, s], { theme }) => {
|
|
1007
|
-
|
|
1008
|
-
const v = ((_a = theme.letterSpacing) == null ? void 0 : _a[s]) || _chunkLPZDYB4Jjs.handler.bracket.rem(s);
|
|
973
|
+
const v = theme.letterSpacing?.[s] || index.handler.bracket.rem(s);
|
|
1009
974
|
if (v !== null)
|
|
1010
975
|
return { "letter-spacing": v };
|
|
1011
976
|
}]
|
|
1012
977
|
];
|
|
1013
|
-
|
|
978
|
+
const wordSpacings = [
|
|
1014
979
|
[/^word-spacing-([^-]+)$/, ([, s], { theme }) => {
|
|
1015
|
-
|
|
1016
|
-
const v = ((_a = theme.wordSpacing) == null ? void 0 : _a[s]) || _chunkLPZDYB4Jjs.handler.bracket.rem(s);
|
|
980
|
+
const v = theme.wordSpacing?.[s] || index.handler.bracket.rem(s);
|
|
1017
981
|
if (v !== null)
|
|
1018
982
|
return { "word-spacing": v };
|
|
1019
983
|
}]
|
|
1020
984
|
];
|
|
1021
|
-
|
|
985
|
+
const tabSizes = [
|
|
1022
986
|
[/^tab-?([^-]*)$/, ([, s]) => {
|
|
1023
987
|
s = s || "4";
|
|
1024
|
-
const v =
|
|
988
|
+
const v = index.handler.bracket.global.number(s);
|
|
1025
989
|
if (v !== null) {
|
|
1026
990
|
return {
|
|
1027
991
|
"-moz-tab-size": v,
|
|
@@ -1031,54 +995,51 @@ var tabSizes = [
|
|
|
1031
995
|
}
|
|
1032
996
|
}]
|
|
1033
997
|
];
|
|
1034
|
-
|
|
998
|
+
const textDecorationLengths = [
|
|
1035
999
|
[/^underline-([^-]+)$/, ([, s]) => {
|
|
1036
|
-
const v = s === "auto" ? s :
|
|
1000
|
+
const v = s === "auto" ? s : index.handler.bracket.px(s);
|
|
1037
1001
|
if (v != null)
|
|
1038
1002
|
return { "text-decoration-thickness": v };
|
|
1039
1003
|
}]
|
|
1040
1004
|
];
|
|
1041
|
-
|
|
1005
|
+
const textDecorationOffsets = [
|
|
1042
1006
|
[/^underline-offset-([^-]+)$/, ([, s]) => {
|
|
1043
|
-
const v = s === "auto" ? s :
|
|
1007
|
+
const v = s === "auto" ? s : index.handler.bracket.px(s);
|
|
1044
1008
|
if (v != null)
|
|
1045
1009
|
return { "text-underline-offset": v };
|
|
1046
1010
|
}]
|
|
1047
1011
|
];
|
|
1048
|
-
|
|
1012
|
+
const textIndents = [
|
|
1049
1013
|
[/^indent(?:-(.+))?$/, ([, s], { theme }) => {
|
|
1050
|
-
|
|
1051
|
-
const v = ((_a = theme.textIndent) == null ? void 0 : _a[s || "DEFAULT"]) || _chunkLPZDYB4Jjs.handler.bracket.cssvar.fraction.rem(s);
|
|
1014
|
+
const v = theme.textIndent?.[s || "DEFAULT"] || index.handler.bracket.cssvar.fraction.rem(s);
|
|
1052
1015
|
if (v != null)
|
|
1053
1016
|
return { "text-indent": v };
|
|
1054
1017
|
}]
|
|
1055
1018
|
];
|
|
1056
|
-
|
|
1019
|
+
const textStrokeWidths = [
|
|
1057
1020
|
[/^text-stroke(?:-(.+))?$/, ([, s], { theme }) => {
|
|
1058
|
-
|
|
1059
|
-
const v = ((_a = theme.textStrokeWidth) == null ? void 0 : _a[s || "DEFAULT"]) || _chunkLPZDYB4Jjs.handler.bracket.cssvar.px(s);
|
|
1021
|
+
const v = theme.textStrokeWidth?.[s || "DEFAULT"] || index.handler.bracket.cssvar.px(s);
|
|
1060
1022
|
if (v != null)
|
|
1061
1023
|
return { "-webkit-text-stroke-width": v };
|
|
1062
1024
|
}]
|
|
1063
1025
|
];
|
|
1064
|
-
|
|
1026
|
+
const textShadows = [
|
|
1065
1027
|
[/^text-shadow(?:-(.+))?$/, ([, s], { theme }) => {
|
|
1066
|
-
|
|
1067
|
-
const v = ((_a = theme.textShadow) == null ? void 0 : _a[s || "DEFAULT"]) || _chunkLPZDYB4Jjs.handler.bracket.cssvar(s);
|
|
1028
|
+
const v = theme.textShadow?.[s || "DEFAULT"] || index.handler.bracket.cssvar(s);
|
|
1068
1029
|
if (v != null)
|
|
1069
1030
|
return { "text-shadow": v };
|
|
1070
1031
|
}]
|
|
1071
1032
|
];
|
|
1072
|
-
|
|
1073
|
-
"--un-ordinal":
|
|
1074
|
-
"--un-slashed-zero":
|
|
1075
|
-
"--un-numeric-figure":
|
|
1076
|
-
"--un-numeric-spacing":
|
|
1077
|
-
"--un-numeric-fraction":
|
|
1033
|
+
const fontVariantNumericBase = {
|
|
1034
|
+
"--un-ordinal": varEmpty,
|
|
1035
|
+
"--un-slashed-zero": varEmpty,
|
|
1036
|
+
"--un-numeric-figure": varEmpty,
|
|
1037
|
+
"--un-numeric-spacing": varEmpty,
|
|
1038
|
+
"--un-numeric-fraction": varEmpty,
|
|
1078
1039
|
"font-variant-numeric": "var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)",
|
|
1079
|
-
[
|
|
1040
|
+
[pseudo.CONTROL_BYPASS_PSEUDO]: ""
|
|
1080
1041
|
};
|
|
1081
|
-
|
|
1042
|
+
const fontVariantNumeric = [
|
|
1082
1043
|
[/^ordinal$/, () => [fontVariantNumericBase, { "--un-ordinal": "ordinal" }]],
|
|
1083
1044
|
[/^slashed-zero$/, () => [fontVariantNumericBase, { "--un-slashed-zero": "slashed-zero" }]],
|
|
1084
1045
|
[/^lining-nums$/, () => [fontVariantNumericBase, { "--un-numeric-figure": "lining-nums" }]],
|
|
@@ -1089,16 +1050,15 @@ var fontVariantNumeric = [
|
|
|
1089
1050
|
[/^stacked-fractions$/, () => [fontVariantNumericBase, { "--un-numeric-fraction": "stacked-fractions" }]],
|
|
1090
1051
|
["normal-nums", { "font-variant-numeric": "normal" }]
|
|
1091
1052
|
];
|
|
1092
|
-
|
|
1053
|
+
const fonts = [
|
|
1093
1054
|
fontsFamilies,
|
|
1094
1055
|
fontSizes,
|
|
1095
1056
|
fontWeights
|
|
1096
1057
|
].flat(1);
|
|
1097
1058
|
|
|
1098
|
-
|
|
1099
|
-
var gaps = [
|
|
1059
|
+
const gaps = [
|
|
1100
1060
|
[/^(?:flex-|grid-)?gap-([^-]+)$/, ([, s]) => {
|
|
1101
|
-
const v =
|
|
1061
|
+
const v = index.handler.bracket.rem(s);
|
|
1102
1062
|
if (v != null) {
|
|
1103
1063
|
return {
|
|
1104
1064
|
"grid-gap": v,
|
|
@@ -1107,7 +1067,7 @@ var gaps = [
|
|
|
1107
1067
|
}
|
|
1108
1068
|
}],
|
|
1109
1069
|
[/^(?:flex-|grid-)?gap-x-([^-]+)$/, ([, s]) => {
|
|
1110
|
-
const v =
|
|
1070
|
+
const v = index.handler.bracket.rem(s);
|
|
1111
1071
|
if (v != null) {
|
|
1112
1072
|
return {
|
|
1113
1073
|
"grid-column-gap": v,
|
|
@@ -1116,7 +1076,7 @@ var gaps = [
|
|
|
1116
1076
|
}
|
|
1117
1077
|
}],
|
|
1118
1078
|
[/^(?:flex-|grid-)?gap-y-([^-]+)$/, ([, s]) => {
|
|
1119
|
-
const v =
|
|
1079
|
+
const v = index.handler.bracket.rem(s);
|
|
1120
1080
|
if (v != null) {
|
|
1121
1081
|
return {
|
|
1122
1082
|
"grid-row-gap": v,
|
|
@@ -1126,13 +1086,8 @@ var gaps = [
|
|
|
1126
1086
|
}]
|
|
1127
1087
|
];
|
|
1128
1088
|
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
var calSize = (s, theme) => {
|
|
1132
|
-
var _a;
|
|
1133
|
-
return _core.toArray.call(void 0, ((_a = theme.fontSize) == null ? void 0 : _a[s]) || _chunkLPZDYB4Jjs.handler.bracket.rem(s))[0];
|
|
1134
|
-
};
|
|
1135
|
-
var autoDirection = (selector, theme) => {
|
|
1089
|
+
const calSize = (s, theme) => core.toArray(theme.fontSize?.[s] || index.handler.bracket.rem(s))[0];
|
|
1090
|
+
const autoDirection = (selector, theme) => {
|
|
1136
1091
|
if (selector === "min")
|
|
1137
1092
|
return "min-content";
|
|
1138
1093
|
else if (selector === "max")
|
|
@@ -1141,7 +1096,7 @@ var autoDirection = (selector, theme) => {
|
|
|
1141
1096
|
return "minmax(0,1fr)";
|
|
1142
1097
|
return calSize(selector, theme);
|
|
1143
1098
|
};
|
|
1144
|
-
|
|
1099
|
+
const grids = [
|
|
1145
1100
|
["grid", { display: "grid" }],
|
|
1146
1101
|
["inline-grid", { display: "inline-grid" }],
|
|
1147
1102
|
[/^grid-cols-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-columns": `repeat(auto-fill, minmax(${d}, 1fr))` })],
|
|
@@ -1151,9 +1106,8 @@ var grids = [
|
|
|
1151
1106
|
[/^grid-cols-\[(.+)\]$/, ([, v]) => ({ "grid-template-columns": v.replace(/,/g, " ") })],
|
|
1152
1107
|
[/^grid-rows-\[(.+)\]$/, ([, v]) => ({ "grid-template-rows": v.replace(/,/g, " ") })],
|
|
1153
1108
|
[/^(?:grid-)?(row|col)-(.+)$/, ([, d, v]) => {
|
|
1154
|
-
var _a;
|
|
1155
1109
|
const key = d === "row" ? "grid-row" : "grid-column";
|
|
1156
|
-
let raw =
|
|
1110
|
+
let raw = index.handler.bracket(v);
|
|
1157
1111
|
if (raw)
|
|
1158
1112
|
return { [key]: raw };
|
|
1159
1113
|
const parts = v.split("-");
|
|
@@ -1162,7 +1116,7 @@ var grids = [
|
|
|
1162
1116
|
if (parts[0] === "span") {
|
|
1163
1117
|
if (parts[1] === "full")
|
|
1164
1118
|
return { [key]: "1/-1" };
|
|
1165
|
-
raw =
|
|
1119
|
+
raw = index.handler.number.bracket(parts[1])?.toString().replace(/_/g, " ");
|
|
1166
1120
|
if (raw)
|
|
1167
1121
|
return { [key]: `span ${raw}/span ${raw}` };
|
|
1168
1122
|
}
|
|
@@ -1176,27 +1130,25 @@ var grids = [
|
|
|
1176
1130
|
[/^(?:grid-)?auto-cols-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-columns": `${autoDirection(v, theme)}` })]
|
|
1177
1131
|
];
|
|
1178
1132
|
|
|
1179
|
-
|
|
1180
|
-
var overflowValues2 = [
|
|
1133
|
+
const overflowValues = [
|
|
1181
1134
|
"auto",
|
|
1182
1135
|
"hidden",
|
|
1183
1136
|
"visible",
|
|
1184
1137
|
"scroll"
|
|
1185
1138
|
];
|
|
1186
|
-
|
|
1187
|
-
[/^(?:overflow|of)-(.+)$/, ([, v]) =>
|
|
1188
|
-
[/^(?:overflow|of)-([xy])-(.+)$/, ([, d, v]) =>
|
|
1139
|
+
const overflows = [
|
|
1140
|
+
[/^(?:overflow|of)-(.+)$/, ([, v]) => overflowValues.includes(v) ? { overflow: v } : void 0],
|
|
1141
|
+
[/^(?:overflow|of)-([xy])-(.+)$/, ([, d, v]) => overflowValues.includes(v) ? { [`overflow-${d}`]: v } : void 0]
|
|
1189
1142
|
];
|
|
1190
1143
|
|
|
1191
|
-
|
|
1192
|
-
var positions = [
|
|
1144
|
+
const positions = [
|
|
1193
1145
|
["relative", { position: "relative" }],
|
|
1194
1146
|
["absolute", { position: "absolute" }],
|
|
1195
1147
|
["fixed", { position: "fixed" }],
|
|
1196
1148
|
["sticky", { position: "sticky" }],
|
|
1197
1149
|
["static", { position: "static" }]
|
|
1198
1150
|
];
|
|
1199
|
-
|
|
1151
|
+
const justifies = [
|
|
1200
1152
|
["justify-start", { "justify-content": "flex-start" }],
|
|
1201
1153
|
["justify-end", { "justify-content": "flex-end" }],
|
|
1202
1154
|
["justify-center", { "justify-content": "center" }],
|
|
@@ -1204,13 +1156,13 @@ var justifies = [
|
|
|
1204
1156
|
["justify-around", { "justify-content": "space-around" }],
|
|
1205
1157
|
["justify-evenly", { "justify-content": "space-evenly" }]
|
|
1206
1158
|
];
|
|
1207
|
-
|
|
1208
|
-
[/^order-(.+)$/, ([, v]) => ({ order: { first: "-9999", last: "9999", none: "0" }[v] ||
|
|
1159
|
+
const orders = [
|
|
1160
|
+
[/^order-(.+)$/, ([, v]) => ({ order: { first: "-9999", last: "9999", none: "0" }[v] || index.handler.bracket.number(v) })]
|
|
1209
1161
|
];
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
|
|
1162
|
+
const basicSet = ["auto", "start", "end", "center", "stretch"];
|
|
1163
|
+
const justifyItems = basicSet.map((i) => [`justify-items-${i}`, { "justify-items": i }]);
|
|
1164
|
+
const justifySelfs = basicSet.map((i) => [`justify-self-${i}`, { "justify-self": i }]);
|
|
1165
|
+
const alignContents = [
|
|
1214
1166
|
["content-start", { "align-content": "flex-start" }],
|
|
1215
1167
|
["content-end", { "align-content": "flex-end" }],
|
|
1216
1168
|
["content-center", { "align-content": "center" }],
|
|
@@ -1218,21 +1170,21 @@ var alignContents = [
|
|
|
1218
1170
|
["content-around", { "align-content": "space-around" }],
|
|
1219
1171
|
["content-evenly", { "align-content": "space-evenly" }]
|
|
1220
1172
|
];
|
|
1221
|
-
|
|
1173
|
+
const alignItems = [
|
|
1222
1174
|
["items-start", { "align-items": "flex-start" }],
|
|
1223
1175
|
["items-end", { "align-items": "flex-end" }],
|
|
1224
1176
|
["items-center", { "align-items": "center" }],
|
|
1225
1177
|
["items-baseline", { "align-items": "baseline" }],
|
|
1226
1178
|
["items-stretch", { "align-items": "stretch" }]
|
|
1227
1179
|
];
|
|
1228
|
-
|
|
1180
|
+
const alignSelfs = [
|
|
1229
1181
|
["self-auto", { "align-self": "auto" }],
|
|
1230
1182
|
["self-start", { "align-self": "flex-start" }],
|
|
1231
1183
|
["self-end", { "align-self": "flex-end" }],
|
|
1232
1184
|
["self-center", { "align-self": "center" }],
|
|
1233
1185
|
["self-stretch", { "align-items": "stretch" }]
|
|
1234
1186
|
];
|
|
1235
|
-
|
|
1187
|
+
const placeContents = [
|
|
1236
1188
|
["place-content-start", { "place-content": "start" }],
|
|
1237
1189
|
["place-content-end", { "place-content": "end" }],
|
|
1238
1190
|
["place-content-center", { "place-content": "center" }],
|
|
@@ -1241,29 +1193,28 @@ var placeContents = [
|
|
|
1241
1193
|
["place-content-evenly", { "place-content": "space-evenly" }],
|
|
1242
1194
|
["place-content-stretch", { "place-content": "stretch" }]
|
|
1243
1195
|
];
|
|
1244
|
-
|
|
1245
|
-
|
|
1196
|
+
const placeItems = basicSet.map((i) => [`place-items-${i}`, { "place-items": i }]);
|
|
1197
|
+
const placeSelfs = basicSet.map((i) => [`place-self-${i}`, { "place-self": i }]);
|
|
1246
1198
|
function handleInsetValue(v) {
|
|
1247
|
-
|
|
1248
|
-
return (_a = { auto: "auto", full: "100%" }[v]) != null ? _a : _chunkLPZDYB4Jjs.handler.bracket.fraction.cssvar.rem(v);
|
|
1199
|
+
return { auto: "auto", full: "100%" }[v] ?? index.handler.bracket.fraction.cssvar.rem(v);
|
|
1249
1200
|
}
|
|
1250
|
-
|
|
1201
|
+
const insets = [
|
|
1251
1202
|
[/^(top|left|right|bottom|inset)-(.+)$/, ([, d, v]) => ({ [d]: handleInsetValue(v) })],
|
|
1252
1203
|
[/^inset-([xy])-(.+)$/, ([, d, v]) => {
|
|
1253
1204
|
const r = handleInsetValue(v);
|
|
1254
|
-
if (r != null && d in
|
|
1255
|
-
return
|
|
1205
|
+
if (r != null && d in index.directionMap)
|
|
1206
|
+
return index.directionMap[d].map((i) => [i.slice(1), r]);
|
|
1256
1207
|
}]
|
|
1257
1208
|
];
|
|
1258
|
-
|
|
1209
|
+
const floats = [
|
|
1259
1210
|
[/^float-(left|right|none)$/, ([, value]) => ({ float: value })],
|
|
1260
1211
|
[/^clear-(left|right|both|none)$/, ([, value]) => ({ clear: value })]
|
|
1261
1212
|
];
|
|
1262
|
-
|
|
1213
|
+
const zIndexes = [
|
|
1263
1214
|
["z-auto", { "z-index": "auto" }],
|
|
1264
|
-
[/^z-([^-]+)$/, ([, v]) => ({ "z-index":
|
|
1215
|
+
[/^z-([^-]+)$/, ([, v]) => ({ "z-index": index.handler.number(v) })]
|
|
1265
1216
|
];
|
|
1266
|
-
|
|
1217
|
+
const objectPositions = [
|
|
1267
1218
|
["object-cover", { "object-fit": "cover" }],
|
|
1268
1219
|
["object-contain", { "object-fit": "contain" }],
|
|
1269
1220
|
["object-fill", { "object-fit": "fill" }],
|
|
@@ -1281,7 +1232,7 @@ var objectPositions = [
|
|
|
1281
1232
|
["object-cb", { "object-position": "center bottom" }],
|
|
1282
1233
|
["object-ct", { "object-position": "center top" }]
|
|
1283
1234
|
];
|
|
1284
|
-
|
|
1235
|
+
const boxSizing = [
|
|
1285
1236
|
[
|
|
1286
1237
|
/^box-(border|content)$/,
|
|
1287
1238
|
([, value]) => ({
|
|
@@ -1290,10 +1241,9 @@ var boxSizing = [
|
|
|
1290
1241
|
]
|
|
1291
1242
|
];
|
|
1292
1243
|
|
|
1293
|
-
|
|
1294
|
-
var rings = [
|
|
1244
|
+
const rings = [
|
|
1295
1245
|
[/^ring-?(.*)$/, ([, d]) => {
|
|
1296
|
-
const value =
|
|
1246
|
+
const value = index.handler.px(d || "1");
|
|
1297
1247
|
if (value) {
|
|
1298
1248
|
return {
|
|
1299
1249
|
"--un-ring-inset": "var(--un-empty, )",
|
|
@@ -1308,7 +1258,7 @@ var rings = [
|
|
|
1308
1258
|
}
|
|
1309
1259
|
}],
|
|
1310
1260
|
[/^ring-offset-?(.*)$/, ([, d]) => {
|
|
1311
|
-
const value =
|
|
1261
|
+
const value = index.handler.px(d || "1");
|
|
1312
1262
|
if (value) {
|
|
1313
1263
|
return {
|
|
1314
1264
|
"--un-ring-offset-width": value
|
|
@@ -1320,8 +1270,7 @@ var rings = [
|
|
|
1320
1270
|
...ringOffsetColors
|
|
1321
1271
|
];
|
|
1322
1272
|
|
|
1323
|
-
|
|
1324
|
-
var colorResolver3 = (body, theme) => {
|
|
1273
|
+
const colorResolver = (body, theme) => {
|
|
1325
1274
|
const data = parseColorUtil(body, theme);
|
|
1326
1275
|
if (!data)
|
|
1327
1276
|
return;
|
|
@@ -1338,7 +1287,7 @@ var colorResolver3 = (body, theme) => {
|
|
|
1338
1287
|
};
|
|
1339
1288
|
}
|
|
1340
1289
|
};
|
|
1341
|
-
|
|
1290
|
+
const mixBlendModes = [
|
|
1342
1291
|
["mix-blend-normal", { "mix-blend-mode": "normal" }],
|
|
1343
1292
|
["mix-blend-multiply", { "mix-blend-mode": "multiply" }],
|
|
1344
1293
|
["mix-blend-screen", { "mix-blend-mode": "screen" }],
|
|
@@ -1356,10 +1305,9 @@ var mixBlendModes = [
|
|
|
1356
1305
|
["mix-blend-color", { "mix-blend-mode": "color" }],
|
|
1357
1306
|
["mix-blend-luminosity", { "mix-blend-mode": "luminosity" }]
|
|
1358
1307
|
];
|
|
1359
|
-
|
|
1308
|
+
const boxShadows = [
|
|
1360
1309
|
[/^shadow-?(.*)$/, ([, d], { theme }) => {
|
|
1361
|
-
|
|
1362
|
-
const value = (_a = theme == null ? void 0 : theme.boxShadow) == null ? void 0 : _a[d || "DEFAULT"];
|
|
1310
|
+
const value = theme?.boxShadow?.[d || "DEFAULT"];
|
|
1363
1311
|
if (value) {
|
|
1364
1312
|
return {
|
|
1365
1313
|
"--un-shadow-color": "0,0,0",
|
|
@@ -1367,66 +1315,61 @@ var boxShadows = [
|
|
|
1367
1315
|
"box-shadow": "var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow)"
|
|
1368
1316
|
};
|
|
1369
1317
|
}
|
|
1370
|
-
const color =
|
|
1318
|
+
const color = colorResolver(d, theme);
|
|
1371
1319
|
if (color)
|
|
1372
1320
|
return color;
|
|
1373
1321
|
}]
|
|
1374
1322
|
];
|
|
1375
1323
|
|
|
1376
|
-
// src/rules/size.ts
|
|
1377
1324
|
function getPropName(minmax, hw) {
|
|
1378
1325
|
return `${minmax ? `${minmax}-` : ""}${hw === "h" ? "height" : "width"}`;
|
|
1379
1326
|
}
|
|
1380
1327
|
function getThemeValue(minmax, hw, theme, prop) {
|
|
1381
|
-
var _a;
|
|
1382
1328
|
let str = `${hw === "h" ? "height" : "width"}`;
|
|
1383
1329
|
if (minmax)
|
|
1384
|
-
str = `${minmax}${
|
|
1385
|
-
return
|
|
1330
|
+
str = `${minmax}${index.capitalize(str)}`;
|
|
1331
|
+
return theme[str]?.[prop];
|
|
1386
1332
|
}
|
|
1387
|
-
|
|
1333
|
+
const sizes = [
|
|
1388
1334
|
[/^(?:(min|max)-)?(w|h)-(.+)$/, ([, m, w, s], { theme }) => {
|
|
1389
|
-
const v = getThemeValue(m, w, theme, s) ||
|
|
1335
|
+
const v = getThemeValue(m, w, theme, s) || index.handler.bracket.cssvar.fraction.rem(s);
|
|
1390
1336
|
if (v != null)
|
|
1391
1337
|
return { [getPropName(m, w)]: v };
|
|
1392
1338
|
}],
|
|
1393
1339
|
[/^(?:(min|max)-)?(w)-screen-(.+)$/, ([, m, w, s], { theme }) => {
|
|
1394
|
-
|
|
1395
|
-
const v = (_a = theme.breakpoints) == null ? void 0 : _a[s];
|
|
1340
|
+
const v = theme.breakpoints?.[s];
|
|
1396
1341
|
if (v != null)
|
|
1397
1342
|
return { [getPropName(m, w)]: v };
|
|
1398
1343
|
}]
|
|
1399
1344
|
];
|
|
1400
|
-
|
|
1345
|
+
const aspectRatio = [
|
|
1401
1346
|
["aspect-ratio-auto", { "aspect-ratio": "auto" }],
|
|
1402
1347
|
[/^aspect-ratio-(.+)$/, ([, d]) => {
|
|
1403
|
-
const v = (/^\d+\/\d+$/.test(d) ? d : null) ||
|
|
1348
|
+
const v = (/^\d+\/\d+$/.test(d) ? d : null) || index.handler.bracket.cssvar.number(d);
|
|
1404
1349
|
if (v != null)
|
|
1405
1350
|
return { "aspect-ratio": v };
|
|
1406
1351
|
}]
|
|
1407
1352
|
];
|
|
1408
1353
|
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
const v = _chunkLPZDYB4Jjs.handler.bracket.rem.fraction.cssvar(size);
|
|
1354
|
+
const directionSize = (prefix) => ([_, direction, size]) => {
|
|
1355
|
+
const v = index.handler.bracket.rem.fraction.cssvar(size);
|
|
1412
1356
|
if (v)
|
|
1413
|
-
return
|
|
1357
|
+
return index.directionMap[direction].map((i) => [prefix + i, v]);
|
|
1414
1358
|
};
|
|
1415
|
-
|
|
1359
|
+
const paddings = [
|
|
1416
1360
|
[/^pa?()-?(-?.+)$/, directionSize("padding")],
|
|
1417
1361
|
[/^p-?([xy])-?(-?.+)$/, directionSize("padding")],
|
|
1418
1362
|
[/^p-?([rltbse])-?(-?.+)$/, directionSize("padding")]
|
|
1419
1363
|
];
|
|
1420
|
-
|
|
1364
|
+
const margins = [
|
|
1421
1365
|
[/^ma?()-?(-?.+)$/, directionSize("margin")],
|
|
1422
1366
|
[/^m-?([xy])-?(-?.+)$/, directionSize("margin")],
|
|
1423
1367
|
[/^m-?([rltbse])-?(-?.+)$/, directionSize("margin")],
|
|
1424
1368
|
[/^space-?([xy])-?(-?.+)$/, (match) => {
|
|
1425
|
-
var _a;
|
|
1426
1369
|
const [, direction, size] = match;
|
|
1427
1370
|
if (size === "reverse")
|
|
1428
1371
|
return { [`--un-space-${direction}-reverse`]: 1 };
|
|
1429
|
-
const results =
|
|
1372
|
+
const results = directionSize("margin")(match)?.map((item) => {
|
|
1430
1373
|
const value = item[0].endsWith("right") || item[0].endsWith("bottom") ? `calc(${item[1]} * var(--un-space-${direction}-reverse))` : `calc(${item[1]} * calc(1 - var(--un-space-${direction}-reverse)))`;
|
|
1431
1374
|
return [item[0], value];
|
|
1432
1375
|
});
|
|
@@ -1439,8 +1382,7 @@ var margins = [
|
|
|
1439
1382
|
}]
|
|
1440
1383
|
];
|
|
1441
1384
|
|
|
1442
|
-
|
|
1443
|
-
var tables = [
|
|
1385
|
+
const tables = [
|
|
1444
1386
|
["border-collapse", { "border-collapse": "collapse" }],
|
|
1445
1387
|
["border-separate", { "border-collapse": "separate" }],
|
|
1446
1388
|
["caption-top", { "caption-side": "top" }],
|
|
@@ -1461,8 +1403,7 @@ var tables = [
|
|
|
1461
1403
|
["table-row-group", { display: "table-row-group" }]
|
|
1462
1404
|
];
|
|
1463
1405
|
|
|
1464
|
-
|
|
1465
|
-
var transformBase = {
|
|
1406
|
+
const transformBase = {
|
|
1466
1407
|
"--un-rotate": 0,
|
|
1467
1408
|
"--un-scale-x": 1,
|
|
1468
1409
|
"--un-scale-y": 1,
|
|
@@ -1473,9 +1414,9 @@ var transformBase = {
|
|
|
1473
1414
|
"--un-translate-y": 0,
|
|
1474
1415
|
"--un-translate-z": 0,
|
|
1475
1416
|
"transform": "rotate(var(--un-rotate)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))",
|
|
1476
|
-
[
|
|
1417
|
+
[pseudo.CONTROL_BYPASS_PSEUDO]: ""
|
|
1477
1418
|
};
|
|
1478
|
-
|
|
1419
|
+
const transforms = [
|
|
1479
1420
|
["transform", transformBase],
|
|
1480
1421
|
[/^preserve-(3d|flat)$/, ([, value]) => ({ "transform-style": value === "3d" ? `preserve-${value}` : value })],
|
|
1481
1422
|
[/^translate()-([^-]+)$/, handleTranslate],
|
|
@@ -1494,29 +1435,29 @@ var transforms = [
|
|
|
1494
1435
|
["origin-top-left", { "transform-origin": "top left" }]
|
|
1495
1436
|
];
|
|
1496
1437
|
function handleTranslate([, d, b]) {
|
|
1497
|
-
const v =
|
|
1438
|
+
const v = index.handler.bracket.fraction.rem(b);
|
|
1498
1439
|
if (v != null) {
|
|
1499
1440
|
return [
|
|
1500
1441
|
transformBase,
|
|
1501
1442
|
[
|
|
1502
|
-
...
|
|
1443
|
+
...index.xyzMap[d].map((i) => [`--un-translate${i}`, v])
|
|
1503
1444
|
]
|
|
1504
1445
|
];
|
|
1505
1446
|
}
|
|
1506
1447
|
}
|
|
1507
1448
|
function handleScale([, d, b]) {
|
|
1508
|
-
const v =
|
|
1449
|
+
const v = index.handler.bracket.fraction.percent(b);
|
|
1509
1450
|
if (v != null) {
|
|
1510
1451
|
return [
|
|
1511
1452
|
transformBase,
|
|
1512
1453
|
[
|
|
1513
|
-
...
|
|
1454
|
+
...index.xyzMap[d].map((i) => [`--un-scale${i}`, v])
|
|
1514
1455
|
]
|
|
1515
1456
|
];
|
|
1516
1457
|
}
|
|
1517
1458
|
}
|
|
1518
1459
|
function handleRotate([, b]) {
|
|
1519
|
-
const v =
|
|
1460
|
+
const v = index.handler.bracket.number(b);
|
|
1520
1461
|
if (v != null) {
|
|
1521
1462
|
return [
|
|
1522
1463
|
transformBase,
|
|
@@ -1525,8 +1466,7 @@ function handleRotate([, b]) {
|
|
|
1525
1466
|
}
|
|
1526
1467
|
}
|
|
1527
1468
|
|
|
1528
|
-
|
|
1529
|
-
var variablesAbbrMap = {
|
|
1469
|
+
const variablesAbbrMap = {
|
|
1530
1470
|
"visible": "visibility",
|
|
1531
1471
|
"select": "user-select",
|
|
1532
1472
|
"vertical": "vertical-align",
|
|
@@ -1564,7 +1504,7 @@ var variablesAbbrMap = {
|
|
|
1564
1504
|
"mix-blend": "mix-blend-mode",
|
|
1565
1505
|
"animate-speed": "animation-speed"
|
|
1566
1506
|
};
|
|
1567
|
-
|
|
1507
|
+
const cssVariables = [[
|
|
1568
1508
|
/^(.+)-\$(.+)$/,
|
|
1569
1509
|
([, name, varname]) => {
|
|
1570
1510
|
const prop = variablesAbbrMap[name];
|
|
@@ -1576,8 +1516,7 @@ var cssVariables = [[
|
|
|
1576
1516
|
}
|
|
1577
1517
|
]];
|
|
1578
1518
|
|
|
1579
|
-
|
|
1580
|
-
var questionMark = [
|
|
1519
|
+
const questionMark = [
|
|
1581
1520
|
[
|
|
1582
1521
|
/^(where|\?)$/,
|
|
1583
1522
|
(_, { constructCSS, generator }) => {
|
|
@@ -1588,25 +1527,24 @@ ${constructCSS({ animation: "__un_qm 0.5s ease-in-out alternate infinite" })}`;
|
|
|
1588
1527
|
]
|
|
1589
1528
|
];
|
|
1590
1529
|
|
|
1591
|
-
|
|
1592
|
-
var divideSizes = [
|
|
1530
|
+
const divideSizes = [
|
|
1593
1531
|
[/^divide-?([xy])$/, handlerDivide],
|
|
1594
1532
|
[/^divide-?([xy])-?(-?.+)$/, handlerDivide],
|
|
1595
1533
|
[/^divide-?([xy])-reverse$/, ([, d]) => [[`--un-divide-${d}-reverse`, 1]]]
|
|
1596
1534
|
];
|
|
1597
|
-
|
|
1535
|
+
const divideStyles = [
|
|
1598
1536
|
["divide-solid", { "border-style": "solid" }],
|
|
1599
1537
|
["divide-dashed", { "border-style": "dashed" }],
|
|
1600
1538
|
["divide-dotted", { "border-style": "dotted" }],
|
|
1601
1539
|
["divide-double", { "border-style": "double" }],
|
|
1602
1540
|
["divide-none", { "border-style": "none" }]
|
|
1603
1541
|
];
|
|
1604
|
-
|
|
1542
|
+
const divides = [divideSizes, divideColors, divideStyles].flat(1);
|
|
1605
1543
|
function handlerDivide([, a, b]) {
|
|
1606
|
-
const [d, s = "1"] =
|
|
1607
|
-
const v =
|
|
1544
|
+
const [d, s = "1"] = index.directionMap[a] ? [a, b] : ["", a];
|
|
1545
|
+
const v = index.handler.bracket.px(s);
|
|
1608
1546
|
if (v != null) {
|
|
1609
|
-
const results =
|
|
1547
|
+
const results = index.directionMap[d].map((item) => {
|
|
1610
1548
|
const key = `border${item}-width`;
|
|
1611
1549
|
const value = item.endsWith("right") || item.endsWith("bottom") ? `calc(${v} * var(--un-divide-${d}-reverse))` : `calc(${v} * calc(1 - var(--un-divide-${d}-reverse)))`;
|
|
1612
1550
|
return [key, value];
|
|
@@ -1616,8 +1554,7 @@ function handlerDivide([, a, b]) {
|
|
|
1616
1554
|
}
|
|
1617
1555
|
}
|
|
1618
1556
|
|
|
1619
|
-
|
|
1620
|
-
var lineClamps = [
|
|
1557
|
+
const lineClamps = [
|
|
1621
1558
|
[/^line-clamp-(\d+)$/, ([, v]) => ({
|
|
1622
1559
|
"overflow": "hidden",
|
|
1623
1560
|
"display": "-webkit-box",
|
|
@@ -1631,8 +1568,7 @@ var lineClamps = [
|
|
|
1631
1568
|
}]
|
|
1632
1569
|
];
|
|
1633
1570
|
|
|
1634
|
-
|
|
1635
|
-
var rules = [
|
|
1571
|
+
const rules = [
|
|
1636
1572
|
screenReadersAccess,
|
|
1637
1573
|
cssVariables,
|
|
1638
1574
|
paddings,
|
|
@@ -1731,117 +1667,115 @@ var rules = [
|
|
|
1731
1667
|
questionMark
|
|
1732
1668
|
].flat(1);
|
|
1733
1669
|
|
|
1734
|
-
|
|
1735
|
-
|
|
1736
|
-
|
|
1737
|
-
|
|
1738
|
-
|
|
1739
|
-
|
|
1740
|
-
|
|
1741
|
-
|
|
1742
|
-
|
|
1743
|
-
|
|
1744
|
-
|
|
1745
|
-
|
|
1746
|
-
|
|
1747
|
-
|
|
1748
|
-
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
|
|
1753
|
-
|
|
1754
|
-
|
|
1755
|
-
|
|
1756
|
-
|
|
1757
|
-
|
|
1758
|
-
|
|
1759
|
-
|
|
1760
|
-
|
|
1761
|
-
|
|
1762
|
-
|
|
1763
|
-
|
|
1764
|
-
|
|
1765
|
-
|
|
1766
|
-
|
|
1767
|
-
|
|
1768
|
-
|
|
1769
|
-
|
|
1770
|
-
|
|
1771
|
-
|
|
1772
|
-
|
|
1773
|
-
|
|
1774
|
-
|
|
1775
|
-
|
|
1776
|
-
|
|
1777
|
-
|
|
1778
|
-
|
|
1779
|
-
|
|
1780
|
-
|
|
1781
|
-
|
|
1782
|
-
|
|
1783
|
-
|
|
1784
|
-
|
|
1785
|
-
|
|
1786
|
-
|
|
1787
|
-
|
|
1788
|
-
|
|
1789
|
-
|
|
1790
|
-
|
|
1791
|
-
|
|
1792
|
-
|
|
1793
|
-
|
|
1794
|
-
|
|
1795
|
-
|
|
1796
|
-
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
|
|
1803
|
-
|
|
1804
|
-
|
|
1805
|
-
|
|
1806
|
-
|
|
1807
|
-
|
|
1808
|
-
|
|
1809
|
-
|
|
1810
|
-
|
|
1811
|
-
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
|
|
1815
|
-
|
|
1816
|
-
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
|
|
1821
|
-
|
|
1822
|
-
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
|
|
1826
|
-
|
|
1827
|
-
|
|
1828
|
-
|
|
1829
|
-
|
|
1830
|
-
|
|
1831
|
-
|
|
1832
|
-
|
|
1833
|
-
|
|
1834
|
-
|
|
1835
|
-
|
|
1836
|
-
|
|
1837
|
-
|
|
1838
|
-
|
|
1839
|
-
|
|
1840
|
-
|
|
1841
|
-
|
|
1842
|
-
|
|
1843
|
-
|
|
1844
|
-
|
|
1845
|
-
|
|
1846
|
-
|
|
1847
|
-
exports.verticalAligns = verticalAligns; exports.textAligns = textAligns; exports.animations = animations; exports.parseColorUtil = parseColorUtil; exports.colorResolver = colorResolver; exports.opacity = opacity; exports.textColors = textColors; exports.textDecorationColors = textDecorationColors; exports.textStrokeColors = textStrokeColors; exports.bgColors = bgColors; exports.borderColors = borderColors; exports.ringColors = ringColors; exports.ringOffsetColors = ringOffsetColors; exports.divideColors = divideColors; exports.fillColors = fillColors; exports.bgAttachments = bgAttachments; exports.bgBlendModes = bgBlendModes; exports.bgClips = bgClips; exports.bgGradients = bgGradients; exports.bgImages = bgImages; exports.bgOrigins = bgOrigins; exports.bgPositions = bgPositions; exports.bgRepeats = bgRepeats; exports.bgSizes = bgSizes; exports.outline = outline; exports.listStyle = listStyle; exports.boxDecorationBreaks = boxDecorationBreaks; exports.caretOpacity = caretOpacity; exports.caretColors = caretColors; exports.imageRenderings = imageRenderings; exports.appearance = appearance; exports.placeholder = placeholder; exports.overscrolls = overscrolls; exports.borderSizes = borderSizes; exports.borderRadius = borderRadius; exports.borderStyles = borderStyles; exports.borders = borders; exports.container = container; exports.containerShortcuts = containerShortcuts; exports.transitions = transitions; exports.filters = filters; exports.flex = flex; exports.varEmpty = varEmpty2; exports.displays = displays; exports.appearances = appearances; exports.cursors = cursors; exports.pointerEvents = pointerEvents; exports.resizes = resizes; exports.userSelects = userSelects; exports.whitespaces = whitespaces; exports.contents = contents; exports.breaks = breaks; exports.textOverflows = textOverflows; exports.textTransforms = textTransforms; exports.textDecorations = textDecorations; exports.textDecorationStyles = textDecorationStyles; exports.fontStyles = fontStyles; exports.fontSmoothings = fontSmoothings; exports.hyphens = hyphens; exports.writingModes = writingModes; exports.writingOrientations = writingOrientations; exports.screenReadersAccess = screenReadersAccess; exports.isolations = isolations; exports.fontsFamilies = fontsFamilies; exports.fontSizes = fontSizes; exports.fontWeights = fontWeights; exports.leadings = leadings; exports.trackings = trackings; exports.wordSpacings = wordSpacings; exports.tabSizes = tabSizes; exports.textDecorationLengths = textDecorationLengths; exports.textDecorationOffsets = textDecorationOffsets; exports.textIndents = textIndents; exports.textStrokeWidths = textStrokeWidths; exports.textShadows = textShadows; exports.fontVariantNumeric = fontVariantNumeric; exports.fonts = fonts; exports.gaps = gaps; exports.grids = grids; exports.overflows = overflows; exports.positions = positions; exports.justifies = justifies; exports.orders = orders; exports.justifyItems = justifyItems; exports.justifySelfs = justifySelfs; exports.alignContents = alignContents; exports.alignItems = alignItems; exports.alignSelfs = alignSelfs; exports.placeContents = placeContents; exports.placeItems = placeItems; exports.placeSelfs = placeSelfs; exports.insets = insets; exports.floats = floats; exports.zIndexes = zIndexes; exports.objectPositions = objectPositions; exports.boxSizing = boxSizing; exports.rings = rings; exports.mixBlendModes = mixBlendModes; exports.boxShadows = boxShadows; exports.sizes = sizes; exports.aspectRatio = aspectRatio; exports.paddings = paddings; exports.margins = margins; exports.tables = tables; exports.transforms = transforms; exports.cssVariables = cssVariables; exports.questionMark = questionMark; exports.divideSizes = divideSizes; exports.divideStyles = divideStyles; exports.divides = divides; exports.lineClamps = lineClamps; exports.rules = rules;
|
|
1670
|
+
exports.alignContents = alignContents;
|
|
1671
|
+
exports.alignItems = alignItems;
|
|
1672
|
+
exports.alignSelfs = alignSelfs;
|
|
1673
|
+
exports.animations = animations;
|
|
1674
|
+
exports.appearance = appearance;
|
|
1675
|
+
exports.appearances = appearances;
|
|
1676
|
+
exports.aspectRatio = aspectRatio;
|
|
1677
|
+
exports.bgAttachments = bgAttachments;
|
|
1678
|
+
exports.bgBlendModes = bgBlendModes;
|
|
1679
|
+
exports.bgClips = bgClips;
|
|
1680
|
+
exports.bgColors = bgColors;
|
|
1681
|
+
exports.bgGradients = bgGradients;
|
|
1682
|
+
exports.bgImages = bgImages;
|
|
1683
|
+
exports.bgOrigins = bgOrigins;
|
|
1684
|
+
exports.bgPositions = bgPositions;
|
|
1685
|
+
exports.bgRepeats = bgRepeats;
|
|
1686
|
+
exports.bgSizes = bgSizes;
|
|
1687
|
+
exports.borderColors = borderColors;
|
|
1688
|
+
exports.borderRadius = borderRadius;
|
|
1689
|
+
exports.borderSizes = borderSizes;
|
|
1690
|
+
exports.borderStyles = borderStyles;
|
|
1691
|
+
exports.borders = borders;
|
|
1692
|
+
exports.boxDecorationBreaks = boxDecorationBreaks;
|
|
1693
|
+
exports.boxShadows = boxShadows;
|
|
1694
|
+
exports.boxSizing = boxSizing;
|
|
1695
|
+
exports.breaks = breaks;
|
|
1696
|
+
exports.caretColors = caretColors;
|
|
1697
|
+
exports.caretOpacity = caretOpacity;
|
|
1698
|
+
exports.colorResolver = colorResolver$2;
|
|
1699
|
+
exports.container = container;
|
|
1700
|
+
exports.containerShortcuts = containerShortcuts;
|
|
1701
|
+
exports.contents = contents;
|
|
1702
|
+
exports.cssVariables = cssVariables;
|
|
1703
|
+
exports.cursors = cursors;
|
|
1704
|
+
exports.displays = displays;
|
|
1705
|
+
exports.divideColors = divideColors;
|
|
1706
|
+
exports.divideSizes = divideSizes;
|
|
1707
|
+
exports.divideStyles = divideStyles;
|
|
1708
|
+
exports.divides = divides;
|
|
1709
|
+
exports.fillColors = fillColors;
|
|
1710
|
+
exports.filters = filters;
|
|
1711
|
+
exports.flex = flex;
|
|
1712
|
+
exports.floats = floats;
|
|
1713
|
+
exports.fontSizes = fontSizes;
|
|
1714
|
+
exports.fontSmoothings = fontSmoothings;
|
|
1715
|
+
exports.fontStyles = fontStyles;
|
|
1716
|
+
exports.fontVariantNumeric = fontVariantNumeric;
|
|
1717
|
+
exports.fontWeights = fontWeights;
|
|
1718
|
+
exports.fonts = fonts;
|
|
1719
|
+
exports.fontsFamilies = fontsFamilies;
|
|
1720
|
+
exports.gaps = gaps;
|
|
1721
|
+
exports.grids = grids;
|
|
1722
|
+
exports.hyphens = hyphens;
|
|
1723
|
+
exports.imageRenderings = imageRenderings;
|
|
1724
|
+
exports.insets = insets;
|
|
1725
|
+
exports.isolations = isolations;
|
|
1726
|
+
exports.justifies = justifies;
|
|
1727
|
+
exports.justifyItems = justifyItems;
|
|
1728
|
+
exports.justifySelfs = justifySelfs;
|
|
1729
|
+
exports.leadings = leadings;
|
|
1730
|
+
exports.lineClamps = lineClamps;
|
|
1731
|
+
exports.listStyle = listStyle;
|
|
1732
|
+
exports.margins = margins;
|
|
1733
|
+
exports.mixBlendModes = mixBlendModes;
|
|
1734
|
+
exports.objectPositions = objectPositions;
|
|
1735
|
+
exports.opacity = opacity;
|
|
1736
|
+
exports.orders = orders;
|
|
1737
|
+
exports.outline = outline;
|
|
1738
|
+
exports.overflows = overflows;
|
|
1739
|
+
exports.overscrolls = overscrolls;
|
|
1740
|
+
exports.paddings = paddings;
|
|
1741
|
+
exports.parseColorUtil = parseColorUtil;
|
|
1742
|
+
exports.placeContents = placeContents;
|
|
1743
|
+
exports.placeItems = placeItems;
|
|
1744
|
+
exports.placeSelfs = placeSelfs;
|
|
1745
|
+
exports.placeholder = placeholder;
|
|
1746
|
+
exports.pointerEvents = pointerEvents;
|
|
1747
|
+
exports.positions = positions;
|
|
1748
|
+
exports.questionMark = questionMark;
|
|
1749
|
+
exports.resizes = resizes;
|
|
1750
|
+
exports.ringColors = ringColors;
|
|
1751
|
+
exports.ringOffsetColors = ringOffsetColors;
|
|
1752
|
+
exports.rings = rings;
|
|
1753
|
+
exports.rules = rules;
|
|
1754
|
+
exports.screenReadersAccess = screenReadersAccess;
|
|
1755
|
+
exports.sizes = sizes;
|
|
1756
|
+
exports.tabSizes = tabSizes;
|
|
1757
|
+
exports.tables = tables;
|
|
1758
|
+
exports.textAligns = textAligns;
|
|
1759
|
+
exports.textColors = textColors;
|
|
1760
|
+
exports.textDecorationColors = textDecorationColors;
|
|
1761
|
+
exports.textDecorationLengths = textDecorationLengths;
|
|
1762
|
+
exports.textDecorationOffsets = textDecorationOffsets;
|
|
1763
|
+
exports.textDecorationStyles = textDecorationStyles;
|
|
1764
|
+
exports.textDecorations = textDecorations;
|
|
1765
|
+
exports.textIndents = textIndents;
|
|
1766
|
+
exports.textOverflows = textOverflows;
|
|
1767
|
+
exports.textShadows = textShadows;
|
|
1768
|
+
exports.textStrokeColors = textStrokeColors;
|
|
1769
|
+
exports.textStrokeWidths = textStrokeWidths;
|
|
1770
|
+
exports.textTransforms = textTransforms;
|
|
1771
|
+
exports.trackings = trackings;
|
|
1772
|
+
exports.transforms = transforms;
|
|
1773
|
+
exports.transitions = transitions;
|
|
1774
|
+
exports.userSelects = userSelects;
|
|
1775
|
+
exports.varEmpty = varEmpty;
|
|
1776
|
+
exports.verticalAligns = verticalAligns;
|
|
1777
|
+
exports.whitespaces = whitespaces;
|
|
1778
|
+
exports.wordSpacings = wordSpacings;
|
|
1779
|
+
exports.writingModes = writingModes;
|
|
1780
|
+
exports.writingOrientations = writingOrientations;
|
|
1781
|
+
exports.zIndexes = zIndexes;
|