@unocss/preset-uno 0.11.5 → 0.12.2
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-IUVZVO7H.js → chunk-5WWOD4UI.js} +8 -8
- package/dist/{chunk-R5JSOZOB.js → chunk-D3O3OLB6.js} +69 -37
- package/dist/{chunk-DPTQJS6R.mjs → chunk-F5VW77AU.mjs} +19 -7
- package/dist/{chunk-DGBVGLC6.js → chunk-PIBKKHAP.js} +87 -75
- package/dist/{chunk-PVS5EBXX.js → chunk-SCNDCSE5.js} +6 -1
- package/dist/{chunk-Y2XBOS65.mjs → chunk-TOS4ZSIW.mjs} +1 -1
- package/dist/{chunk-FOQKHXUZ.mjs → chunk-URBMB274.mjs} +6 -1
- package/dist/{chunk-RHH7JH7F.mjs → chunk-ZUP75OYP.mjs} +69 -37
- package/dist/{colors-5eb4823c.d.ts → colors-5537fdf0.d.ts} +1 -1
- package/dist/{index-ff2f576a.d.ts → index-9dcba0ca.d.ts} +1 -0
- package/dist/index.d.ts +3 -3
- package/dist/index.js +10 -10
- package/dist/index.mjs +4 -4
- package/dist/rules.js +3 -3
- package/dist/rules.mjs +2 -2
- package/dist/theme.d.ts +2 -2
- package/dist/theme.js +2 -2
- package/dist/theme.mjs +1 -1
- package/dist/variants.d.ts +1 -1
- package/dist/variants.js +3 -3
- package/dist/variants.mjs +2 -2
- package/package.json +2 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkSCNDCSE5js = require('./chunk-SCNDCSE5.js');
|
|
4
4
|
|
|
5
5
|
// src/variants/breakpoints.ts
|
|
6
6
|
var regexCache = {};
|
|
@@ -30,9 +30,9 @@ var variantBreakpoints = (matcher, _, theme) => {
|
|
|
30
30
|
|
|
31
31
|
// src/variants/children.ts
|
|
32
32
|
var variantChildren = [
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
33
|
+
_chunkSCNDCSE5js.variantMatcher.call(void 0, "children", (input) => `${input} > *`),
|
|
34
|
+
_chunkSCNDCSE5js.variantMatcher.call(void 0, "all", (input) => `${input} *`),
|
|
35
|
+
_chunkSCNDCSE5js.variantMatcher.call(void 0, "next", (input) => `${input}+*`)
|
|
36
36
|
];
|
|
37
37
|
|
|
38
38
|
// src/variants/pseudo.ts
|
|
@@ -123,19 +123,19 @@ var variantPseudoClasses = {
|
|
|
123
123
|
|
|
124
124
|
// src/variants/dark.ts
|
|
125
125
|
var variantColorsClass = [
|
|
126
|
-
|
|
127
|
-
|
|
126
|
+
_chunkSCNDCSE5js.variantMatcher.call(void 0, "dark", (input) => `.dark $$ ${input}`),
|
|
127
|
+
_chunkSCNDCSE5js.variantMatcher.call(void 0, "light", (input) => `.light $$ ${input}`)
|
|
128
128
|
];
|
|
129
129
|
var variantColorsMedia = [
|
|
130
130
|
(v) => {
|
|
131
|
-
const dark =
|
|
131
|
+
const dark = _chunkSCNDCSE5js.variantMatcher.call(void 0, "dark")(v);
|
|
132
132
|
if (dark) {
|
|
133
133
|
return {
|
|
134
134
|
...dark,
|
|
135
135
|
parent: "@media (prefers-color-scheme: dark)"
|
|
136
136
|
};
|
|
137
137
|
}
|
|
138
|
-
const light =
|
|
138
|
+
const light = _chunkSCNDCSE5js.variantMatcher.call(void 0, "light")(v);
|
|
139
139
|
if (light) {
|
|
140
140
|
return {
|
|
141
141
|
...light,
|
|
@@ -209,43 +209,7 @@ var colors = {
|
|
|
209
209
|
800: "#991b1b",
|
|
210
210
|
900: "#7f1d1d"
|
|
211
211
|
},
|
|
212
|
-
warmgray: {
|
|
213
|
-
50: "#fafaf9",
|
|
214
|
-
100: "#f5f5f4",
|
|
215
|
-
200: "#e7e5e4",
|
|
216
|
-
300: "#d6d3d1",
|
|
217
|
-
400: "#a8a29e",
|
|
218
|
-
500: "#78716c",
|
|
219
|
-
600: "#57534e",
|
|
220
|
-
700: "#44403c",
|
|
221
|
-
800: "#292524",
|
|
222
|
-
900: "#1c1917"
|
|
223
|
-
},
|
|
224
|
-
truegray: {
|
|
225
|
-
50: "#fafafa",
|
|
226
|
-
100: "#f5f5f5",
|
|
227
|
-
200: "#e5e5e5",
|
|
228
|
-
300: "#d4d4d4",
|
|
229
|
-
400: "#a3a3a3",
|
|
230
|
-
500: "#737373",
|
|
231
|
-
600: "#525252",
|
|
232
|
-
700: "#404040",
|
|
233
|
-
800: "#262626",
|
|
234
|
-
900: "#171717"
|
|
235
|
-
},
|
|
236
212
|
gray: {
|
|
237
|
-
50: "#fafafa",
|
|
238
|
-
100: "#f4f4f5",
|
|
239
|
-
200: "#e4e4e7",
|
|
240
|
-
300: "#d4d4d8",
|
|
241
|
-
400: "#a1a1aa",
|
|
242
|
-
500: "#71717a",
|
|
243
|
-
600: "#52525b",
|
|
244
|
-
700: "#3f3f46",
|
|
245
|
-
800: "#27272a",
|
|
246
|
-
900: "#18181b"
|
|
247
|
-
},
|
|
248
|
-
coolgray: {
|
|
249
213
|
50: "#f9fafb",
|
|
250
214
|
100: "#f3f4f6",
|
|
251
215
|
200: "#e5e7eb",
|
|
@@ -257,7 +221,7 @@ var colors = {
|
|
|
257
221
|
800: "#1f2937",
|
|
258
222
|
900: "#111827"
|
|
259
223
|
},
|
|
260
|
-
|
|
224
|
+
slate: {
|
|
261
225
|
50: "#f8fafc",
|
|
262
226
|
100: "#f1f5f9",
|
|
263
227
|
200: "#e2e8f0",
|
|
@@ -269,6 +233,42 @@ var colors = {
|
|
|
269
233
|
800: "#1e293b",
|
|
270
234
|
900: "#0f172a"
|
|
271
235
|
},
|
|
236
|
+
zinc: {
|
|
237
|
+
50: "#fafafa",
|
|
238
|
+
100: "#f4f4f5",
|
|
239
|
+
200: "#e4e4e7",
|
|
240
|
+
300: "#d4d4d8",
|
|
241
|
+
400: "#a1a1aa",
|
|
242
|
+
500: "#71717a",
|
|
243
|
+
600: "#52525b",
|
|
244
|
+
700: "#3f3f46",
|
|
245
|
+
800: "#27272a",
|
|
246
|
+
900: "#18181b"
|
|
247
|
+
},
|
|
248
|
+
neutral: {
|
|
249
|
+
50: "#fafafa",
|
|
250
|
+
100: "#f5f5f5",
|
|
251
|
+
200: "#e5e5e5",
|
|
252
|
+
300: "#d4d4d4",
|
|
253
|
+
400: "#a3a3a3",
|
|
254
|
+
500: "#737373",
|
|
255
|
+
600: "#525252",
|
|
256
|
+
700: "#404040",
|
|
257
|
+
800: "#262626",
|
|
258
|
+
900: "#171717"
|
|
259
|
+
},
|
|
260
|
+
stone: {
|
|
261
|
+
50: "#fafaf9",
|
|
262
|
+
100: "#f5f5f4",
|
|
263
|
+
200: "#e7e5e4",
|
|
264
|
+
300: "#d6d3d1",
|
|
265
|
+
400: "#a8a29e",
|
|
266
|
+
500: "#78716c",
|
|
267
|
+
600: "#57534e",
|
|
268
|
+
700: "#44403c",
|
|
269
|
+
800: "#292524",
|
|
270
|
+
900: "#1c1917"
|
|
271
|
+
},
|
|
272
272
|
light: {
|
|
273
273
|
50: "#fdfdfd",
|
|
274
274
|
100: "#fcfcfc",
|
|
@@ -292,6 +292,36 @@ var colors = {
|
|
|
292
292
|
700: "#1b1b1b",
|
|
293
293
|
800: "#181818",
|
|
294
294
|
900: "#0f0f0f"
|
|
295
|
+
},
|
|
296
|
+
get lightblue() {
|
|
297
|
+
return this.sky;
|
|
298
|
+
},
|
|
299
|
+
get lightBlue() {
|
|
300
|
+
return this.sky;
|
|
301
|
+
},
|
|
302
|
+
get warmgray() {
|
|
303
|
+
return this.stone;
|
|
304
|
+
},
|
|
305
|
+
get warmGray() {
|
|
306
|
+
return this.stone;
|
|
307
|
+
},
|
|
308
|
+
get truegray() {
|
|
309
|
+
return this.neutral;
|
|
310
|
+
},
|
|
311
|
+
get trueGray() {
|
|
312
|
+
return this.neutral;
|
|
313
|
+
},
|
|
314
|
+
get coolgray() {
|
|
315
|
+
return this.gray;
|
|
316
|
+
},
|
|
317
|
+
get coolGray() {
|
|
318
|
+
return this.gray;
|
|
319
|
+
},
|
|
320
|
+
get bluegray() {
|
|
321
|
+
return this.slate;
|
|
322
|
+
},
|
|
323
|
+
get blueGray() {
|
|
324
|
+
return this.slate;
|
|
295
325
|
}
|
|
296
326
|
};
|
|
297
327
|
Object.values(colors).forEach((color) => {
|
|
@@ -398,6 +428,7 @@ var letterSpacing = {
|
|
|
398
428
|
wider: "0.05em",
|
|
399
429
|
widest: "0.1em"
|
|
400
430
|
};
|
|
431
|
+
var wordSpacing = letterSpacing;
|
|
401
432
|
|
|
402
433
|
// src/theme/misc.ts
|
|
403
434
|
var breakpoints = {
|
|
@@ -504,6 +535,7 @@ var theme = {
|
|
|
504
535
|
borderRadius,
|
|
505
536
|
lineHeight,
|
|
506
537
|
letterSpacing,
|
|
538
|
+
wordSpacing,
|
|
507
539
|
boxShadow,
|
|
508
540
|
textIndent,
|
|
509
541
|
textShadow,
|
|
@@ -4,7 +4,7 @@ import {
|
|
|
4
4
|
directionMap,
|
|
5
5
|
handler,
|
|
6
6
|
xyzMap
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-URBMB274.mjs";
|
|
8
8
|
|
|
9
9
|
// src/rules/transition.ts
|
|
10
10
|
var transitionBasicProps = [
|
|
@@ -556,14 +556,25 @@ var trackings = [
|
|
|
556
556
|
return { "letter-spacing": v };
|
|
557
557
|
}]
|
|
558
558
|
];
|
|
559
|
+
var wordSpacings = [
|
|
560
|
+
[/^word-spacing-([^-]+)$/, ([, s], { theme }) => {
|
|
561
|
+
var _a;
|
|
562
|
+
const v = ((_a = theme.wordSpacing) == null ? void 0 : _a[s]) || handler.bracket.rem(s);
|
|
563
|
+
if (v !== null)
|
|
564
|
+
return { "word-spacing": v };
|
|
565
|
+
}]
|
|
566
|
+
];
|
|
559
567
|
var tabSizes = [
|
|
560
568
|
[/^tab-?([^-]*)$/, ([, s]) => {
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
569
|
+
s = s || "4";
|
|
570
|
+
const v = handler.bracket.global.number(s);
|
|
571
|
+
if (v !== null) {
|
|
572
|
+
return {
|
|
573
|
+
"-moz-tab-size": v,
|
|
574
|
+
"-o-tab-size": v,
|
|
575
|
+
"tab-size": v
|
|
576
|
+
};
|
|
577
|
+
}
|
|
567
578
|
}]
|
|
568
579
|
];
|
|
569
580
|
var textDecorationLengths = [
|
|
@@ -1604,6 +1615,7 @@ var rules = [
|
|
|
1604
1615
|
overscrolls,
|
|
1605
1616
|
breaks,
|
|
1606
1617
|
trackings,
|
|
1618
|
+
wordSpacings,
|
|
1607
1619
|
leadings,
|
|
1608
1620
|
overflows,
|
|
1609
1621
|
positions,
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
7
|
+
var _chunkSCNDCSE5js = require('./chunk-SCNDCSE5.js');
|
|
8
8
|
|
|
9
9
|
// src/rules/transition.ts
|
|
10
10
|
var transitionBasicProps = [
|
|
@@ -106,7 +106,7 @@ var parseColorUtil = (body, theme) => {
|
|
|
106
106
|
if (!name)
|
|
107
107
|
return;
|
|
108
108
|
let color;
|
|
109
|
-
const bracket =
|
|
109
|
+
const bracket = _chunkSCNDCSE5js.handler.bracket(main) || main;
|
|
110
110
|
if (bracket.startsWith("#"))
|
|
111
111
|
color = bracket.slice(1);
|
|
112
112
|
if (bracket.startsWith("hex-"))
|
|
@@ -134,7 +134,7 @@ var colorResolver = (attribute, varName) => ([, body], { theme }) => {
|
|
|
134
134
|
if (!color)
|
|
135
135
|
return;
|
|
136
136
|
if (rgba) {
|
|
137
|
-
const a = opacity2 ? opacity2[0] === "[" ?
|
|
137
|
+
const a = opacity2 ? opacity2[0] === "[" ? _chunkSCNDCSE5js.handler.bracket.percent(opacity2) : parseFloat(opacity2) / 100 : rgba[3];
|
|
138
138
|
if (a != null && !Number.isNaN(a)) {
|
|
139
139
|
rgba[3] = typeof a === "string" && !a.includes("%") ? parseFloat(a) : a;
|
|
140
140
|
return {
|
|
@@ -153,11 +153,11 @@ var colorResolver = (attribute, varName) => ([, body], { theme }) => {
|
|
|
153
153
|
}
|
|
154
154
|
};
|
|
155
155
|
var opacity = [
|
|
156
|
-
[/^op(?:acity)?-?(.+)$/, ([, d]) => ({ opacity:
|
|
156
|
+
[/^op(?:acity)?-?(.+)$/, ([, d]) => ({ opacity: _chunkSCNDCSE5js.handler.bracket.percent.cssvar(d) })]
|
|
157
157
|
];
|
|
158
158
|
var textColors = [
|
|
159
159
|
[/^(?:text|color|c)-(.+)$/, colorResolver("color", "text")],
|
|
160
|
-
[/^(?:text|color|c)-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-text-opacity":
|
|
160
|
+
[/^(?:text|color|c)-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-text-opacity": _chunkSCNDCSE5js.handler.bracket.percent.cssvar(opacity2) })]
|
|
161
161
|
];
|
|
162
162
|
var textDecorationColors = [
|
|
163
163
|
[/^underline-(.+)$/, (match, ctx) => {
|
|
@@ -169,36 +169,36 @@ var textDecorationColors = [
|
|
|
169
169
|
};
|
|
170
170
|
}
|
|
171
171
|
}],
|
|
172
|
-
[/^underline-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-line-opacity":
|
|
172
|
+
[/^underline-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-line-opacity": _chunkSCNDCSE5js.handler.bracket.percent(opacity2) })]
|
|
173
173
|
];
|
|
174
174
|
var textStrokeColors = [
|
|
175
175
|
[/^text-stroke-(.+)$/, colorResolver("-webkit-text-stroke-color", "text-stroke")],
|
|
176
|
-
[/^text-stroke-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-text-stroke-opacity":
|
|
176
|
+
[/^text-stroke-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-text-stroke-opacity": _chunkSCNDCSE5js.handler.bracket.percent(opacity2) })]
|
|
177
177
|
];
|
|
178
178
|
var bgColors = [
|
|
179
179
|
[/^bg-(.+)$/, colorResolver("background-color", "bg")],
|
|
180
|
-
[/^bg-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-bg-opacity":
|
|
180
|
+
[/^bg-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-bg-opacity": _chunkSCNDCSE5js.handler.bracket.percent(opacity2) })]
|
|
181
181
|
];
|
|
182
182
|
var borderColors = [
|
|
183
183
|
[/^(?:border|b)-(.+)$/, colorResolver("border-color", "border")],
|
|
184
|
-
[/^(?:border|b)-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-border-opacity":
|
|
184
|
+
[/^(?:border|b)-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-border-opacity": _chunkSCNDCSE5js.handler.bracket.percent(opacity2) })]
|
|
185
185
|
];
|
|
186
186
|
var ringColors = [
|
|
187
187
|
[/^ring-(.+)$/, colorResolver("--un-ring-color", "ring")],
|
|
188
|
-
[/^ring-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-ring-opacity":
|
|
188
|
+
[/^ring-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-ring-opacity": _chunkSCNDCSE5js.handler.bracket.percent(opacity2) })]
|
|
189
189
|
];
|
|
190
190
|
var ringOffsetColors = [
|
|
191
191
|
[/^ring-offset-(.+)$/, colorResolver("--un-ring-offset-color", "ring-offset")],
|
|
192
|
-
[/^ring-offset-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-ring-offset-opacity":
|
|
192
|
+
[/^ring-offset-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-ring-offset-opacity": _chunkSCNDCSE5js.handler.bracket.percent(opacity2) })]
|
|
193
193
|
];
|
|
194
194
|
var divideColors = [
|
|
195
195
|
[/^divide-(.+)$/, colorResolver("border-color", "divide")],
|
|
196
|
-
[/^divide-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-divide-opacity":
|
|
196
|
+
[/^divide-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-divide-opacity": _chunkSCNDCSE5js.handler.bracket.percent(opacity2) })]
|
|
197
197
|
];
|
|
198
198
|
var fillColors = [
|
|
199
199
|
["fill-none", { fill: "none" }],
|
|
200
200
|
[/^fill-(.+)$/, colorResolver("fill", "fill")],
|
|
201
|
-
[/^fill-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-fill-opacity":
|
|
201
|
+
[/^fill-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-fill-opacity": _chunkSCNDCSE5js.handler.bracket.percent(opacity2) })]
|
|
202
202
|
];
|
|
203
203
|
|
|
204
204
|
// src/rules/border.ts
|
|
@@ -226,21 +226,21 @@ var borders = [
|
|
|
226
226
|
borderRadius
|
|
227
227
|
].flat(1);
|
|
228
228
|
function handlerBorder([, a, b]) {
|
|
229
|
-
const [d, s = "1"] =
|
|
230
|
-
const v =
|
|
229
|
+
const [d, s = "1"] = _chunkSCNDCSE5js.directionMap[a] ? [a, b] : ["", a];
|
|
230
|
+
const v = _chunkSCNDCSE5js.handler.bracket.px(s);
|
|
231
231
|
if (v != null) {
|
|
232
232
|
return [
|
|
233
|
-
...
|
|
233
|
+
..._chunkSCNDCSE5js.directionMap[d].map((i) => [`border${i}-width`, v]),
|
|
234
234
|
["border-style", "solid"]
|
|
235
235
|
];
|
|
236
236
|
}
|
|
237
237
|
}
|
|
238
238
|
function handlerRounded([, a, b], { theme }) {
|
|
239
239
|
var _a;
|
|
240
|
-
const [d, s = "DEFAULT"] =
|
|
241
|
-
const v = ((_a = theme.borderRadius) == null ? void 0 : _a[s]) ||
|
|
240
|
+
const [d, s = "DEFAULT"] = _chunkSCNDCSE5js.cornerMap[a] ? [a, b] : ["", a];
|
|
241
|
+
const v = ((_a = theme.borderRadius) == null ? void 0 : _a[s]) || _chunkSCNDCSE5js.handler.bracket.fraction.rem(s);
|
|
242
242
|
if (v != null)
|
|
243
|
-
return
|
|
243
|
+
return _chunkSCNDCSE5js.cornerMap[d].map((i) => [`border${i}-radius`, v]);
|
|
244
244
|
}
|
|
245
245
|
|
|
246
246
|
// src/rules/container.ts
|
|
@@ -290,7 +290,7 @@ var colorResolver2 = (mode) => ([, body], { theme }) => {
|
|
|
290
290
|
return;
|
|
291
291
|
let colorString = color;
|
|
292
292
|
if (rgba) {
|
|
293
|
-
const a = opacity2 ? opacity2[0] === "[" ?
|
|
293
|
+
const a = opacity2 ? opacity2[0] === "[" ? _chunkSCNDCSE5js.handler.bracket.percent(opacity2) : parseFloat(opacity2) / 100 : rgba[3];
|
|
294
294
|
if (a != null && !Number.isNaN(a)) {
|
|
295
295
|
rgba[3] = typeof a === "string" && !a.includes("%") ? parseFloat(a) : a;
|
|
296
296
|
colorString = `rgba(${rgba.join(",")})`;
|
|
@@ -347,9 +347,9 @@ var bgGradients = [
|
|
|
347
347
|
[/^from-(.+)$/, colorResolver2("from")],
|
|
348
348
|
[/^to-(.+)$/, colorResolver2("to")],
|
|
349
349
|
[/^via-(.+)$/, colorResolver2("via")],
|
|
350
|
-
[/^from-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-from-opacity":
|
|
351
|
-
[/^to-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-to-opacity":
|
|
352
|
-
[/^via-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-via-opacity":
|
|
350
|
+
[/^from-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-from-opacity": _chunkSCNDCSE5js.handler.bracket.percent(opacity2) })],
|
|
351
|
+
[/^to-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-to-opacity": _chunkSCNDCSE5js.handler.bracket.percent(opacity2) })],
|
|
352
|
+
[/^via-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-via-opacity": _chunkSCNDCSE5js.handler.bracket.percent(opacity2) })]
|
|
353
353
|
];
|
|
354
354
|
var bgImages = [
|
|
355
355
|
["bg-none", { "background-image": "none" }],
|
|
@@ -412,7 +412,7 @@ var bgSizes = [
|
|
|
412
412
|
|
|
413
413
|
var varEmpty = "var(--un-empty,/*!*/ /*!*/)";
|
|
414
414
|
var percentWithDefault = (defaultValue = "1") => (str) => {
|
|
415
|
-
const v = str ?
|
|
415
|
+
const v = str ? _chunkSCNDCSE5js.handler.bracket.percent(str) : defaultValue;
|
|
416
416
|
return v && parseFloat(v) <= 1 ? v : void 0;
|
|
417
417
|
};
|
|
418
418
|
var toFilter = (varName, resolver) => ([, b, s], { theme }) => {
|
|
@@ -456,18 +456,18 @@ var filters = [
|
|
|
456
456
|
}],
|
|
457
457
|
[/^(backdrop-)?blur(?:-(.+))?$/, toFilter("blur", (s, theme) => {
|
|
458
458
|
var _a;
|
|
459
|
-
return ((_a = theme.blur) == null ? void 0 : _a[s || "DEFAULT"]) ||
|
|
459
|
+
return ((_a = theme.blur) == null ? void 0 : _a[s || "DEFAULT"]) || _chunkSCNDCSE5js.handler.bracket.px(s);
|
|
460
460
|
})],
|
|
461
|
-
[/^(backdrop-)?brightness-(\d+)$/, toFilter("brightness", (s) =>
|
|
462
|
-
[/^(backdrop-)?contrast-(\d+)$/, toFilter("contrast", (s) =>
|
|
461
|
+
[/^(backdrop-)?brightness-(\d+)$/, toFilter("brightness", (s) => _chunkSCNDCSE5js.handler.bracket.percent(s))],
|
|
462
|
+
[/^(backdrop-)?contrast-(\d+)$/, toFilter("contrast", (s) => _chunkSCNDCSE5js.handler.bracket.percent(s))],
|
|
463
463
|
[/^()?drop-shadow(?:-(.+))?$/, toFilter("drop-shadow", (s, theme) => {
|
|
464
464
|
var _a;
|
|
465
|
-
const v =
|
|
465
|
+
const v = _chunkSCNDCSE5js.handler.bracket(s) || ((_a = theme.dropShadow) == null ? void 0 : _a[s || "DEFAULT"]);
|
|
466
466
|
if (v)
|
|
467
467
|
return _core.toArray.call(void 0, v).map((v2) => `drop-shadow(${v2})`).join(" ");
|
|
468
468
|
})],
|
|
469
469
|
[/^(backdrop-)?grayscale(?:-(\d+))?$/, toFilter("grayscale", percentWithDefault())],
|
|
470
|
-
[/^(backdrop-)?hue-rotate-(\d+)$/, toFilter("hue-rotate", (s) => `${
|
|
470
|
+
[/^(backdrop-)?hue-rotate-(\d+)$/, toFilter("hue-rotate", (s) => `${_chunkSCNDCSE5js.handler.bracket.number(s)}deg`)],
|
|
471
471
|
[/^(backdrop-)?invert(?:-(\d+))?$/, toFilter("invert", percentWithDefault())],
|
|
472
472
|
[/^(backdrop-)?saturate(?:-(\d+))?$/, toFilter("saturate", percentWithDefault("0"))],
|
|
473
473
|
[/^(backdrop-)?sepia(?:-(\d+))?$/, toFilter("sepia", percentWithDefault())]
|
|
@@ -523,7 +523,7 @@ var weightMap = {
|
|
|
523
523
|
var fontSizes = [
|
|
524
524
|
[/^text-([^-]+)$/, ([, s = "base"], { theme }) => {
|
|
525
525
|
var _a;
|
|
526
|
-
const result = _core.toArray.call(void 0, ((_a = theme.fontSize) == null ? void 0 : _a[s]) ||
|
|
526
|
+
const result = _core.toArray.call(void 0, ((_a = theme.fontSize) == null ? void 0 : _a[s]) || _chunkSCNDCSE5js.handler.bracket.rem(s));
|
|
527
527
|
if (result == null ? void 0 : result[0]) {
|
|
528
528
|
const [size, height = "1"] = result;
|
|
529
529
|
return {
|
|
@@ -535,7 +535,7 @@ var fontSizes = [
|
|
|
535
535
|
];
|
|
536
536
|
var fontWeights = [
|
|
537
537
|
[/^(?:font|fw)-?([^-]+)$/, ([, s]) => {
|
|
538
|
-
const v = weightMap[s] ||
|
|
538
|
+
const v = weightMap[s] || _chunkSCNDCSE5js.handler.number(s);
|
|
539
539
|
if (v)
|
|
540
540
|
return { "font-weight": v };
|
|
541
541
|
}]
|
|
@@ -543,7 +543,7 @@ var fontWeights = [
|
|
|
543
543
|
var leadings = [
|
|
544
544
|
[/^(?:leading|lh)-([^-]+)$/, ([, s], { theme }) => {
|
|
545
545
|
var _a;
|
|
546
|
-
const v = ((_a = theme.lineHeight) == null ? void 0 : _a[s]) ||
|
|
546
|
+
const v = ((_a = theme.lineHeight) == null ? void 0 : _a[s]) || _chunkSCNDCSE5js.handler.bracket.rem(s);
|
|
547
547
|
if (v !== null)
|
|
548
548
|
return { "line-height": v };
|
|
549
549
|
}]
|
|
@@ -551,31 +551,42 @@ var leadings = [
|
|
|
551
551
|
var trackings = [
|
|
552
552
|
[/^tracking-([^-]+)$/, ([, s], { theme }) => {
|
|
553
553
|
var _a;
|
|
554
|
-
const v = ((_a = theme.letterSpacing) == null ? void 0 : _a[s]) ||
|
|
554
|
+
const v = ((_a = theme.letterSpacing) == null ? void 0 : _a[s]) || _chunkSCNDCSE5js.handler.bracket.rem(s);
|
|
555
555
|
if (v !== null)
|
|
556
556
|
return { "letter-spacing": v };
|
|
557
557
|
}]
|
|
558
558
|
];
|
|
559
|
+
var wordSpacings = [
|
|
560
|
+
[/^word-spacing-([^-]+)$/, ([, s], { theme }) => {
|
|
561
|
+
var _a;
|
|
562
|
+
const v = ((_a = theme.wordSpacing) == null ? void 0 : _a[s]) || _chunkSCNDCSE5js.handler.bracket.rem(s);
|
|
563
|
+
if (v !== null)
|
|
564
|
+
return { "word-spacing": v };
|
|
565
|
+
}]
|
|
566
|
+
];
|
|
559
567
|
var tabSizes = [
|
|
560
568
|
[/^tab-?([^-]*)$/, ([, s]) => {
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
569
|
+
s = s || "4";
|
|
570
|
+
const v = _chunkSCNDCSE5js.handler.bracket.global.number(s);
|
|
571
|
+
if (v !== null) {
|
|
572
|
+
return {
|
|
573
|
+
"-moz-tab-size": v,
|
|
574
|
+
"-o-tab-size": v,
|
|
575
|
+
"tab-size": v
|
|
576
|
+
};
|
|
577
|
+
}
|
|
567
578
|
}]
|
|
568
579
|
];
|
|
569
580
|
var textDecorationLengths = [
|
|
570
581
|
[/^underline-([^-]+)$/, ([, s]) => {
|
|
571
|
-
const v = s === "auto" ? s :
|
|
582
|
+
const v = s === "auto" ? s : _chunkSCNDCSE5js.handler.bracket.px(s);
|
|
572
583
|
if (v != null)
|
|
573
584
|
return { "text-decoration-thickness": v };
|
|
574
585
|
}]
|
|
575
586
|
];
|
|
576
587
|
var textDecorationOffsets = [
|
|
577
588
|
[/^underline-offset-([^-]+)$/, ([, s]) => {
|
|
578
|
-
const v = s === "auto" ? s :
|
|
589
|
+
const v = s === "auto" ? s : _chunkSCNDCSE5js.handler.bracket.px(s);
|
|
579
590
|
if (v != null)
|
|
580
591
|
return { "text-underline-offset": v };
|
|
581
592
|
}]
|
|
@@ -583,7 +594,7 @@ var textDecorationOffsets = [
|
|
|
583
594
|
var textIndents = [
|
|
584
595
|
[/^indent(?:-(.+))?$/, ([, s], { theme }) => {
|
|
585
596
|
var _a;
|
|
586
|
-
const v = ((_a = theme.textIndent) == null ? void 0 : _a[s || "DEFAULT"]) ||
|
|
597
|
+
const v = ((_a = theme.textIndent) == null ? void 0 : _a[s || "DEFAULT"]) || _chunkSCNDCSE5js.handler.bracket.cssvar.fraction.rem(s);
|
|
587
598
|
if (v != null)
|
|
588
599
|
return { "text-indent": v };
|
|
589
600
|
}]
|
|
@@ -591,7 +602,7 @@ var textIndents = [
|
|
|
591
602
|
var textStrokeWidths = [
|
|
592
603
|
[/^text-stroke(?:-(.+))?$/, ([, s], { theme }) => {
|
|
593
604
|
var _a;
|
|
594
|
-
const v = ((_a = theme.textStrokeWidth) == null ? void 0 : _a[s || "DEFAULT"]) ||
|
|
605
|
+
const v = ((_a = theme.textStrokeWidth) == null ? void 0 : _a[s || "DEFAULT"]) || _chunkSCNDCSE5js.handler.bracket.cssvar.px(s);
|
|
595
606
|
if (v != null)
|
|
596
607
|
return { "-webkit-text-stroke-width": v };
|
|
597
608
|
}]
|
|
@@ -599,7 +610,7 @@ var textStrokeWidths = [
|
|
|
599
610
|
var textShadows = [
|
|
600
611
|
[/^text-shadow(?:-(.+))?$/, ([, s], { theme }) => {
|
|
601
612
|
var _a;
|
|
602
|
-
const v = ((_a = theme.textShadow) == null ? void 0 : _a[s || "DEFAULT"]) ||
|
|
613
|
+
const v = ((_a = theme.textShadow) == null ? void 0 : _a[s || "DEFAULT"]) || _chunkSCNDCSE5js.handler.bracket.cssvar(s);
|
|
603
614
|
if (v != null)
|
|
604
615
|
return { "text-shadow": v };
|
|
605
616
|
}]
|
|
@@ -613,7 +624,7 @@ var fonts = [
|
|
|
613
624
|
// src/rules/gap.ts
|
|
614
625
|
var gaps = [
|
|
615
626
|
[/^(?:flex-|grid-)?gap-([^-]+)$/, ([, s]) => {
|
|
616
|
-
const v =
|
|
627
|
+
const v = _chunkSCNDCSE5js.handler.bracket.rem(s);
|
|
617
628
|
if (v != null) {
|
|
618
629
|
return {
|
|
619
630
|
"grid-gap": v,
|
|
@@ -622,7 +633,7 @@ var gaps = [
|
|
|
622
633
|
}
|
|
623
634
|
}],
|
|
624
635
|
[/^(?:flex-|grid-)?gap-x-([^-]+)$/, ([, s]) => {
|
|
625
|
-
const v =
|
|
636
|
+
const v = _chunkSCNDCSE5js.handler.bracket.rem(s);
|
|
626
637
|
if (v != null) {
|
|
627
638
|
return {
|
|
628
639
|
"grid-column-gap": v,
|
|
@@ -631,7 +642,7 @@ var gaps = [
|
|
|
631
642
|
}
|
|
632
643
|
}],
|
|
633
644
|
[/^(?:flex-|grid-)?gap-y-([^-]+)$/, ([, s]) => {
|
|
634
|
-
const v =
|
|
645
|
+
const v = _chunkSCNDCSE5js.handler.bracket.rem(s);
|
|
635
646
|
if (v != null) {
|
|
636
647
|
return {
|
|
637
648
|
"grid-row-gap": v,
|
|
@@ -645,7 +656,7 @@ var gaps = [
|
|
|
645
656
|
|
|
646
657
|
var calSize = (s, theme) => {
|
|
647
658
|
var _a;
|
|
648
|
-
return _core.toArray.call(void 0, ((_a = theme.fontSize) == null ? void 0 : _a[s]) ||
|
|
659
|
+
return _core.toArray.call(void 0, ((_a = theme.fontSize) == null ? void 0 : _a[s]) || _chunkSCNDCSE5js.handler.bracket.rem(s))[0];
|
|
649
660
|
};
|
|
650
661
|
var autoDirection = (selector, theme) => {
|
|
651
662
|
if (selector === "min")
|
|
@@ -673,7 +684,7 @@ var grids = [
|
|
|
673
684
|
[/^(?:grid-)?(row|col)-(.+)$/, ([, d, v]) => {
|
|
674
685
|
var _a;
|
|
675
686
|
const key = d === "row" ? "grid-row" : "grid-column";
|
|
676
|
-
let raw =
|
|
687
|
+
let raw = _chunkSCNDCSE5js.handler.bracket(v);
|
|
677
688
|
if (raw)
|
|
678
689
|
return { [key]: raw };
|
|
679
690
|
const parts = v.split("-");
|
|
@@ -682,7 +693,7 @@ var grids = [
|
|
|
682
693
|
if (parts[0] === "span") {
|
|
683
694
|
if (parts[1] === "full")
|
|
684
695
|
return { [key]: "1/-1" };
|
|
685
|
-
raw = (_a =
|
|
696
|
+
raw = (_a = _chunkSCNDCSE5js.handler.number.bracket(parts[1])) == null ? void 0 : _a.toString().replace(/_/g, " ");
|
|
686
697
|
if (raw)
|
|
687
698
|
return { [key]: `span ${raw}/span ${raw}` };
|
|
688
699
|
}
|
|
@@ -718,7 +729,7 @@ var justifies = [
|
|
|
718
729
|
["justify-evenly", { "justify-content": "space-evenly" }]
|
|
719
730
|
];
|
|
720
731
|
var orders = [
|
|
721
|
-
[/^order-(.+)$/, ([, v]) => ({ order: { first: "-9999", last: "9999", none: "0" }[v] ||
|
|
732
|
+
[/^order-(.+)$/, ([, v]) => ({ order: { first: "-9999", last: "9999", none: "0" }[v] || _chunkSCNDCSE5js.handler.bracket.number(v) })]
|
|
722
733
|
];
|
|
723
734
|
var basicSet = ["auto", "start", "end", "center", "stretch"];
|
|
724
735
|
var justifyItems = basicSet.map((i) => [`justify-items-${i}`, { "justify-items": i }]);
|
|
@@ -758,14 +769,14 @@ var placeItems = basicSet.map((i) => [`place-items-${i}`, { "place-items": i }])
|
|
|
758
769
|
var placeSelfs = basicSet.map((i) => [`place-self-${i}`, { "place-self": i }]);
|
|
759
770
|
function handleInsetValue(v) {
|
|
760
771
|
var _a;
|
|
761
|
-
return (_a = { auto: "auto", full: "100%" }[v]) != null ? _a :
|
|
772
|
+
return (_a = { auto: "auto", full: "100%" }[v]) != null ? _a : _chunkSCNDCSE5js.handler.bracket.fraction.cssvar.rem(v);
|
|
762
773
|
}
|
|
763
774
|
var insets = [
|
|
764
775
|
[/^(top|left|right|bottom|inset)-(.+)$/, ([, d, v]) => ({ [d]: handleInsetValue(v) })],
|
|
765
776
|
[/^inset-([xy])-(.+)$/, ([, d, v]) => {
|
|
766
777
|
const r = handleInsetValue(v);
|
|
767
|
-
if (r != null && d in
|
|
768
|
-
return
|
|
778
|
+
if (r != null && d in _chunkSCNDCSE5js.directionMap)
|
|
779
|
+
return _chunkSCNDCSE5js.directionMap[d].map((i) => [i.slice(1), r]);
|
|
769
780
|
}]
|
|
770
781
|
];
|
|
771
782
|
var floats = [
|
|
@@ -774,7 +785,7 @@ var floats = [
|
|
|
774
785
|
];
|
|
775
786
|
var zIndexes = [
|
|
776
787
|
["z-auto", { "z-index": "auto" }],
|
|
777
|
-
[/^z-([^-]+)$/, ([, v]) => ({ "z-index":
|
|
788
|
+
[/^z-([^-]+)$/, ([, v]) => ({ "z-index": _chunkSCNDCSE5js.handler.number(v) })]
|
|
778
789
|
];
|
|
779
790
|
var objectPositions = [
|
|
780
791
|
["object-cover", { "object-fit": "cover" }],
|
|
@@ -806,7 +817,7 @@ var boxSizing = [
|
|
|
806
817
|
// src/rules/ring.ts
|
|
807
818
|
var rings = [
|
|
808
819
|
[/^ring-?(.*)$/, ([, d]) => {
|
|
809
|
-
const value =
|
|
820
|
+
const value = _chunkSCNDCSE5js.handler.px(d || "1");
|
|
810
821
|
if (value) {
|
|
811
822
|
return {
|
|
812
823
|
"--un-ring-inset": "var(--un-empty, )",
|
|
@@ -821,7 +832,7 @@ var rings = [
|
|
|
821
832
|
}
|
|
822
833
|
}],
|
|
823
834
|
[/^ring-offset-?(.*)$/, ([, d]) => {
|
|
824
|
-
const value =
|
|
835
|
+
const value = _chunkSCNDCSE5js.handler.px(d || "1");
|
|
825
836
|
if (value) {
|
|
826
837
|
return {
|
|
827
838
|
"--un-ring-offset-width": value
|
|
@@ -894,12 +905,12 @@ function getThemeValue(minmax, hw, theme, prop) {
|
|
|
894
905
|
var _a;
|
|
895
906
|
let str = `${hw === "h" ? "height" : "width"}`;
|
|
896
907
|
if (minmax)
|
|
897
|
-
str = `${minmax}${
|
|
908
|
+
str = `${minmax}${_chunkSCNDCSE5js.capitalize.call(void 0, str)}`;
|
|
898
909
|
return (_a = theme[str]) == null ? void 0 : _a[prop];
|
|
899
910
|
}
|
|
900
911
|
var sizes = [
|
|
901
912
|
[/^(?:(min|max)-)?(w|h)-(.+)$/, ([, m, w, s], { theme }) => {
|
|
902
|
-
const v = getThemeValue(m, w, theme, s) ||
|
|
913
|
+
const v = getThemeValue(m, w, theme, s) || _chunkSCNDCSE5js.handler.bracket.cssvar.fraction.rem(s);
|
|
903
914
|
if (v != null)
|
|
904
915
|
return { [getPropName(m, w)]: v };
|
|
905
916
|
}],
|
|
@@ -913,7 +924,7 @@ var sizes = [
|
|
|
913
924
|
var aspectRatio = [
|
|
914
925
|
["aspect-ratio-auto", { "aspect-ratio": "auto" }],
|
|
915
926
|
[/^aspect-ratio-(.+)$/, ([, d]) => {
|
|
916
|
-
const v = (/^\d+\/\d+$/.test(d) ? d : null) ||
|
|
927
|
+
const v = (/^\d+\/\d+$/.test(d) ? d : null) || _chunkSCNDCSE5js.handler.bracket.cssvar.number(d);
|
|
917
928
|
if (v != null)
|
|
918
929
|
return { "aspect-ratio": v };
|
|
919
930
|
}]
|
|
@@ -921,9 +932,9 @@ var aspectRatio = [
|
|
|
921
932
|
|
|
922
933
|
// src/rules/spacing.ts
|
|
923
934
|
var directionSize = (prefix) => ([_, direction, size]) => {
|
|
924
|
-
const v =
|
|
935
|
+
const v = _chunkSCNDCSE5js.handler.bracket.rem.fraction.cssvar(size);
|
|
925
936
|
if (v)
|
|
926
|
-
return
|
|
937
|
+
return _chunkSCNDCSE5js.directionMap[direction].map((i) => [prefix + i, v]);
|
|
927
938
|
};
|
|
928
939
|
var paddings = [
|
|
929
940
|
[/^pa?()-?(-?.+)$/, directionSize("padding")],
|
|
@@ -1153,23 +1164,23 @@ var transforms = [
|
|
|
1153
1164
|
["origin-top-left", { "transform-origin": "top left" }]
|
|
1154
1165
|
];
|
|
1155
1166
|
function handleTranslate([, d, b]) {
|
|
1156
|
-
const v =
|
|
1167
|
+
const v = _chunkSCNDCSE5js.handler.bracket.fraction.rem(b);
|
|
1157
1168
|
if (v != null) {
|
|
1158
1169
|
return [
|
|
1159
|
-
...
|
|
1170
|
+
..._chunkSCNDCSE5js.xyzMap[d].map((i) => [`--un-translate${i}`, v])
|
|
1160
1171
|
];
|
|
1161
1172
|
}
|
|
1162
1173
|
}
|
|
1163
1174
|
function handleScale([, d, b]) {
|
|
1164
|
-
const v =
|
|
1175
|
+
const v = _chunkSCNDCSE5js.handler.bracket.fraction.percent(b);
|
|
1165
1176
|
if (v != null) {
|
|
1166
1177
|
return [
|
|
1167
|
-
...
|
|
1178
|
+
..._chunkSCNDCSE5js.xyzMap[d].map((i) => [`--un-scale${i}`, v])
|
|
1168
1179
|
];
|
|
1169
1180
|
}
|
|
1170
1181
|
}
|
|
1171
1182
|
function handleRotate([, b]) {
|
|
1172
|
-
const v =
|
|
1183
|
+
const v = _chunkSCNDCSE5js.handler.bracket.number(b);
|
|
1173
1184
|
if (v != null)
|
|
1174
1185
|
return { "--un-rotate": `${v}deg` };
|
|
1175
1186
|
}
|
|
@@ -1179,7 +1190,7 @@ var outlineStyle = ["none", "auto", "dotted", "dashed", "solid", "double", "groo
|
|
|
1179
1190
|
var listStyleProps = ["none", "disc", "circle", "square", "decimal", "zero-decimal", "greek", "roman", "upper-roman", "alpha", "upper-alpha"];
|
|
1180
1191
|
var parseOutlineSize = (s) => {
|
|
1181
1192
|
const propName = ["width", "offset"].find((item) => s.startsWith(item)) || "width";
|
|
1182
|
-
const size =
|
|
1193
|
+
const size = _chunkSCNDCSE5js.handler.bracket.fraction.rem(s.replace(/^(offset\-|width\-)/, ""));
|
|
1183
1194
|
if (size) {
|
|
1184
1195
|
return {
|
|
1185
1196
|
[`outline-${propName}`]: size
|
|
@@ -1242,7 +1253,7 @@ var boxDecorationBreaks = [
|
|
|
1242
1253
|
["decoration-clone", { "box-decoration-break": "clone" }]
|
|
1243
1254
|
];
|
|
1244
1255
|
var caretOpacity = [
|
|
1245
|
-
[/^caret-op(?:acity)?-?(.+)$/, ([, d]) => ({ "--un-caret-opacity":
|
|
1256
|
+
[/^caret-op(?:acity)?-?(.+)$/, ([, d]) => ({ "--un-caret-opacity": _chunkSCNDCSE5js.handler.bracket.percent(d) })]
|
|
1246
1257
|
];
|
|
1247
1258
|
var caretColors = [
|
|
1248
1259
|
[/^caret-(.+)$/, colorResolver("caret-color", "caret")]
|
|
@@ -1268,7 +1279,7 @@ var placeholder = [
|
|
|
1268
1279
|
[
|
|
1269
1280
|
/^placeholder-opacity-(\d+)$/,
|
|
1270
1281
|
([, d]) => ({
|
|
1271
|
-
"placeholder-opacity":
|
|
1282
|
+
"placeholder-opacity": _chunkSCNDCSE5js.handler.bracket.percent(d)
|
|
1272
1283
|
})
|
|
1273
1284
|
],
|
|
1274
1285
|
[
|
|
@@ -1402,8 +1413,8 @@ var animations = [
|
|
|
1402
1413
|
${constructCSS({ animation: `${name} 1s linear infinite` })}`;
|
|
1403
1414
|
}],
|
|
1404
1415
|
["animate-none", { animation: "none" }],
|
|
1405
|
-
[/^animate(?:-duration)?-((.+)(?:(s|ms)?))$/, ([, d]) => ({ "animation-duration":
|
|
1406
|
-
[/^animate-delay-((.+)(?:(s|ms)?))$/, ([, d]) => ({ "animation-delay":
|
|
1416
|
+
[/^animate(?:-duration)?-((.+)(?:(s|ms)?))$/, ([, d]) => ({ "animation-duration": _chunkSCNDCSE5js.handler.bracket.time(d.replace(/-duration/, "")) })],
|
|
1417
|
+
[/^animate-delay-((.+)(?:(s|ms)?))$/, ([, d]) => ({ "animation-delay": _chunkSCNDCSE5js.handler.bracket.time(d) })],
|
|
1407
1418
|
[/^animate-(?:fill-)?mode-(none|forwards|backwards|both|inherit|initial|revert|unset)$/, ([, d]) => ({ "animation-fill-mode": d })],
|
|
1408
1419
|
[/^animate-(?:direction-)?(normal|reverse|alternate|alternate-reverse|inherit|initial|revert|unset)$/, ([, d]) => ({ "animation-direction": d })],
|
|
1409
1420
|
[/^animate-(?:iteration-)?count-(.+)$/, ([, d]) => ({ "animation-iteration-count": d.replace(/\-/g, ", ") })],
|
|
@@ -1505,10 +1516,10 @@ var divideStyles = [
|
|
|
1505
1516
|
];
|
|
1506
1517
|
var divides = [divideSizes, divideColors, divideStyles].flat(1);
|
|
1507
1518
|
function handlerDivide([, a, b]) {
|
|
1508
|
-
const [d, s = "1"] =
|
|
1509
|
-
const v =
|
|
1519
|
+
const [d, s = "1"] = _chunkSCNDCSE5js.directionMap[a] ? [a, b] : ["", a];
|
|
1520
|
+
const v = _chunkSCNDCSE5js.handler.bracket.px(s);
|
|
1510
1521
|
if (v != null) {
|
|
1511
|
-
const results =
|
|
1522
|
+
const results = _chunkSCNDCSE5js.directionMap[d].map((item) => {
|
|
1512
1523
|
const key = `border${item}-width`;
|
|
1513
1524
|
const value = item.endsWith("right") || item.endsWith("bottom") ? `calc(${v} * var(--un-divide-${d}-reverse))` : `calc(${v} * calc(1 - var(--un-divide-${d}-reverse)))`;
|
|
1514
1525
|
return [key, value];
|
|
@@ -1604,6 +1615,7 @@ var rules = [
|
|
|
1604
1615
|
overscrolls,
|
|
1605
1616
|
breaks,
|
|
1606
1617
|
trackings,
|
|
1618
|
+
wordSpacings,
|
|
1607
1619
|
leadings,
|
|
1608
1620
|
overflows,
|
|
1609
1621
|
positions,
|
|
@@ -55,13 +55,14 @@ _chunkY6EUTGDCjs.__export.call(void 0, handlers_exports, {
|
|
|
55
55
|
bracket: () => bracket,
|
|
56
56
|
cssvar: () => cssvar,
|
|
57
57
|
fraction: () => fraction,
|
|
58
|
+
global: () => global,
|
|
58
59
|
number: () => number,
|
|
59
60
|
percent: () => percent,
|
|
60
61
|
px: () => px,
|
|
61
62
|
rem: () => rem,
|
|
62
63
|
time: () => time
|
|
63
64
|
});
|
|
64
|
-
var numberWithUnitRE = /^(-?[0-9.]+)(
|
|
65
|
+
var numberWithUnitRE = /^(-?[0-9.]+)(px|pt|pc|rem|em|%|vh|vw|in|cm|mm|ex|ch|vmin|vmax)?$/i;
|
|
65
66
|
var numberRE = /^(-?[0-9.]+)$/i;
|
|
66
67
|
function rem(str) {
|
|
67
68
|
if (str === "auto" || str === "a")
|
|
@@ -123,6 +124,10 @@ function time(str) {
|
|
|
123
124
|
return str;
|
|
124
125
|
return `${str}ms`;
|
|
125
126
|
}
|
|
127
|
+
function global(str) {
|
|
128
|
+
if (["inherit", "initial", "unset"].includes(str))
|
|
129
|
+
return str;
|
|
130
|
+
}
|
|
126
131
|
|
|
127
132
|
// src/utils/handlers/shorthand.ts
|
|
128
133
|
var handlersNames = Object.keys(handlers_exports);
|
|
@@ -55,13 +55,14 @@ __export(handlers_exports, {
|
|
|
55
55
|
bracket: () => bracket,
|
|
56
56
|
cssvar: () => cssvar,
|
|
57
57
|
fraction: () => fraction,
|
|
58
|
+
global: () => global,
|
|
58
59
|
number: () => number,
|
|
59
60
|
percent: () => percent,
|
|
60
61
|
px: () => px,
|
|
61
62
|
rem: () => rem,
|
|
62
63
|
time: () => time
|
|
63
64
|
});
|
|
64
|
-
var numberWithUnitRE = /^(-?[0-9.]+)(
|
|
65
|
+
var numberWithUnitRE = /^(-?[0-9.]+)(px|pt|pc|rem|em|%|vh|vw|in|cm|mm|ex|ch|vmin|vmax)?$/i;
|
|
65
66
|
var numberRE = /^(-?[0-9.]+)$/i;
|
|
66
67
|
function rem(str) {
|
|
67
68
|
if (str === "auto" || str === "a")
|
|
@@ -123,6 +124,10 @@ function time(str) {
|
|
|
123
124
|
return str;
|
|
124
125
|
return `${str}ms`;
|
|
125
126
|
}
|
|
127
|
+
function global(str) {
|
|
128
|
+
if (["inherit", "initial", "unset"].includes(str))
|
|
129
|
+
return str;
|
|
130
|
+
}
|
|
126
131
|
|
|
127
132
|
// src/utils/handlers/shorthand.ts
|
|
128
133
|
var handlersNames = Object.keys(handlers_exports);
|
|
@@ -209,43 +209,7 @@ var colors = {
|
|
|
209
209
|
800: "#991b1b",
|
|
210
210
|
900: "#7f1d1d"
|
|
211
211
|
},
|
|
212
|
-
warmgray: {
|
|
213
|
-
50: "#fafaf9",
|
|
214
|
-
100: "#f5f5f4",
|
|
215
|
-
200: "#e7e5e4",
|
|
216
|
-
300: "#d6d3d1",
|
|
217
|
-
400: "#a8a29e",
|
|
218
|
-
500: "#78716c",
|
|
219
|
-
600: "#57534e",
|
|
220
|
-
700: "#44403c",
|
|
221
|
-
800: "#292524",
|
|
222
|
-
900: "#1c1917"
|
|
223
|
-
},
|
|
224
|
-
truegray: {
|
|
225
|
-
50: "#fafafa",
|
|
226
|
-
100: "#f5f5f5",
|
|
227
|
-
200: "#e5e5e5",
|
|
228
|
-
300: "#d4d4d4",
|
|
229
|
-
400: "#a3a3a3",
|
|
230
|
-
500: "#737373",
|
|
231
|
-
600: "#525252",
|
|
232
|
-
700: "#404040",
|
|
233
|
-
800: "#262626",
|
|
234
|
-
900: "#171717"
|
|
235
|
-
},
|
|
236
212
|
gray: {
|
|
237
|
-
50: "#fafafa",
|
|
238
|
-
100: "#f4f4f5",
|
|
239
|
-
200: "#e4e4e7",
|
|
240
|
-
300: "#d4d4d8",
|
|
241
|
-
400: "#a1a1aa",
|
|
242
|
-
500: "#71717a",
|
|
243
|
-
600: "#52525b",
|
|
244
|
-
700: "#3f3f46",
|
|
245
|
-
800: "#27272a",
|
|
246
|
-
900: "#18181b"
|
|
247
|
-
},
|
|
248
|
-
coolgray: {
|
|
249
213
|
50: "#f9fafb",
|
|
250
214
|
100: "#f3f4f6",
|
|
251
215
|
200: "#e5e7eb",
|
|
@@ -257,7 +221,7 @@ var colors = {
|
|
|
257
221
|
800: "#1f2937",
|
|
258
222
|
900: "#111827"
|
|
259
223
|
},
|
|
260
|
-
|
|
224
|
+
slate: {
|
|
261
225
|
50: "#f8fafc",
|
|
262
226
|
100: "#f1f5f9",
|
|
263
227
|
200: "#e2e8f0",
|
|
@@ -269,6 +233,42 @@ var colors = {
|
|
|
269
233
|
800: "#1e293b",
|
|
270
234
|
900: "#0f172a"
|
|
271
235
|
},
|
|
236
|
+
zinc: {
|
|
237
|
+
50: "#fafafa",
|
|
238
|
+
100: "#f4f4f5",
|
|
239
|
+
200: "#e4e4e7",
|
|
240
|
+
300: "#d4d4d8",
|
|
241
|
+
400: "#a1a1aa",
|
|
242
|
+
500: "#71717a",
|
|
243
|
+
600: "#52525b",
|
|
244
|
+
700: "#3f3f46",
|
|
245
|
+
800: "#27272a",
|
|
246
|
+
900: "#18181b"
|
|
247
|
+
},
|
|
248
|
+
neutral: {
|
|
249
|
+
50: "#fafafa",
|
|
250
|
+
100: "#f5f5f5",
|
|
251
|
+
200: "#e5e5e5",
|
|
252
|
+
300: "#d4d4d4",
|
|
253
|
+
400: "#a3a3a3",
|
|
254
|
+
500: "#737373",
|
|
255
|
+
600: "#525252",
|
|
256
|
+
700: "#404040",
|
|
257
|
+
800: "#262626",
|
|
258
|
+
900: "#171717"
|
|
259
|
+
},
|
|
260
|
+
stone: {
|
|
261
|
+
50: "#fafaf9",
|
|
262
|
+
100: "#f5f5f4",
|
|
263
|
+
200: "#e7e5e4",
|
|
264
|
+
300: "#d6d3d1",
|
|
265
|
+
400: "#a8a29e",
|
|
266
|
+
500: "#78716c",
|
|
267
|
+
600: "#57534e",
|
|
268
|
+
700: "#44403c",
|
|
269
|
+
800: "#292524",
|
|
270
|
+
900: "#1c1917"
|
|
271
|
+
},
|
|
272
272
|
light: {
|
|
273
273
|
50: "#fdfdfd",
|
|
274
274
|
100: "#fcfcfc",
|
|
@@ -292,6 +292,36 @@ var colors = {
|
|
|
292
292
|
700: "#1b1b1b",
|
|
293
293
|
800: "#181818",
|
|
294
294
|
900: "#0f0f0f"
|
|
295
|
+
},
|
|
296
|
+
get lightblue() {
|
|
297
|
+
return this.sky;
|
|
298
|
+
},
|
|
299
|
+
get lightBlue() {
|
|
300
|
+
return this.sky;
|
|
301
|
+
},
|
|
302
|
+
get warmgray() {
|
|
303
|
+
return this.stone;
|
|
304
|
+
},
|
|
305
|
+
get warmGray() {
|
|
306
|
+
return this.stone;
|
|
307
|
+
},
|
|
308
|
+
get truegray() {
|
|
309
|
+
return this.neutral;
|
|
310
|
+
},
|
|
311
|
+
get trueGray() {
|
|
312
|
+
return this.neutral;
|
|
313
|
+
},
|
|
314
|
+
get coolgray() {
|
|
315
|
+
return this.gray;
|
|
316
|
+
},
|
|
317
|
+
get coolGray() {
|
|
318
|
+
return this.gray;
|
|
319
|
+
},
|
|
320
|
+
get bluegray() {
|
|
321
|
+
return this.slate;
|
|
322
|
+
},
|
|
323
|
+
get blueGray() {
|
|
324
|
+
return this.slate;
|
|
295
325
|
}
|
|
296
326
|
};
|
|
297
327
|
Object.values(colors).forEach((color) => {
|
|
@@ -398,6 +428,7 @@ var letterSpacing = {
|
|
|
398
428
|
wider: "0.05em",
|
|
399
429
|
widest: "0.1em"
|
|
400
430
|
};
|
|
431
|
+
var wordSpacing = letterSpacing;
|
|
401
432
|
|
|
402
433
|
// src/theme/misc.ts
|
|
403
434
|
var breakpoints = {
|
|
@@ -504,6 +535,7 @@ var theme = {
|
|
|
504
535
|
borderRadius,
|
|
505
536
|
lineHeight,
|
|
506
537
|
letterSpacing,
|
|
538
|
+
wordSpacing,
|
|
507
539
|
boxShadow,
|
|
508
540
|
textIndent,
|
|
509
541
|
textShadow,
|
|
@@ -12,6 +12,7 @@ interface Theme {
|
|
|
12
12
|
fontSize?: Record<string, [string, string]>;
|
|
13
13
|
lineHeight?: Record<string, string>;
|
|
14
14
|
letterSpacing?: Record<string, string>;
|
|
15
|
+
wordSpacing?: Record<string, string>;
|
|
15
16
|
boxShadow?: Record<string, string>;
|
|
16
17
|
textIndent?: Record<string, string>;
|
|
17
18
|
textShadow?: Record<string, string>;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Preset } from '@unocss/core';
|
|
2
|
-
import { T as Theme } from './index-
|
|
3
|
-
export { t as theme } from './index-
|
|
4
|
-
export { c as colors } from './colors-
|
|
2
|
+
import { T as Theme } from './index-9dcba0ca';
|
|
3
|
+
export { t as theme } from './index-9dcba0ca';
|
|
4
|
+
export { c as colors } from './colors-5537fdf0';
|
|
5
5
|
|
|
6
6
|
interface UnoOptions {
|
|
7
7
|
/**
|
package/dist/index.js
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkPIBKKHAPjs = require('./chunk-PIBKKHAP.js');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _chunkD3O3OLB6js = require('./chunk-D3O3OLB6.js');
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
var
|
|
14
|
-
require('./chunk-
|
|
13
|
+
var _chunk5WWOD4UIjs = require('./chunk-5WWOD4UI.js');
|
|
14
|
+
require('./chunk-SCNDCSE5.js');
|
|
15
15
|
require('./chunk-Y6EUTGDC.js');
|
|
16
16
|
|
|
17
17
|
// src/index.ts
|
|
18
18
|
var preset = (options = {}) => ({
|
|
19
19
|
name: "@unocss/preset-uno",
|
|
20
|
-
theme:
|
|
21
|
-
rules:
|
|
20
|
+
theme: _chunkD3O3OLB6js.theme,
|
|
21
|
+
rules: _chunkPIBKKHAPjs.rules,
|
|
22
22
|
variants: [
|
|
23
|
-
...
|
|
24
|
-
...options.dark === "media" ?
|
|
23
|
+
..._chunk5WWOD4UIjs.variants,
|
|
24
|
+
...options.dark === "media" ? _chunk5WWOD4UIjs.variantColorsMedia : _chunk5WWOD4UIjs.variantColorsClass
|
|
25
25
|
],
|
|
26
26
|
shortcuts: [
|
|
27
|
-
...
|
|
27
|
+
..._chunkPIBKKHAPjs.containerShortcuts
|
|
28
28
|
]
|
|
29
29
|
});
|
|
30
30
|
var src_default = preset;
|
|
@@ -33,4 +33,4 @@ var src_default = preset;
|
|
|
33
33
|
|
|
34
34
|
|
|
35
35
|
|
|
36
|
-
exports.colors =
|
|
36
|
+
exports.colors = _chunkD3O3OLB6js.colors; exports.default = src_default; exports.preset = preset; exports.theme = _chunkD3O3OLB6js.theme;
|
package/dist/index.mjs
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import {
|
|
2
2
|
containerShortcuts,
|
|
3
3
|
rules
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-F5VW77AU.mjs";
|
|
5
5
|
import {
|
|
6
6
|
colors,
|
|
7
7
|
theme
|
|
8
|
-
} from "./chunk-
|
|
8
|
+
} from "./chunk-ZUP75OYP.mjs";
|
|
9
9
|
import {
|
|
10
10
|
variantColorsClass,
|
|
11
11
|
variantColorsMedia,
|
|
12
12
|
variants
|
|
13
|
-
} from "./chunk-
|
|
14
|
-
import "./chunk-
|
|
13
|
+
} from "./chunk-TOS4ZSIW.mjs";
|
|
14
|
+
import "./chunk-URBMB274.mjs";
|
|
15
15
|
import "./chunk-5SH5BFJ4.mjs";
|
|
16
16
|
|
|
17
17
|
// src/index.ts
|
package/dist/rules.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('./chunk-
|
|
3
|
+
var _chunkPIBKKHAPjs = require('./chunk-PIBKKHAP.js');
|
|
4
|
+
require('./chunk-SCNDCSE5.js');
|
|
5
5
|
require('./chunk-Y6EUTGDC.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
exports.rules =
|
|
8
|
+
exports.rules = _chunkPIBKKHAPjs.rules;
|
package/dist/rules.mjs
CHANGED
package/dist/theme.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { T as Theme, t as theme } from './index-
|
|
2
|
-
export { c as colors } from './colors-
|
|
1
|
+
export { T as Theme, t as theme } from './index-9dcba0ca';
|
|
2
|
+
export { c as colors } from './colors-5537fdf0';
|
package/dist/theme.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkD3O3OLB6js = require('./chunk-D3O3OLB6.js');
|
|
5
5
|
require('./chunk-Y6EUTGDC.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
exports.colors =
|
|
9
|
+
exports.colors = _chunkD3O3OLB6js.colors; exports.theme = _chunkD3O3OLB6js.theme;
|
package/dist/theme.mjs
CHANGED
package/dist/variants.d.ts
CHANGED
package/dist/variants.js
CHANGED
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
var
|
|
14
|
-
require('./chunk-
|
|
13
|
+
var _chunk5WWOD4UIjs = require('./chunk-5WWOD4UI.js');
|
|
14
|
+
require('./chunk-SCNDCSE5.js');
|
|
15
15
|
require('./chunk-Y6EUTGDC.js');
|
|
16
16
|
|
|
17
17
|
|
|
@@ -25,4 +25,4 @@ require('./chunk-Y6EUTGDC.js');
|
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
|
|
28
|
-
exports.PseudoClasses =
|
|
28
|
+
exports.PseudoClasses = _chunk5WWOD4UIjs.PseudoClasses; exports.variantBreakpoints = _chunk5WWOD4UIjs.variantBreakpoints; exports.variantChildren = _chunk5WWOD4UIjs.variantChildren; exports.variantColorsClass = _chunk5WWOD4UIjs.variantColorsClass; exports.variantColorsMedia = _chunk5WWOD4UIjs.variantColorsMedia; exports.variantImportant = _chunk5WWOD4UIjs.variantImportant; exports.variantNegative = _chunk5WWOD4UIjs.variantNegative; exports.variantPseudoClasses = _chunk5WWOD4UIjs.variantPseudoClasses; exports.variantPseudoElements = _chunk5WWOD4UIjs.variantPseudoElements; exports.variantSpace = _chunk5WWOD4UIjs.variantSpace; exports.variants = _chunk5WWOD4UIjs.variants;
|
package/dist/variants.mjs
CHANGED
|
@@ -10,8 +10,8 @@ import {
|
|
|
10
10
|
variantPseudoElements,
|
|
11
11
|
variantSpace,
|
|
12
12
|
variants
|
|
13
|
-
} from "./chunk-
|
|
14
|
-
import "./chunk-
|
|
13
|
+
} from "./chunk-TOS4ZSIW.mjs";
|
|
14
|
+
import "./chunk-URBMB274.mjs";
|
|
15
15
|
import "./chunk-5SH5BFJ4.mjs";
|
|
16
16
|
export {
|
|
17
17
|
PseudoClasses,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@unocss/preset-uno",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.12.2",
|
|
4
4
|
"description": "The default preset for UnoCSS",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"unocss",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"*.css"
|
|
46
46
|
],
|
|
47
47
|
"dependencies": {
|
|
48
|
-
"@unocss/core": "0.
|
|
48
|
+
"@unocss/core": "0.12.2"
|
|
49
49
|
},
|
|
50
50
|
"scripts": {
|
|
51
51
|
"build": "tsup",
|