@unocss/preset-wind4 66.6.6 → 66.6.7
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-D1SwGrFN.mjs +27 -0
- package/dist/{colors-DfOpBqNN.mjs → colors-DSN24uxs.mjs} +1 -2
- package/dist/colors.d.mts +1 -1
- package/dist/colors.mjs +2 -3
- package/dist/{container-BsDB8iH5.mjs → container-_7pdPWQl.mjs} +2 -4
- package/dist/{index-CG7jV-T1.d.mts → index-Br5yJM3P.d.mts} +1 -1
- package/dist/index.d.mts +3 -3
- package/dist/index.mjs +19 -26
- package/dist/postprocess.d.mts +1 -2
- package/dist/postprocess.mjs +2 -4
- package/dist/{rules-C5vHFC6_.d.mts → rules-BpaLAJkj.d.mts} +1 -1
- package/dist/rules.d.mts +1 -1
- package/dist/rules.mjs +51 -86
- package/dist/shortcuts.d.mts +1 -2
- package/dist/shortcuts.mjs +2 -4
- package/dist/theme.d.mts +2 -2
- package/dist/theme.mjs +2 -13
- package/dist/{utils-B_qFX7UQ.mjs → utils-BamiTVVE.mjs} +8 -63
- package/dist/utils.d.mts +1 -2
- package/dist/utils.mjs +3 -5
- package/dist/{variants-Dae_1bdw.mjs → variants-BQhcPCjX.mjs} +6 -25
- package/dist/variants.d.mts +1 -2
- package/dist/variants.mjs +2 -3
- package/package.json +4 -4
- package/dist/chunk-w_xFUvYo.mjs +0 -36
- /package/dist/{colors-Dy0ZKdct.d.mts → colors-WEybJ2pP.d.mts} +0 -0
- /package/dist/{theme-BEjX_ZME.d.mts → theme-C7zgiweA.d.mts} +0 -0
package/dist/rules.mjs
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { A as bracketTypeRe, B as xyzMap, D as h, F as directionMap, I as globalKeywords, L as insetMap, M as cornerMap, R as positionMap, S as parseColor, U as SpecialColorKey, V as CONTROL_NO_NEGATIVE, _ as hyphenate, a as themeTracking, b as makeGlobalStaticRules, d as colorableShadows, g as hasParseableColor, j as splitComma, l as colorCSSGenerator, m as directionSize, n as detectThemeValue, p as defineProperty, r as generateThemeVariable, u as colorResolver, v as isCSSMathFn, w as resolveBreakpoints, x as numberResolver, y as isSize, z as xyzArray } from "./utils-
|
|
2
|
-
import { n as containerParent, r as containerShortcuts, t as container } from "./container-
|
|
1
|
+
import { A as bracketTypeRe, B as xyzMap, D as h, F as directionMap, I as globalKeywords, L as insetMap, M as cornerMap, R as positionMap, S as parseColor, U as SpecialColorKey, V as CONTROL_NO_NEGATIVE, _ as hyphenate, a as themeTracking, b as makeGlobalStaticRules, d as colorableShadows, g as hasParseableColor, j as splitComma, l as colorCSSGenerator, m as directionSize, n as detectThemeValue, p as defineProperty, r as generateThemeVariable, u as colorResolver, v as isCSSMathFn, w as resolveBreakpoints, x as numberResolver, y as isSize, z as xyzArray } from "./utils-BamiTVVE.mjs";
|
|
2
|
+
import { n as containerParent, r as containerShortcuts, t as container } from "./container-_7pdPWQl.mjs";
|
|
3
3
|
import { notNull, symbols } from "@unocss/core";
|
|
4
4
|
import { getStringComponent, getStringComponents } from "@unocss/rule-utils";
|
|
5
|
-
|
|
6
5
|
//#region src/rules/align.ts
|
|
7
6
|
const verticalAlignAlias = {
|
|
8
7
|
"mid": "middle",
|
|
@@ -34,7 +33,6 @@ const textAlignValues = [
|
|
|
34
33
|
"end"
|
|
35
34
|
];
|
|
36
35
|
const textAligns = [...textAlignValues.map((v) => [`text-${v}`, { "text-align": v }]), ...[...globalKeywords, ...textAlignValues].map((v) => [`text-align-${v}`, { "text-align": v }])];
|
|
37
|
-
|
|
38
36
|
//#endregion
|
|
39
37
|
//#region src/rules/animation.ts
|
|
40
38
|
const animations = [
|
|
@@ -131,7 +129,6 @@ const animations = [
|
|
|
131
129
|
["animate-none", { animation: "none" }],
|
|
132
130
|
...makeGlobalStaticRules("animate", "animation")
|
|
133
131
|
];
|
|
134
|
-
|
|
135
132
|
//#endregion
|
|
136
133
|
//#region src/rules/background.ts
|
|
137
134
|
const properties = {
|
|
@@ -253,7 +250,7 @@ const backgroundStyles = [
|
|
|
253
250
|
] }
|
|
254
251
|
],
|
|
255
252
|
[/^(from|via|to|stops)-(.+)$/, bgGradientColorResolver()],
|
|
256
|
-
[/^(from|via|to)-op(?:acity)?-?(.+)$/, ([, position, opacity
|
|
253
|
+
[/^(from|via|to)-op(?:acity)?-?(.+)$/, ([, position, opacity]) => ({ [`--un-${position}-opacity`]: h.bracket.percent(opacity) })],
|
|
257
254
|
[/^(from|via|to)-([\d.]+%)$/, bgGradientPositionResolver()],
|
|
258
255
|
[
|
|
259
256
|
/^bg-((?:repeating-)?(?:linear|radial|conic))$/,
|
|
@@ -325,7 +322,6 @@ const backgroundStyles = [
|
|
|
325
322
|
["bg-origin-content", { "background-origin": "content-box" }],
|
|
326
323
|
...makeGlobalStaticRules("bg-origin", "background-origin")
|
|
327
324
|
];
|
|
328
|
-
|
|
329
325
|
//#endregion
|
|
330
326
|
//#region src/rules/behaviors.ts
|
|
331
327
|
const outline = [
|
|
@@ -341,7 +337,7 @@ const outline = [
|
|
|
341
337
|
],
|
|
342
338
|
[
|
|
343
339
|
/^outline-op(?:acity)?-?(.+)$/,
|
|
344
|
-
([, opacity
|
|
340
|
+
([, opacity]) => ({ "--un-outline-opacity": h.bracket.percent.cssvar(opacity) }),
|
|
345
341
|
{ autocomplete: "outline-(op|opacity)-<percent>" }
|
|
346
342
|
],
|
|
347
343
|
[
|
|
@@ -498,7 +494,6 @@ const scrollBehaviors = [
|
|
|
498
494
|
["scroll-smooth", { "scroll-behavior": "smooth" }],
|
|
499
495
|
...makeGlobalStaticRules("scroll", "scroll-behavior")
|
|
500
496
|
];
|
|
501
|
-
|
|
502
497
|
//#endregion
|
|
503
498
|
//#region src/rules/border.ts
|
|
504
499
|
const borderStyles = [
|
|
@@ -605,16 +600,16 @@ function handlerBorderColorOrSize([, a = "", b], ctx) {
|
|
|
605
600
|
b
|
|
606
601
|
]);
|
|
607
602
|
if (hasParseableColor(b, ctx.theme)) {
|
|
608
|
-
const directions
|
|
609
|
-
return [directions
|
|
603
|
+
const directions = directionMap[a].map((i) => borderColorResolver(i)(["", b], ctx)).filter(notNull);
|
|
604
|
+
return [directions.map((d) => d[0]).reduce((acc, item) => {
|
|
610
605
|
Object.assign(acc, item);
|
|
611
606
|
return acc;
|
|
612
|
-
}, {}), ...directions
|
|
607
|
+
}, {}), ...directions.flatMap((d) => d.slice(1))];
|
|
613
608
|
}
|
|
614
609
|
}
|
|
615
610
|
}
|
|
616
|
-
function handlerBorderOpacity([, a = "", opacity
|
|
617
|
-
const v = h.bracket.percent.cssvar(opacity
|
|
611
|
+
function handlerBorderOpacity([, a = "", opacity]) {
|
|
612
|
+
const v = h.bracket.percent.cssvar(opacity);
|
|
618
613
|
if (a in directionMap && v != null) return directionMap[a].map((i) => [`--un-border${i}-opacity`, v]);
|
|
619
614
|
}
|
|
620
615
|
function handlerRounded([, a = "", s = "DEFAULT"], { theme }) {
|
|
@@ -631,7 +626,6 @@ function handlerRounded([, a = "", s = "DEFAULT"], { theme }) {
|
|
|
631
626
|
function handlerBorderStyle([, a = "", s]) {
|
|
632
627
|
if (borderStyles.includes(s) && a in directionMap) return [["--un-border-style", s], ...directionMap[a].map((i) => [`border${i}-style`, s])];
|
|
633
628
|
}
|
|
634
|
-
|
|
635
629
|
//#endregion
|
|
636
630
|
//#region src/rules/color.ts
|
|
637
631
|
/**
|
|
@@ -665,11 +659,10 @@ const bgColors = [[
|
|
|
665
659
|
{ autocomplete: "bg-$colors" }
|
|
666
660
|
], [
|
|
667
661
|
/^bg-op(?:acity)?-?(.+)$/,
|
|
668
|
-
([, opacity
|
|
662
|
+
([, opacity]) => ({ "--un-bg-opacity": h.bracket.percent.cssvar(opacity) }),
|
|
669
663
|
{ autocomplete: "bg-(op|opacity)-<percent>" }
|
|
670
664
|
]];
|
|
671
665
|
const colorScheme = [[/^(?:color-)?scheme-(.+)$/, ([, v]) => ({ "color-scheme": v.split("-").join(" ") })]];
|
|
672
|
-
|
|
673
666
|
//#endregion
|
|
674
667
|
//#region src/rules/columns.ts
|
|
675
668
|
const columns = [
|
|
@@ -709,7 +702,6 @@ const columns = [
|
|
|
709
702
|
["break-after-column", { "break-after": "column" }],
|
|
710
703
|
...makeGlobalStaticRules("break-after")
|
|
711
704
|
];
|
|
712
|
-
|
|
713
705
|
//#endregion
|
|
714
706
|
//#region src/rules/decoration.ts
|
|
715
707
|
const decorationStyles = [
|
|
@@ -743,7 +735,7 @@ const textDecorations = [
|
|
|
743
735
|
],
|
|
744
736
|
[
|
|
745
737
|
/^(?:underline|decoration)-op(?:acity)?-?(.+)$/,
|
|
746
|
-
([, opacity
|
|
738
|
+
([, opacity]) => ({ "--un-line-opacity": h.bracket.percent.cssvar(opacity) }),
|
|
747
739
|
{ autocomplete: "(underline|decoration)-(op|opacity)-<percent>" }
|
|
748
740
|
],
|
|
749
741
|
[
|
|
@@ -768,7 +760,6 @@ function handleColorOrWidth$1(match, ctx) {
|
|
|
768
760
|
return result;
|
|
769
761
|
}
|
|
770
762
|
}
|
|
771
|
-
|
|
772
763
|
//#endregion
|
|
773
764
|
//#region src/rules/spacing.ts
|
|
774
765
|
const paddings = [
|
|
@@ -815,9 +806,9 @@ const spaces = [[
|
|
|
815
806
|
"space-(x|y)-reverse",
|
|
816
807
|
"space-(x|y)-$spacing"
|
|
817
808
|
] }
|
|
818
|
-
], [/^space-([xy])-reverse$/, function* ([m, d], { symbols
|
|
809
|
+
], [/^space-([xy])-reverse$/, function* ([m, d], { symbols }) {
|
|
819
810
|
yield {
|
|
820
|
-
[symbols
|
|
811
|
+
[symbols.variants]: [notLastChildSelectorVariant(m)],
|
|
821
812
|
[`--un-space-${d}-reverse`]: "1"
|
|
822
813
|
};
|
|
823
814
|
yield defineProperty(`--un-space-${d}-reverse`, { initialValue: 0 });
|
|
@@ -832,7 +823,7 @@ function notLastChildSelectorVariant(s) {
|
|
|
832
823
|
})
|
|
833
824
|
};
|
|
834
825
|
}
|
|
835
|
-
function* handlerSpace([m, d, s], { theme, symbols
|
|
826
|
+
function* handlerSpace([m, d, s], { theme, symbols }) {
|
|
836
827
|
let v;
|
|
837
828
|
const num = numberResolver(s);
|
|
838
829
|
if (num != null) {
|
|
@@ -845,7 +836,7 @@ function* handlerSpace([m, d, s], { theme, symbols: symbols$1 }) {
|
|
|
845
836
|
});
|
|
846
837
|
if (results) {
|
|
847
838
|
yield {
|
|
848
|
-
[symbols
|
|
839
|
+
[symbols.variants]: [notLastChildSelectorVariant(m)],
|
|
849
840
|
[`--un-space-${d}-reverse`]: "0",
|
|
850
841
|
...Object.fromEntries(results)
|
|
851
842
|
};
|
|
@@ -853,7 +844,6 @@ function* handlerSpace([m, d, s], { theme, symbols: symbols$1 }) {
|
|
|
853
844
|
}
|
|
854
845
|
}
|
|
855
846
|
}
|
|
856
|
-
|
|
857
847
|
//#endregion
|
|
858
848
|
//#region src/rules/divide.ts
|
|
859
849
|
const divides = [
|
|
@@ -873,10 +863,10 @@ const divides = [
|
|
|
873
863
|
],
|
|
874
864
|
[
|
|
875
865
|
/^divide-op(?:acity)?-?(.+)$/,
|
|
876
|
-
function* ([match, opacity
|
|
866
|
+
function* ([match, opacity], { symbols }) {
|
|
877
867
|
yield {
|
|
878
|
-
[symbols
|
|
879
|
-
"--un-divide-opacity": h.bracket.percent(opacity
|
|
868
|
+
[symbols.variants]: [notLastChildSelectorVariant(match)],
|
|
869
|
+
"--un-divide-opacity": h.bracket.percent(opacity)
|
|
880
870
|
};
|
|
881
871
|
},
|
|
882
872
|
{ autocomplete: ["divide-(op|opacity)", "divide-(op|opacity)-<percent>"] }
|
|
@@ -887,25 +877,25 @@ const divides = [
|
|
|
887
877
|
{ autocomplete: ["divide-(x|y)", "divide-(x|y)-reverse"] }
|
|
888
878
|
],
|
|
889
879
|
[/^divide-?([xy])-?(.+)$/, handlerDivide],
|
|
890
|
-
[/^divide-?([xy])-reverse$/, function* ([m, d], { symbols
|
|
880
|
+
[/^divide-?([xy])-reverse$/, function* ([m, d], { symbols }) {
|
|
891
881
|
yield {
|
|
892
|
-
[symbols
|
|
882
|
+
[symbols.variants]: [notLastChildSelectorVariant(m)],
|
|
893
883
|
[`--un-divide-${d}-reverse`]: "1"
|
|
894
884
|
};
|
|
895
885
|
yield defineProperty(`--un-divide-${d}-reverse`, { initialValue: 0 });
|
|
896
886
|
}],
|
|
897
887
|
[
|
|
898
|
-
|
|
899
|
-
function* ([match, style], { symbols
|
|
888
|
+
new RegExp(`^divide-(${borderStyles.join("|")})$`),
|
|
889
|
+
function* ([match, style], { symbols }) {
|
|
900
890
|
yield {
|
|
901
|
-
[symbols
|
|
891
|
+
[symbols.variants]: [notLastChildSelectorVariant(match)],
|
|
902
892
|
"border-style": style
|
|
903
893
|
};
|
|
904
894
|
},
|
|
905
895
|
{ autocomplete: borderStyles.map((i) => `divide-${i}`) }
|
|
906
896
|
]
|
|
907
897
|
];
|
|
908
|
-
function* handlerDivide([m, d, s], { symbols
|
|
898
|
+
function* handlerDivide([m, d, s], { symbols }) {
|
|
909
899
|
let v = h.bracket.cssvar.px(s || "1");
|
|
910
900
|
if (v != null) {
|
|
911
901
|
if (v === "0") v = "0px";
|
|
@@ -918,7 +908,7 @@ function* handlerDivide([m, d, s], { symbols: symbols$1 }) {
|
|
|
918
908
|
});
|
|
919
909
|
if (results) {
|
|
920
910
|
yield {
|
|
921
|
-
[symbols
|
|
911
|
+
[symbols.variants]: [notLastChildSelectorVariant(m)],
|
|
922
912
|
[`--un-divide-${d}-reverse`]: 0,
|
|
923
913
|
...Object.fromEntries(results.flat())
|
|
924
914
|
};
|
|
@@ -927,7 +917,6 @@ function* handlerDivide([m, d, s], { symbols: symbols$1 }) {
|
|
|
927
917
|
}
|
|
928
918
|
}
|
|
929
919
|
}
|
|
930
|
-
|
|
931
920
|
//#endregion
|
|
932
921
|
//#region src/rules/filters.ts
|
|
933
922
|
const filterBaseKeys = [
|
|
@@ -1043,7 +1032,7 @@ const filters = [
|
|
|
1043
1032
|
] }
|
|
1044
1033
|
],
|
|
1045
1034
|
[/^(?:filter-)?drop-shadow-color-(.+)$/, colorResolver("--un-drop-shadow-color", "drop-shadow")],
|
|
1046
|
-
[/^(?:filter-)?drop-shadow(?:-color)?-op(?:acity)?-?(.+)$/, ([, opacity
|
|
1035
|
+
[/^(?:filter-)?drop-shadow(?:-color)?-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-drop-shadow-opacity": h.bracket.percent(opacity) })],
|
|
1047
1036
|
[
|
|
1048
1037
|
/^(?:(backdrop-)|filter-)?grayscale(?:-(.+))?$/,
|
|
1049
1038
|
toFilter("grayscale", percentWithDefault),
|
|
@@ -1102,7 +1091,6 @@ const filters = [
|
|
|
1102
1091
|
"backdrop-filter": keyword
|
|
1103
1092
|
}])
|
|
1104
1093
|
];
|
|
1105
|
-
|
|
1106
1094
|
//#endregion
|
|
1107
1095
|
//#region src/rules/flex.ts
|
|
1108
1096
|
const flex = [
|
|
@@ -1144,7 +1132,6 @@ const flex = [
|
|
|
1144
1132
|
["flex-wrap-reverse", { "flex-wrap": "wrap-reverse" }],
|
|
1145
1133
|
["flex-nowrap", { "flex-wrap": "nowrap" }]
|
|
1146
1134
|
];
|
|
1147
|
-
|
|
1148
1135
|
//#endregion
|
|
1149
1136
|
//#region src/rules/gap.ts
|
|
1150
1137
|
const directions = {
|
|
@@ -1171,7 +1158,6 @@ const gaps = [
|
|
|
1171
1158
|
{ autocomplete: ["gap-(col|row)-$spacing", "gap-(col|row)-<num>"] }
|
|
1172
1159
|
]
|
|
1173
1160
|
];
|
|
1174
|
-
|
|
1175
1161
|
//#endregion
|
|
1176
1162
|
//#region src/rules/grid.ts
|
|
1177
1163
|
function rowCol(s) {
|
|
@@ -1223,7 +1209,7 @@ const grids = [
|
|
|
1223
1209
|
{ autocomplete: "(grid-rows|grid-cols|rows|cols)-<num>" }
|
|
1224
1210
|
],
|
|
1225
1211
|
[/^grid-area(s)?-(.+)$/, ([, s, v]) => {
|
|
1226
|
-
if (s != null) return { "grid-template-areas": h.cssvar(v) ?? v.split("-").map((s
|
|
1212
|
+
if (s != null) return { "grid-template-areas": h.cssvar(v) ?? v.split("-").map((s) => `"${h.bracket(s)}"`).join(" ") };
|
|
1227
1213
|
return { "grid-area": h.bracket.cssvar(v) };
|
|
1228
1214
|
}],
|
|
1229
1215
|
["grid-rows-none", { "grid-template-rows": "none" }],
|
|
@@ -1231,7 +1217,6 @@ const grids = [
|
|
|
1231
1217
|
["grid-rows-subgrid", { "grid-template-rows": "subgrid" }],
|
|
1232
1218
|
["grid-cols-subgrid", { "grid-template-columns": "subgrid" }]
|
|
1233
1219
|
];
|
|
1234
|
-
|
|
1235
1220
|
//#endregion
|
|
1236
1221
|
//#region src/rules/layout.ts
|
|
1237
1222
|
const overflowValues = [
|
|
@@ -1248,7 +1233,6 @@ const overflows = [[
|
|
|
1248
1233
|
([, v]) => overflowValues.includes(v) ? { overflow: v } : void 0,
|
|
1249
1234
|
{ autocomplete: [`(overflow|of)-(${overflowValues.join("|")})`, `(overflow|of)-(x|y)-(${overflowValues.join("|")})`] }
|
|
1250
1235
|
], [/^(?:overflow|of)-([xy])-(.+)$/, ([, d, v]) => overflowValues.includes(v) ? { [`overflow-${d}`]: v } : void 0]];
|
|
1251
|
-
|
|
1252
1236
|
//#endregion
|
|
1253
1237
|
//#region src/rules/line-clamp.ts
|
|
1254
1238
|
const lineClamps = [[
|
|
@@ -1266,7 +1250,6 @@ const lineClamps = [[
|
|
|
1266
1250
|
"-webkit-box-orient": "horizontal",
|
|
1267
1251
|
"-webkit-line-clamp": "unset"
|
|
1268
1252
|
}]];
|
|
1269
|
-
|
|
1270
1253
|
//#endregion
|
|
1271
1254
|
//#region src/rules/mask.ts
|
|
1272
1255
|
const linearMap = {
|
|
@@ -1284,8 +1267,8 @@ const baseMaskImage = {
|
|
|
1284
1267
|
};
|
|
1285
1268
|
function handlePosition([, v = ""]) {
|
|
1286
1269
|
if (v in cornerMap) {
|
|
1287
|
-
const positions
|
|
1288
|
-
return { "mask-position": positions
|
|
1270
|
+
const positions = v.split("").flatMap((c) => linearMap[c]).join(" ");
|
|
1271
|
+
return { "mask-position": positions };
|
|
1289
1272
|
}
|
|
1290
1273
|
const _v = h.bracket.cssvar.global.position(v);
|
|
1291
1274
|
if (_v !== null) return { "mask-position": _v };
|
|
@@ -1441,7 +1424,6 @@ const masks = [
|
|
|
1441
1424
|
["mask-type-luminance", { "mask-type": "luminance" }],
|
|
1442
1425
|
["mask-type-alpha", { "mask-type": "alpha" }]
|
|
1443
1426
|
];
|
|
1444
|
-
|
|
1445
1427
|
//#endregion
|
|
1446
1428
|
//#region src/rules/placeholder.ts
|
|
1447
1429
|
const placeholders = [[
|
|
@@ -1450,10 +1432,9 @@ const placeholders = [[
|
|
|
1450
1432
|
{ autocomplete: "placeholder-$colors" }
|
|
1451
1433
|
], [
|
|
1452
1434
|
/^\$ placeholder-op(?:acity)?-?(.+)$/,
|
|
1453
|
-
([, opacity
|
|
1435
|
+
([, opacity]) => ({ "--un-placeholder-opacity": h.bracket.percent(opacity) }),
|
|
1454
1436
|
{ autocomplete: ["placeholder-(op|opacity)", "placeholder-(op|opacity)-<percent>"] }
|
|
1455
1437
|
]];
|
|
1456
|
-
|
|
1457
1438
|
//#endregion
|
|
1458
1439
|
//#region src/rules/position.ts
|
|
1459
1440
|
const positions = [
|
|
@@ -1631,7 +1612,6 @@ const boxSizing = [
|
|
|
1631
1612
|
["box-content", { "box-sizing": "content-box" }],
|
|
1632
1613
|
...makeGlobalStaticRules("box", "box-sizing")
|
|
1633
1614
|
];
|
|
1634
|
-
|
|
1635
1615
|
//#endregion
|
|
1636
1616
|
//#region src/rules/question-mark.ts
|
|
1637
1617
|
/**
|
|
@@ -1642,7 +1622,6 @@ const boxSizing = [
|
|
|
1642
1622
|
const questionMark = [[/^(where|\?)$/, (_, { constructCSS, generator }) => {
|
|
1643
1623
|
if (generator.userConfig.envMode === "dev") return `@keyframes __un_qm{0%{box-shadow:inset 4px 4px #ff1e90, inset -4px -4px #ff1e90}100%{box-shadow:inset 8px 8px #3399ff, inset -8px -8px #3399ff}} ${constructCSS({ animation: "__un_qm 0.5s ease-in-out alternate infinite" })}`;
|
|
1644
1624
|
}]];
|
|
1645
|
-
|
|
1646
1625
|
//#endregion
|
|
1647
1626
|
//#region src/rules/shadow.ts
|
|
1648
1627
|
const shadowProperties = {
|
|
@@ -1670,7 +1649,7 @@ const boxShadows = [
|
|
|
1670
1649
|
],
|
|
1671
1650
|
[
|
|
1672
1651
|
/^shadow-op(?:acity)?-?(.+)$/,
|
|
1673
|
-
([, opacity
|
|
1652
|
+
([, opacity]) => ({ "--un-shadow-opacity": h.bracket.percent.cssvar(opacity) }),
|
|
1674
1653
|
{ autocomplete: "shadow-(op|opacity)-<percent>" }
|
|
1675
1654
|
],
|
|
1676
1655
|
[
|
|
@@ -1680,7 +1659,7 @@ const boxShadows = [
|
|
|
1680
1659
|
],
|
|
1681
1660
|
[
|
|
1682
1661
|
/^inset-shadow-op(?:acity)?-?(.+)$/,
|
|
1683
|
-
([, opacity
|
|
1662
|
+
([, opacity]) => ({ "--un-inset-shadow-opacity": h.bracket.percent.cssvar(opacity) }),
|
|
1684
1663
|
{ autocomplete: "shadow-(op|opacity)-<percent>" }
|
|
1685
1664
|
]
|
|
1686
1665
|
];
|
|
@@ -1707,7 +1686,6 @@ function handleShadow(themeKey) {
|
|
|
1707
1686
|
return colorResolver(`--un-${shadowVar}-color`, shadowVar)(match, ctx);
|
|
1708
1687
|
};
|
|
1709
1688
|
}
|
|
1710
|
-
|
|
1711
1689
|
//#endregion
|
|
1712
1690
|
//#region src/rules/ring.ts
|
|
1713
1691
|
const rings = [
|
|
@@ -1725,7 +1703,7 @@ const rings = [
|
|
|
1725
1703
|
],
|
|
1726
1704
|
[
|
|
1727
1705
|
/^ring-op(?:acity)?-?(.+)$/,
|
|
1728
|
-
([, opacity
|
|
1706
|
+
([, opacity]) => ({ "--un-ring-opacity": h.bracket.percent.cssvar(opacity) }),
|
|
1729
1707
|
{ autocomplete: "ring-(op|opacity)-<percent>" }
|
|
1730
1708
|
],
|
|
1731
1709
|
[/^inset-ring(?:-(.+))?$/, ([, d]) => {
|
|
@@ -1742,7 +1720,7 @@ const rings = [
|
|
|
1742
1720
|
],
|
|
1743
1721
|
[
|
|
1744
1722
|
/^inset-ring-op(?:acity)?-?(.+)$/,
|
|
1745
|
-
([, opacity
|
|
1723
|
+
([, opacity]) => ({ "--un-inset-ring-opacity": h.bracket.percent.cssvar(opacity) }),
|
|
1746
1724
|
{ autocomplete: "inset-ring-(op|opacity)-<percent>" }
|
|
1747
1725
|
],
|
|
1748
1726
|
[
|
|
@@ -1763,12 +1741,11 @@ const rings = [
|
|
|
1763
1741
|
],
|
|
1764
1742
|
[
|
|
1765
1743
|
/^ring-offset-op(?:acity)?-?(.+)$/,
|
|
1766
|
-
([, opacity
|
|
1744
|
+
([, opacity]) => ({ "--un-ring-offset-opacity": h.bracket.percent.cssvar(opacity) }),
|
|
1767
1745
|
{ autocomplete: "ring-offset-(op|opacity)-<percent>" }
|
|
1768
1746
|
],
|
|
1769
1747
|
["ring-inset", { "--un-ring-inset": "inset" }]
|
|
1770
1748
|
];
|
|
1771
|
-
|
|
1772
1749
|
//#endregion
|
|
1773
1750
|
//#region src/rules/scrolls.ts
|
|
1774
1751
|
const scrolls = [
|
|
@@ -1805,7 +1782,6 @@ const scrolls = [
|
|
|
1805
1782
|
[/^scroll-p-(block|inline)-(.+)$/, directionSize("scroll-padding")],
|
|
1806
1783
|
[/^scroll-p-?([bi][se])-?(.+)$/, directionSize("scroll-padding")]
|
|
1807
1784
|
];
|
|
1808
|
-
|
|
1809
1785
|
//#endregion
|
|
1810
1786
|
//#region src/rules/size.ts
|
|
1811
1787
|
const sizeMapping = {
|
|
@@ -1864,7 +1840,7 @@ const sizes = [
|
|
|
1864
1840
|
"(max|min)-(w|h|block|inline)-(full|screen|fit|max|min)"
|
|
1865
1841
|
] }
|
|
1866
1842
|
],
|
|
1867
|
-
[/^(?:size-)?(min-|max-)?(h)-screen-(.+)$/, ([, m, h
|
|
1843
|
+
[/^(?:size-)?(min-|max-)?(h)-screen-(.+)$/, ([, m, h, p], context) => ({ [getPropName(m, h)]: handleBreakpoint(context, p, "verticalBreakpoint") })],
|
|
1868
1844
|
[
|
|
1869
1845
|
/^(?:size-)?(min-|max-)?(w)-screen-(.+)$/,
|
|
1870
1846
|
([, m, w, p], context) => ({ [getPropName(m, w)]: handleBreakpoint(context, p) }),
|
|
@@ -1895,7 +1871,6 @@ const aspectRatio = [[
|
|
|
1895
1871
|
([, d]) => ({ "aspect-ratio": getAspectRatio(d) }),
|
|
1896
1872
|
{ autocomplete: ["aspect-(square|video|ratio)", "aspect-ratio-(square|video)"] }
|
|
1897
1873
|
]];
|
|
1898
|
-
|
|
1899
1874
|
//#endregion
|
|
1900
1875
|
//#region src/rules/static.ts
|
|
1901
1876
|
const cursorValues = [
|
|
@@ -2224,7 +2199,6 @@ const dynamicViewportHeight = [
|
|
|
2224
2199
|
];
|
|
2225
2200
|
const accessibility = [["forced-color-adjust-auto", { "forced-color-adjust": "auto" }], ["forced-color-adjust-none", { "forced-color-adjust": "none" }]];
|
|
2226
2201
|
const fieldSizing = [["field-sizing-fixed", { "field-sizing": "fixed" }], ["field-sizing-content", { "field-sizing": "content" }]];
|
|
2227
|
-
|
|
2228
2202
|
//#endregion
|
|
2229
2203
|
//#region src/rules/svg.ts
|
|
2230
2204
|
const svgUtilities = [
|
|
@@ -2235,7 +2209,7 @@ const svgUtilities = [
|
|
|
2235
2209
|
],
|
|
2236
2210
|
[
|
|
2237
2211
|
/^fill-op(?:acity)?-?(.+)$/,
|
|
2238
|
-
([, opacity
|
|
2212
|
+
([, opacity]) => ({ "--un-fill-opacity": h.bracket.percent.cssvar(opacity) }),
|
|
2239
2213
|
{ autocomplete: "fill-(op|opacity)-<percent>" }
|
|
2240
2214
|
],
|
|
2241
2215
|
["fill-none", { fill: "none" }],
|
|
@@ -2253,7 +2227,7 @@ const svgUtilities = [
|
|
|
2253
2227
|
],
|
|
2254
2228
|
[
|
|
2255
2229
|
/^stroke-op(?:acity)?-?(.+)$/,
|
|
2256
|
-
([, opacity
|
|
2230
|
+
([, opacity]) => ({ "--un-stroke-opacity": h.bracket.percent.cssvar(opacity) }),
|
|
2257
2231
|
{ autocomplete: "stroke-(op|opacity)-<percent>" }
|
|
2258
2232
|
],
|
|
2259
2233
|
["stroke-cap-square", { "stroke-linecap": "square" }],
|
|
@@ -2273,7 +2247,6 @@ function handleColorOrWidth(match, ctx) {
|
|
|
2273
2247
|
if (isCSSMathFn(h.bracket(match[1]))) return handleWidth(match);
|
|
2274
2248
|
return colorResolver("stroke", "stroke")(match, ctx);
|
|
2275
2249
|
}
|
|
2276
|
-
|
|
2277
2250
|
//#endregion
|
|
2278
2251
|
//#region src/rules/table.ts
|
|
2279
2252
|
const tables = [
|
|
@@ -2316,7 +2289,7 @@ const tables = [
|
|
|
2316
2289
|
[`--un-border-spacing-${d}`]: v,
|
|
2317
2290
|
"border-spacing": "var(--un-border-spacing-x) var(--un-border-spacing-y)"
|
|
2318
2291
|
};
|
|
2319
|
-
for (const d
|
|
2292
|
+
for (const d of ["x", "y"]) yield defineProperty(`--un-border-spacing-${d}`, {
|
|
2320
2293
|
syntax: "<length>",
|
|
2321
2294
|
initialValue: "0"
|
|
2322
2295
|
});
|
|
@@ -2342,7 +2315,6 @@ function resolveValue(s, theme) {
|
|
|
2342
2315
|
}
|
|
2343
2316
|
return v;
|
|
2344
2317
|
}
|
|
2345
|
-
|
|
2346
2318
|
//#endregion
|
|
2347
2319
|
//#region src/rules/touch-actions.ts
|
|
2348
2320
|
const touchActionValue = "var(--un-pan-x) var(--un-pan-y) var(--un-pinch-zoom)";
|
|
@@ -2382,7 +2354,6 @@ const touchActions = [
|
|
|
2382
2354
|
["touch-none", { "touch-action": "none" }],
|
|
2383
2355
|
...makeGlobalStaticRules("touch", "touch-action")
|
|
2384
2356
|
];
|
|
2385
|
-
|
|
2386
2357
|
//#endregion
|
|
2387
2358
|
//#region src/rules/transform.ts
|
|
2388
2359
|
const transformValues = [
|
|
@@ -2480,7 +2451,7 @@ function handleTranslate([, d, b]) {
|
|
|
2480
2451
|
"x",
|
|
2481
2452
|
"y",
|
|
2482
2453
|
"z"
|
|
2483
|
-
].map((d
|
|
2454
|
+
].map((d) => defineProperty(`--un-translate-${d}`, { initialValue: 0 }))];
|
|
2484
2455
|
}
|
|
2485
2456
|
}
|
|
2486
2457
|
function handleScale([, d, b]) {
|
|
@@ -2491,7 +2462,7 @@ function handleScale([, d, b]) {
|
|
|
2491
2462
|
"x",
|
|
2492
2463
|
"y",
|
|
2493
2464
|
"z"
|
|
2494
|
-
].map((d
|
|
2465
|
+
].map((d) => defineProperty(`--un-scale-${d}`, { initialValue: 1 }))];
|
|
2495
2466
|
}
|
|
2496
2467
|
}
|
|
2497
2468
|
function handleRotate([, d = "", b]) {
|
|
@@ -2504,8 +2475,8 @@ function handleRotate([, d = "", b]) {
|
|
|
2504
2475
|
"x",
|
|
2505
2476
|
"y",
|
|
2506
2477
|
"z"
|
|
2507
|
-
].map((d
|
|
2508
|
-
...["x", "y"].map((d
|
|
2478
|
+
].map((d) => defineProperty(`--un-rotate-${d}`, { initialValue: `rotate${d.toUpperCase()}(0)` })),
|
|
2479
|
+
...["x", "y"].map((d) => defineProperty(`--un-skew-${d}`, { initialValue: `skew${d.toUpperCase()}(0)` }))
|
|
2509
2480
|
];
|
|
2510
2481
|
else return { rotate: h.bracket.cssvar.degree(b) };
|
|
2511
2482
|
}
|
|
@@ -2519,16 +2490,15 @@ function handleSkew([, d, b]) {
|
|
|
2519
2490
|
"x",
|
|
2520
2491
|
"y",
|
|
2521
2492
|
"z"
|
|
2522
|
-
].map((d
|
|
2523
|
-
...["x", "y"].map((d
|
|
2493
|
+
].map((d) => defineProperty(`--un-rotate-${d}`, { initialValue: `rotate${d.toUpperCase()}(0)` })),
|
|
2494
|
+
...["x", "y"].map((d) => defineProperty(`--un-skew-${d}`, { initialValue: `skew${d.toUpperCase()}(0)` }))
|
|
2524
2495
|
];
|
|
2525
2496
|
}
|
|
2526
2497
|
function transformXYZ(d, v, name) {
|
|
2527
2498
|
const values = v.split(splitComma);
|
|
2528
2499
|
if (d || !d && values.length === 1) return xyzMap[d].map((i) => [`--un-${name}${i}`, v]);
|
|
2529
|
-
return values.map((v
|
|
2500
|
+
return values.map((v, i) => [`--un-${name}-${xyzArray[i]}`, v]);
|
|
2530
2501
|
}
|
|
2531
|
-
|
|
2532
2502
|
//#endregion
|
|
2533
2503
|
//#region src/rules/transition.ts
|
|
2534
2504
|
function resolveTransitionProperty(prop, theme) {
|
|
@@ -2536,7 +2506,7 @@ function resolveTransitionProperty(prop, theme) {
|
|
|
2536
2506
|
if (h.cssvar(prop) != null) p = h.cssvar(prop);
|
|
2537
2507
|
else {
|
|
2538
2508
|
if (prop.startsWith("[") && prop.endsWith("]")) prop = prop.slice(1, -1);
|
|
2539
|
-
const props = prop.split(",").map((p
|
|
2509
|
+
const props = prop.split(",").map((p) => theme.property?.[p] ?? h.properties(p));
|
|
2540
2510
|
if (props.every(Boolean)) p = props.join(",");
|
|
2541
2511
|
}
|
|
2542
2512
|
return p;
|
|
@@ -2596,7 +2566,6 @@ const transitions = [
|
|
|
2596
2566
|
["transition-discrete", { "transition-behavior": "allow-discrete" }],
|
|
2597
2567
|
["transition-normal", { "transition-behavior": "normal" }]
|
|
2598
2568
|
];
|
|
2599
|
-
|
|
2600
2569
|
//#endregion
|
|
2601
2570
|
//#region src/rules/typography.ts
|
|
2602
2571
|
const fonts = [
|
|
@@ -2623,7 +2592,7 @@ const fonts = [
|
|
|
2623
2592
|
],
|
|
2624
2593
|
[
|
|
2625
2594
|
/^(?:text|color|c)-op(?:acity)?-?(.+)$/,
|
|
2626
|
-
([, opacity
|
|
2595
|
+
([, opacity]) => ({ "--un-text-opacity": h.bracket.percent.cssvar(opacity) }),
|
|
2627
2596
|
{ autocomplete: "(text|color|c)-(op|opacity)-<percent>" }
|
|
2628
2597
|
],
|
|
2629
2598
|
[
|
|
@@ -2786,7 +2755,7 @@ const textStrokes = [
|
|
|
2786
2755
|
],
|
|
2787
2756
|
[
|
|
2788
2757
|
/^text-stroke-op(?:acity)?-?(.+)$/,
|
|
2789
|
-
([, opacity
|
|
2758
|
+
([, opacity]) => ({ "--un-text-stroke-opacity": h.bracket.percent.cssvar(opacity) }),
|
|
2790
2759
|
{ autocomplete: "text-stroke-(op|opacity)-<percent>" }
|
|
2791
2760
|
]
|
|
2792
2761
|
];
|
|
@@ -2824,7 +2793,7 @@ const textShadows = [
|
|
|
2824
2793
|
],
|
|
2825
2794
|
[
|
|
2826
2795
|
/^text-shadow(?:-color)?-op(?:acity)?-?(.+)$/,
|
|
2827
|
-
([, opacity
|
|
2796
|
+
([, opacity]) => ({ "--un-text-shadow-opacity": h.bracket.percent.cssvar(opacity) }),
|
|
2828
2797
|
{ autocomplete: "text-shadow(-color)?-(op|opacity)-<percent>" }
|
|
2829
2798
|
]
|
|
2830
2799
|
];
|
|
@@ -2922,7 +2891,6 @@ function splitShorthand(body, type) {
|
|
|
2922
2891
|
if (match == null || match === type) return [front, rest];
|
|
2923
2892
|
}
|
|
2924
2893
|
}
|
|
2925
|
-
|
|
2926
2894
|
//#endregion
|
|
2927
2895
|
//#region src/rules/variables.ts
|
|
2928
2896
|
const variablesAbbrMap = {
|
|
@@ -2992,13 +2960,11 @@ function isURI(declaration) {
|
|
|
2992
2960
|
return false;
|
|
2993
2961
|
}
|
|
2994
2962
|
}
|
|
2995
|
-
|
|
2996
2963
|
//#endregion
|
|
2997
2964
|
//#region src/rules/view-transition.ts
|
|
2998
2965
|
const viewTransition = [[/^view-transition-([\w-]+)$/, ([, name]) => {
|
|
2999
2966
|
return { "view-transition-name": name };
|
|
3000
2967
|
}]];
|
|
3001
|
-
|
|
3002
2968
|
//#endregion
|
|
3003
2969
|
//#region src/rules/default.ts
|
|
3004
2970
|
const rules = [
|
|
@@ -3095,6 +3061,5 @@ const rules = [
|
|
|
3095
3061
|
fieldSizing,
|
|
3096
3062
|
questionMark
|
|
3097
3063
|
].flat();
|
|
3098
|
-
|
|
3099
3064
|
//#endregion
|
|
3100
|
-
export { accents, accessibility, alignments, animations, appearance, appearances, aspectRatio, backgroundBlendModes, backgroundStyles, bgColors, borderStyles, borders, boxShadows, boxSizing, breaks, carets, colorScheme, columns, container, containerParent, containerShortcuts, contains, contentVisibility, contents, cssProperty, cssVariables, cursors, displays, divides, dynamicViewportHeight, fieldSizing, filters, flex, flexGridJustifiesAlignments, floats, fontSmoothings, fontStyles, fontVariantNumeric, fonts, gaps, grids, handlerBorderStyle, hyphens, imageRenderings, insets, isolations, justifies, lineClamps, listStyle, margins, masks, mixBlendModes, notLastChildSelectorVariant, objectPositions, opacity, orders, outline, overflows, overscrolls, paddings, placeholders, placements, pointerEvents, positions, questionMark, resizes, rings, rules, screenReadersAccess, scrollBehaviors, scrolls, shadowProperties, sizes, spaces, splitShorthand, svgUtilities, tabSizes, tables, textAligns, textDecorations, textIndents, textOverflows, textShadows, textStrokes, textTransforms, textWraps, touchActions, transformBase, transforms, transitions, userSelects, verticalAligns, viewTransition, whitespaces, willChange, writingModes, writingOrientations, zIndexes };
|
|
3065
|
+
export { accents, accessibility, alignments, animations, appearance, appearances, aspectRatio, backgroundBlendModes, backgroundStyles, bgColors, borderStyles, borders, boxShadows, boxSizing, breaks, carets, colorScheme, columns, container, containerParent, containerShortcuts, contains, contentVisibility, contents, cssProperty, cssVariables, cursors, displays, divides, dynamicViewportHeight, fieldSizing, filters, flex, flexGridJustifiesAlignments, floats, fontSmoothings, fontStyles, fontVariantNumeric, fonts, gaps, grids, handlerBorderStyle, hyphens, imageRenderings, insets, isolations, justifies, lineClamps, listStyle, margins, masks, mixBlendModes, notLastChildSelectorVariant, objectPositions, opacity, orders, outline, overflows, overscrolls, paddings, placeholders, placements, pointerEvents, positions, questionMark, resizes, rings, rules, screenReadersAccess, scrollBehaviors, scrolls, shadowProperties, sizes, spaces, splitShorthand, svgUtilities, tabSizes, tables, textAligns, textDecorations, textIndents, textOverflows, textShadows, textStrokes, textTransforms, textWraps, touchActions, transformBase, transforms, transitions, userSelects, verticalAligns, viewTransition, whitespaces, willChange, writingModes, writingOrientations, zIndexes };
|
package/dist/shortcuts.d.mts
CHANGED
package/dist/shortcuts.mjs
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import { r as containerShortcuts } from "./container-
|
|
2
|
-
|
|
1
|
+
import { r as containerShortcuts } from "./container-_7pdPWQl.mjs";
|
|
3
2
|
//#region src/shortcuts/index.ts
|
|
4
3
|
const shortcuts = [...containerShortcuts];
|
|
5
|
-
|
|
6
4
|
//#endregion
|
|
7
|
-
export { shortcuts };
|
|
5
|
+
export { shortcuts };
|
package/dist/theme.d.mts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { t as colors } from "./colors-
|
|
2
|
-
import { C as Theme, D as aria, E as theme, O as animation, S as Colors, T as blur, _ as fontWeight, a as container, b as textStrokeWidth, c as dropShadow, d as radius, f as shadow, g as font, h as media, i as breakpoint, l as insetShadow, m as textShadow, n as property, o as verticalBreakpoint, p as spacing, r as supports, s as defaults, t as ease, u as perspective, v as leading, w as ThemeAnimation, x as tracking, y as text } from "./theme-
|
|
1
|
+
import { t as colors } from "./colors-WEybJ2pP.mjs";
|
|
2
|
+
import { C as Theme, D as aria, E as theme, O as animation, S as Colors, T as blur, _ as fontWeight, a as container, b as textStrokeWidth, c as dropShadow, d as radius, f as shadow, g as font, h as media, i as breakpoint, l as insetShadow, m as textShadow, n as property, o as verticalBreakpoint, p as spacing, r as supports, s as defaults, t as ease, u as perspective, v as leading, w as ThemeAnimation, x as tracking, y as text } from "./theme-C7zgiweA.mjs";
|
|
3
3
|
export { Colors, Theme, ThemeAnimation, animation, aria, blur, breakpoint, colors, container, defaults, dropShadow, ease, font, fontWeight, insetShadow, leading, media, perspective, property, radius, shadow, spacing, supports, text, textShadow, textStrokeWidth, theme, tracking, verticalBreakpoint };
|