@unocss/preset-uno 0.11.0 → 0.11.4
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-FOQKHXUZ.mjs +170 -0
- package/dist/{chunk-3BHSLSEW.js → chunk-IUVZVO7H.js} +37 -43
- package/dist/{chunk-PODFJE44.js → chunk-PCPK4ZRF.js} +168 -266
- package/dist/chunk-PVS5EBXX.js +170 -0
- package/dist/{chunk-CPLQ3FYN.js → chunk-R5JSOZOB.js} +45 -0
- package/dist/{chunk-HO34ND5Y.mjs → chunk-RHH7JH7F.mjs} +45 -0
- package/dist/{chunk-YI7AWXUT.mjs → chunk-UOXINKKW.mjs} +114 -212
- package/dist/{chunk-TKLX6JID.mjs → chunk-Y2XBOS65.mjs} +34 -40
- package/dist/{colors-c48e51c6.d.ts → colors-5eb4823c.d.ts} +1 -1
- package/dist/{index-617c3a40.d.ts → index-ff2f576a.d.ts} +6 -0
- package/dist/index.d.ts +11 -5
- package/dist/index.js +18 -8
- package/dist/index.mjs +15 -5
- package/dist/rules.js +3 -2
- package/dist/rules.mjs +2 -1
- 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 -2
- package/dist/variants.mjs +2 -1
- package/package.json +2 -2
|
@@ -0,0 +1,170 @@
|
|
|
1
|
+
import {
|
|
2
|
+
__export
|
|
3
|
+
} from "./chunk-5SH5BFJ4.mjs";
|
|
4
|
+
|
|
5
|
+
// src/utils/variants.ts
|
|
6
|
+
var variantMatcher = (name, selector) => {
|
|
7
|
+
const length = name.length + 1;
|
|
8
|
+
const re = new RegExp(`^${name}[:-]`);
|
|
9
|
+
return (input) => {
|
|
10
|
+
return input.match(re) ? {
|
|
11
|
+
matcher: input.slice(length),
|
|
12
|
+
selector
|
|
13
|
+
} : void 0;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
// src/utils/mappings.ts
|
|
18
|
+
var directionMap = {
|
|
19
|
+
"l": ["-left"],
|
|
20
|
+
"r": ["-right"],
|
|
21
|
+
"t": ["-top"],
|
|
22
|
+
"b": ["-bottom"],
|
|
23
|
+
"s": ["-inline-start"],
|
|
24
|
+
"e": ["-inline-end"],
|
|
25
|
+
"x": ["-left", "-right"],
|
|
26
|
+
"y": ["-top", "-bottom"],
|
|
27
|
+
"": [""],
|
|
28
|
+
"a": [""]
|
|
29
|
+
};
|
|
30
|
+
var cornerMap = {
|
|
31
|
+
"t": ["-top-left", "-top-right"],
|
|
32
|
+
"r": ["-top-right", "-bottom-right"],
|
|
33
|
+
"b": ["-bottom-left", "-bottom-right"],
|
|
34
|
+
"l": ["-bottom-left", "-top-left"],
|
|
35
|
+
"tl": ["-top-left"],
|
|
36
|
+
"lt": ["-top-left"],
|
|
37
|
+
"tr": ["-top-right"],
|
|
38
|
+
"rt": ["-top-right"],
|
|
39
|
+
"bl": ["-bottom-left"],
|
|
40
|
+
"lb": ["-bottom-left"],
|
|
41
|
+
"br": ["-bottom-right"],
|
|
42
|
+
"rb": ["-bottom-right"],
|
|
43
|
+
"": [""]
|
|
44
|
+
};
|
|
45
|
+
var xyzMap = {
|
|
46
|
+
"x": ["-x"],
|
|
47
|
+
"y": ["-y"],
|
|
48
|
+
"z": ["-z"],
|
|
49
|
+
"": ["-x", "-y"]
|
|
50
|
+
};
|
|
51
|
+
|
|
52
|
+
// src/utils/handlers/handlers.ts
|
|
53
|
+
var handlers_exports = {};
|
|
54
|
+
__export(handlers_exports, {
|
|
55
|
+
bracket: () => bracket,
|
|
56
|
+
cssvar: () => cssvar,
|
|
57
|
+
fraction: () => fraction,
|
|
58
|
+
number: () => number,
|
|
59
|
+
percent: () => percent,
|
|
60
|
+
px: () => px,
|
|
61
|
+
rem: () => rem,
|
|
62
|
+
time: () => time
|
|
63
|
+
});
|
|
64
|
+
var numberWithUnitRE = /^(-?[0-9.]+)([a-z]*)$/i;
|
|
65
|
+
var numberRE = /^(-?[0-9.]+)$/i;
|
|
66
|
+
function rem(str) {
|
|
67
|
+
if (str === "auto" || str === "a")
|
|
68
|
+
return "auto";
|
|
69
|
+
const match = str.match(numberWithUnitRE);
|
|
70
|
+
if (!match)
|
|
71
|
+
return;
|
|
72
|
+
const [, n, unit] = match;
|
|
73
|
+
if (unit)
|
|
74
|
+
return str;
|
|
75
|
+
const num = parseFloat(n);
|
|
76
|
+
if (!Number.isNaN(num))
|
|
77
|
+
return `${num / 4}rem`;
|
|
78
|
+
}
|
|
79
|
+
function px(str) {
|
|
80
|
+
const match = str.match(numberWithUnitRE);
|
|
81
|
+
if (!match)
|
|
82
|
+
return;
|
|
83
|
+
const [, n, unit] = match;
|
|
84
|
+
if (unit)
|
|
85
|
+
return str;
|
|
86
|
+
const num = parseFloat(n);
|
|
87
|
+
if (!Number.isNaN(num))
|
|
88
|
+
return `${num}px`;
|
|
89
|
+
}
|
|
90
|
+
function number(str) {
|
|
91
|
+
if (!numberRE.test(str))
|
|
92
|
+
return;
|
|
93
|
+
const num = parseFloat(str);
|
|
94
|
+
if (!Number.isNaN(num))
|
|
95
|
+
return num;
|
|
96
|
+
}
|
|
97
|
+
function percent(str) {
|
|
98
|
+
if (str.endsWith("%"))
|
|
99
|
+
str = str.slice(0, -1);
|
|
100
|
+
const num = parseFloat(str);
|
|
101
|
+
if (!Number.isNaN(num))
|
|
102
|
+
return `${num / 100}`;
|
|
103
|
+
}
|
|
104
|
+
function fraction(str) {
|
|
105
|
+
const [left, right] = str.split("/");
|
|
106
|
+
const num = parseFloat(left) / parseFloat(right);
|
|
107
|
+
if (!Number.isNaN(num))
|
|
108
|
+
return `${num * 100}%`;
|
|
109
|
+
}
|
|
110
|
+
function bracket(str) {
|
|
111
|
+
if (str && str[0] === "[" && str[str.length - 1] === "]")
|
|
112
|
+
return str.slice(1, -1).replace(/_/g, " ");
|
|
113
|
+
}
|
|
114
|
+
function cssvar(str) {
|
|
115
|
+
if (str.startsWith("$"))
|
|
116
|
+
return `var(--${str.slice(1)})`;
|
|
117
|
+
}
|
|
118
|
+
function time(str) {
|
|
119
|
+
const duration = Number(str.replace(/(s|ms)$/, ""));
|
|
120
|
+
if (isNaN(duration))
|
|
121
|
+
return;
|
|
122
|
+
if (/ms|s$/.test(str))
|
|
123
|
+
return str;
|
|
124
|
+
return `${str}ms`;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
// src/utils/handlers/shorthand.ts
|
|
128
|
+
var handlersNames = Object.keys(handlers_exports);
|
|
129
|
+
var handler = function(str) {
|
|
130
|
+
var _a;
|
|
131
|
+
const s = ((_a = this.__options) == null ? void 0 : _a.sequence) || [];
|
|
132
|
+
this.__options.sequence = [];
|
|
133
|
+
for (const n of s) {
|
|
134
|
+
const res = handlers_exports[n](str);
|
|
135
|
+
if (res != null)
|
|
136
|
+
return res;
|
|
137
|
+
}
|
|
138
|
+
return void 0;
|
|
139
|
+
};
|
|
140
|
+
function addProcessor(that, name) {
|
|
141
|
+
if (!that.__options) {
|
|
142
|
+
that.__options = {
|
|
143
|
+
sequence: []
|
|
144
|
+
};
|
|
145
|
+
}
|
|
146
|
+
that.__options.sequence.push(name);
|
|
147
|
+
return that;
|
|
148
|
+
}
|
|
149
|
+
handlersNames.forEach((i) => {
|
|
150
|
+
Object.defineProperty(handler, i, {
|
|
151
|
+
enumerable: true,
|
|
152
|
+
get() {
|
|
153
|
+
return addProcessor(this, i);
|
|
154
|
+
}
|
|
155
|
+
});
|
|
156
|
+
});
|
|
157
|
+
|
|
158
|
+
// src/utils/index.ts
|
|
159
|
+
function capitalize(str) {
|
|
160
|
+
return str.charAt(0).toUpperCase() + str.slice(1);
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
export {
|
|
164
|
+
directionMap,
|
|
165
|
+
cornerMap,
|
|
166
|
+
xyzMap,
|
|
167
|
+
handler,
|
|
168
|
+
variantMatcher,
|
|
169
|
+
capitalize
|
|
170
|
+
};
|
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true})
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
var _chunkPVS5EBXXjs = require('./chunk-PVS5EBXX.js');
|
|
4
|
+
|
|
5
|
+
// src/variants/breakpoints.ts
|
|
2
6
|
var regexCache = {};
|
|
3
7
|
var variantBreakpoints = (matcher, _, theme) => {
|
|
4
8
|
for (const [point, size] of Object.entries(theme.breakpoints || {})) {
|
|
@@ -14,54 +18,21 @@ var variantBreakpoints = (matcher, _, theme) => {
|
|
|
14
18
|
direction = "max";
|
|
15
19
|
order = -order;
|
|
16
20
|
}
|
|
21
|
+
const m = matcher.slice(pre.length);
|
|
22
|
+
if (m === "container")
|
|
23
|
+
continue;
|
|
17
24
|
return {
|
|
18
|
-
matcher:
|
|
25
|
+
matcher: m,
|
|
19
26
|
parent: [`@media (${direction}-width: ${size})`, order]
|
|
20
27
|
};
|
|
21
28
|
}
|
|
22
29
|
};
|
|
23
30
|
|
|
24
|
-
// src/utils/variants.ts
|
|
25
|
-
var variantMatcher = (name, selector) => {
|
|
26
|
-
const length = name.length + 1;
|
|
27
|
-
const re = new RegExp(`^${name}[:-]`);
|
|
28
|
-
return (input) => {
|
|
29
|
-
return input.match(re) ? {
|
|
30
|
-
matcher: input.slice(length),
|
|
31
|
-
selector
|
|
32
|
-
} : void 0;
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
|
-
|
|
36
31
|
// src/variants/children.ts
|
|
37
32
|
var variantChildren = [
|
|
38
|
-
variantMatcher("children", (input) => `${input} > *`),
|
|
39
|
-
variantMatcher("all", (input) => `${input} *`),
|
|
40
|
-
variantMatcher("next", (input) => `${input}+*`)
|
|
41
|
-
];
|
|
42
|
-
|
|
43
|
-
// src/variants/dark.ts
|
|
44
|
-
var variantColorsClass = [
|
|
45
|
-
variantMatcher("dark", (input) => `.dark $$ ${input}`),
|
|
46
|
-
variantMatcher("light", (input) => `.light $$ ${input}`)
|
|
47
|
-
];
|
|
48
|
-
var variantColorsMedia = [
|
|
49
|
-
(v) => {
|
|
50
|
-
const dark = variantMatcher("dark")(v);
|
|
51
|
-
if (dark) {
|
|
52
|
-
return {
|
|
53
|
-
...dark,
|
|
54
|
-
parent: "@media (prefers-color-scheme: dark)"
|
|
55
|
-
};
|
|
56
|
-
}
|
|
57
|
-
const light = variantMatcher("light")(v);
|
|
58
|
-
if (light) {
|
|
59
|
-
return {
|
|
60
|
-
...light,
|
|
61
|
-
parent: "@media (prefers-color-scheme: dark)"
|
|
62
|
-
};
|
|
63
|
-
}
|
|
64
|
-
}
|
|
33
|
+
_chunkPVS5EBXXjs.variantMatcher.call(void 0, "children", (input) => `${input} > *`),
|
|
34
|
+
_chunkPVS5EBXXjs.variantMatcher.call(void 0, "all", (input) => `${input} *`),
|
|
35
|
+
_chunkPVS5EBXXjs.variantMatcher.call(void 0, "next", (input) => `${input}+*`)
|
|
65
36
|
];
|
|
66
37
|
|
|
67
38
|
// src/variants/pseudo.ts
|
|
@@ -150,6 +121,30 @@ var variantPseudoClasses = {
|
|
|
150
121
|
multiPass: true
|
|
151
122
|
};
|
|
152
123
|
|
|
124
|
+
// src/variants/dark.ts
|
|
125
|
+
var variantColorsClass = [
|
|
126
|
+
_chunkPVS5EBXXjs.variantMatcher.call(void 0, "dark", (input) => `.dark $$ ${input}`),
|
|
127
|
+
_chunkPVS5EBXXjs.variantMatcher.call(void 0, "light", (input) => `.light $$ ${input}`)
|
|
128
|
+
];
|
|
129
|
+
var variantColorsMedia = [
|
|
130
|
+
(v) => {
|
|
131
|
+
const dark = _chunkPVS5EBXXjs.variantMatcher.call(void 0, "dark")(v);
|
|
132
|
+
if (dark) {
|
|
133
|
+
return {
|
|
134
|
+
...dark,
|
|
135
|
+
parent: "@media (prefers-color-scheme: dark)"
|
|
136
|
+
};
|
|
137
|
+
}
|
|
138
|
+
const light = _chunkPVS5EBXXjs.variantMatcher.call(void 0, "light")(v);
|
|
139
|
+
if (light) {
|
|
140
|
+
return {
|
|
141
|
+
...light,
|
|
142
|
+
parent: "@media (prefers-color-scheme: light)"
|
|
143
|
+
};
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
];
|
|
147
|
+
|
|
153
148
|
// src/variants/index.ts
|
|
154
149
|
var variantImportant = {
|
|
155
150
|
match(matcher) {
|
|
@@ -199,7 +194,6 @@ var variants = [
|
|
|
199
194
|
variantImportant,
|
|
200
195
|
variantBreakpoints,
|
|
201
196
|
...variantChildren,
|
|
202
|
-
...variantColorsClass,
|
|
203
197
|
variantPseudoClasses,
|
|
204
198
|
variantPseudoElements
|
|
205
199
|
];
|
|
@@ -216,4 +210,4 @@ var variants = [
|
|
|
216
210
|
|
|
217
211
|
|
|
218
212
|
|
|
219
|
-
exports.variantBreakpoints = variantBreakpoints; exports.variantChildren = variantChildren; exports.
|
|
213
|
+
exports.variantBreakpoints = variantBreakpoints; exports.variantChildren = variantChildren; exports.PseudoClasses = PseudoClasses; exports.variantPseudoElements = variantPseudoElements; exports.variantPseudoClasses = variantPseudoClasses; exports.variantColorsClass = variantColorsClass; exports.variantColorsMedia = variantColorsMedia; exports.variantImportant = variantImportant; exports.variantNegative = variantNegative; exports.variantSpace = variantSpace; exports.variants = variants;
|