@unocss/preset-mini 0.15.6 → 0.16.0

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.
@@ -80,22 +80,6 @@ const textColors = [
80
80
  [/^(?:text|color|c)-(.+)$/, colorResolver$1("color", "text")],
81
81
  [/^(?:text|color|c)-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-text-opacity": index.handler.bracket.percent.cssvar(opacity2) })]
82
82
  ];
83
- const textDecorationColors = [
84
- [/^underline-(.+)$/, (match, ctx) => {
85
- const result = colorResolver$1("text-decoration-color", "line")(match, ctx);
86
- if (result) {
87
- return {
88
- "-webkit-text-decoration-color": result["text-decoration-color"],
89
- ...result
90
- };
91
- }
92
- }],
93
- [/^underline-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-line-opacity": index.handler.bracket.percent(opacity2) })]
94
- ];
95
- const textStrokeColors = [
96
- [/^text-stroke-(.+)$/, colorResolver$1("-webkit-text-stroke-color", "text-stroke")],
97
- [/^text-stroke-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-text-stroke-opacity": index.handler.bracket.percent(opacity2) })]
98
- ];
99
83
  const bgColors = [
100
84
  [/^bg-(.+)$/, colorResolver$1("background-color", "bg")],
101
85
  [/^bg-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-bg-opacity": index.handler.bracket.percent(opacity2) })]
@@ -180,29 +164,21 @@ const placeholder = [
180
164
  ]
181
165
  ];
182
166
 
183
- const borderSizes = [
167
+ const borders = [
184
168
  [/^border$/, handlerBorder],
185
169
  [/^(?:border|b)(?:-([^-]+))?$/, handlerBorder],
186
- [/^(?:border|b)(?:-([^-]+))?(?:-([^-]+))?$/, handlerBorder]
187
- ];
188
- const borderRadius = [
189
- [/^(?:border-)?(?:rounded|rd)$/, handlerRounded],
190
- [/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?$/, handlerRounded],
191
- [/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?(?:-([^-]+))?$/, handlerRounded]
192
- ];
193
- const borderStyles = [
170
+ [/^(?:border|b)(?:-([^-]+))?(?:-([^-]+))?$/, handlerBorder],
194
171
  ["border-solid", { "border-style": "solid" }],
195
172
  ["border-dashed", { "border-style": "dashed" }],
196
173
  ["border-dotted", { "border-style": "dotted" }],
197
174
  ["border-double", { "border-style": "double" }],
198
- ["border-none", { "border-style": "none" }]
175
+ ["border-none", { "border-style": "none" }],
176
+ [/^(?:border-)?(?:rounded|rd)$/, handlerRounded],
177
+ [/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?$/, handlerRounded],
178
+ [/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?(?:-([^-]+))?$/, handlerRounded],
179
+ [/^(?:border|b)-(.+)$/, colorResolver$1("border-color", "border")],
180
+ [/^(?:border|b)-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-border-opacity": index.handler.bracket.percent(opacity) })]
199
181
  ];
200
- const borders = [
201
- borderSizes,
202
- borderColors,
203
- borderStyles,
204
- borderRadius
205
- ].flat(1);
206
182
  function handlerBorder([, a, b]) {
207
183
  const [d, s = "1"] = index.directionMap[a] ? [a, b] : ["", a];
208
184
  const v = index.handler.bracket.px(s);
@@ -311,37 +287,27 @@ const transitions = [
311
287
  ];
312
288
 
313
289
  const flex = [
314
- ["flex-col", { "flex-direction": "column" }],
315
- ["flex-col-reverse", { "flex-direction": "column-reverse" }],
316
- ["flex-row", { "flex-direction": "row" }],
317
- ["flex-row-reverse", { "flex-direction": "row-reverse" }],
318
- ["flex-wrap", { "flex-wrap": "wrap" }],
319
- ["flex-wrap-reverse", { "flex-wrap": "wrap-reverse" }],
320
- ["flex-nowrap", { "flex-wrap": "nowrap" }],
290
+ ["flex", { display: "flex" }],
291
+ ["inline-flex", { display: "inline-flex" }],
292
+ ["flex-inline", { display: "inline-flex" }],
321
293
  ["flex-1", { flex: "1 1 0%" }],
322
294
  ["flex-auto", { flex: "1 1 auto" }],
323
295
  ["flex-initial", { flex: "0 1 auto" }],
324
296
  ["flex-none", { flex: "none" }],
325
297
  [/^flex-\[(.+)\]$/, ([, d]) => ({ flex: d })],
326
- ["flex-grow", { "flex-grow": 1 }],
327
- ["flex-grow-0", { "flex-grow": 0 }],
328
298
  ["flex-shrink", { "flex-shrink": 1 }],
329
299
  ["flex-shrink-0", { "flex-shrink": 0 }],
330
- ["flex", { display: "flex" }],
331
- ["inline-flex", { display: "inline-flex" }],
332
- ["flex-inline", { display: "inline-flex" }]
300
+ ["flex-grow", { "flex-grow": 1 }],
301
+ ["flex-grow-0", { "flex-grow": 0 }],
302
+ ["flex-row", { "flex-direction": "row" }],
303
+ ["flex-row-reverse", { "flex-direction": "row-reverse" }],
304
+ ["flex-col", { "flex-direction": "column" }],
305
+ ["flex-col-reverse", { "flex-direction": "column-reverse" }],
306
+ ["flex-wrap", { "flex-wrap": "wrap" }],
307
+ ["flex-wrap-reverse", { "flex-wrap": "wrap-reverse" }],
308
+ ["flex-nowrap", { "flex-wrap": "nowrap" }]
333
309
  ];
334
310
 
335
- const fontsFamilies = [
336
- [/^font-(\w+)$/, ([, d], { theme }) => {
337
- const font = theme.fontFamily?.[d];
338
- if (font) {
339
- return {
340
- "font-family": font
341
- };
342
- }
343
- }]
344
- ];
345
311
  const weightMap = {
346
312
  thin: "100",
347
313
  extralight: "200",
@@ -353,7 +319,15 @@ const weightMap = {
353
319
  extrabold: "800",
354
320
  black: "900"
355
321
  };
356
- const fontSizes = [
322
+ const fonts = [
323
+ [/^font-(\w+)$/, ([, d], { theme }) => {
324
+ const font = theme.fontFamily?.[d];
325
+ if (font) {
326
+ return {
327
+ "font-family": font
328
+ };
329
+ }
330
+ }],
357
331
  [/^text-(.+)$/, ([, s = "base"], { theme }) => {
358
332
  const size = index.handler.bracket.rem(s);
359
333
  if (size)
@@ -371,30 +345,22 @@ const fontSizes = [
371
345
  const raw = index.handler.bracket.rem(s);
372
346
  if (raw)
373
347
  return { "font-size": raw };
374
- }]
375
- ];
376
- const fontWeights = [
348
+ }],
377
349
  [/^(?:font|fw)-?([^-]+)$/, ([, s]) => {
378
350
  const v = weightMap[s] || index.handler.number(s);
379
351
  if (v)
380
352
  return { "font-weight": v };
381
- }]
382
- ];
383
- const leadings = [
353
+ }],
384
354
  [/^(?:leading|lh)-([^-]+)$/, ([, s], { theme }) => {
385
355
  const v = theme.lineHeight?.[s] || index.handler.bracket.rem(s);
386
356
  if (v !== null)
387
357
  return { "line-height": v };
388
- }]
389
- ];
390
- const trackings = [
358
+ }],
391
359
  [/^tracking-([^-]+)$/, ([, s], { theme }) => {
392
360
  const v = theme.letterSpacing?.[s] || index.handler.bracket.rem(s);
393
361
  if (v !== null)
394
362
  return { "letter-spacing": v };
395
- }]
396
- ];
397
- const wordSpacings = [
363
+ }],
398
364
  [/^word-spacing-([^-]+)$/, ([, s], { theme }) => {
399
365
  const v = theme.wordSpacing?.[s] || index.handler.bracket.rem(s);
400
366
  if (v !== null)
@@ -414,20 +380,6 @@ const tabSizes = [
414
380
  }
415
381
  }]
416
382
  ];
417
- const textDecorationLengths = [
418
- [/^underline-([^-]+)$/, ([, s]) => {
419
- const v = s === "auto" ? s : index.handler.bracket.px(s);
420
- if (v != null)
421
- return { "text-decoration-thickness": v };
422
- }]
423
- ];
424
- const textDecorationOffsets = [
425
- [/^underline-offset-([^-]+)$/, ([, s]) => {
426
- const v = s === "auto" ? s : index.handler.bracket.px(s);
427
- if (v != null)
428
- return { "text-underline-offset": v };
429
- }]
430
- ];
431
383
  const textIndents = [
432
384
  [/^indent(?:-(.+))?$/, ([, s], { theme }) => {
433
385
  const v = theme.textIndent?.[s || "DEFAULT"] || index.handler.bracket.cssvar.fraction.rem(s);
@@ -435,12 +387,14 @@ const textIndents = [
435
387
  return { "text-indent": v };
436
388
  }]
437
389
  ];
438
- const textStrokeWidths = [
390
+ const textStrokes = [
439
391
  [/^text-stroke(?:-(.+))?$/, ([, s], { theme }) => {
440
392
  const v = theme.textStrokeWidth?.[s || "DEFAULT"] || index.handler.bracket.cssvar.px(s);
441
393
  if (v != null)
442
394
  return { "-webkit-text-stroke-width": v };
443
- }]
395
+ }],
396
+ [/^text-stroke-(.+)$/, colorResolver$1("-webkit-text-stroke-color", "text-stroke")],
397
+ [/^text-stroke-op(?:acity)?-?(.+)$/m, ([, opacity]) => ({ "--un-text-stroke-opacity": index.handler.bracket.percent(opacity) })]
444
398
  ];
445
399
  const textShadows = [
446
400
  [/^text-shadow(?:-(.+))?$/, ([, s], { theme }) => {
@@ -449,11 +403,6 @@ const textShadows = [
449
403
  return { "text-shadow": v };
450
404
  }]
451
405
  ];
452
- const fonts = [
453
- fontsFamilies,
454
- fontSizes,
455
- fontWeights
456
- ].flat(1);
457
406
 
458
407
  const gaps = [
459
408
  [/^(?:flex-|grid-)?gap-([^-]+)$/, ([, s]) => {
@@ -498,12 +447,10 @@ const autoDirection = (selector, theme) => {
498
447
  const grids = [
499
448
  ["grid", { display: "grid" }],
500
449
  ["inline-grid", { display: "inline-grid" }],
501
- [/^grid-cols-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-columns": `repeat(auto-fill, minmax(${d}, 1fr))` })],
502
- [/^grid-rows-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-rows": `repeat(auto-fill, minmax(${d}, 1fr))` })],
503
- [/^grid-cols-(\d+)$/, ([, d]) => ({ "grid-template-columns": `repeat(${d},minmax(0,1fr))` })],
504
- [/^grid-rows-(\d+)$/, ([, d]) => ({ "grid-template-rows": `repeat(${d},minmax(0,1fr))` })],
505
- [/^grid-cols-\[(.+)\]$/, ([, v]) => ({ "grid-template-columns": v.replace(/,/g, " ") })],
506
- [/^grid-rows-\[(.+)\]$/, ([, v]) => ({ "grid-template-rows": v.replace(/,/g, " ") })],
450
+ [/^(?:grid-)?col-start-([\w.-]+)$/, ([, v]) => ({ "grid-column-start": `${v}` })],
451
+ [/^(?:grid-)?col-end-([\w.]+)$/, ([, v]) => ({ "grid-column-end": `${v}` })],
452
+ [/^(?:grid-)?row-start-([\w.-]+)$/, ([, v]) => ({ "grid-row-start": `${v}` })],
453
+ [/^(?:grid-)?row-end-([\w.-]+)$/, ([, v]) => ({ "grid-row-end": `${v}` })],
507
454
  [/^(?:grid-)?(row|col)-(.+)$/, ([, d, v]) => {
508
455
  const key = d === "row" ? "grid-row" : "grid-column";
509
456
  let raw = index.handler.bracket(v);
@@ -520,13 +467,15 @@ const grids = [
520
467
  return { [key]: `span ${raw}/span ${raw}` };
521
468
  }
522
469
  }],
470
+ [/^(?:grid-)?auto-cols-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-columns": `${autoDirection(v, theme)}` })],
523
471
  [/^(?:grid-)?auto-flow-([\w.-]+)$/, ([, v]) => ({ "grid-auto-flow": `${v.replace("col", "column").split("-").join(" ")}` })],
524
- [/^(?:grid-)?row-start-([\w.-]+)$/, ([, v]) => ({ "grid-row-start": `${v}` })],
525
- [/^(?:grid-)?row-end-([\w.-]+)$/, ([, v]) => ({ "grid-row-end": `${v}` })],
526
- [/^(?:grid-)?col-start-([\w.-]+)$/, ([, v]) => ({ "grid-column-start": `${v}` })],
527
- [/^(?:grid-)?col-end-([\w.]+)$/, ([, v]) => ({ "grid-column-end": `${v}` })],
528
472
  [/^(?:grid-)?auto-rows-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-rows": `${autoDirection(v, theme)}` })],
529
- [/^(?:grid-)?auto-cols-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-columns": `${autoDirection(v, theme)}` })]
473
+ [/^grid-cols-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-columns": `repeat(auto-fill, minmax(${d}, 1fr))` })],
474
+ [/^grid-rows-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-rows": `repeat(auto-fill, minmax(${d}, 1fr))` })],
475
+ [/^grid-cols-(\d+)$/, ([, d]) => ({ "grid-template-columns": `repeat(${d},minmax(0,1fr))` })],
476
+ [/^grid-rows-(\d+)$/, ([, d]) => ({ "grid-template-rows": `repeat(${d},minmax(0,1fr))` })],
477
+ [/^grid-cols-\[(.+)\]$/, ([, v]) => ({ "grid-template-columns": v.replace(/,/g, " ") })],
478
+ [/^grid-rows-\[(.+)\]$/, ([, v]) => ({ "grid-template-rows": v.replace(/,/g, " ") })]
530
479
  ];
531
480
 
532
481
  const overflowValues = [
@@ -540,6 +489,7 @@ const overflows = [
540
489
  [/^(?:overflow|of)-([xy])-(.+)$/, ([, d, v]) => overflowValues.includes(v) ? { [`overflow-${d}`]: v } : void 0]
541
490
  ];
542
491
 
492
+ const basicSet = ["auto", "start", "end", "center", "stretch"];
543
493
  const positions = [
544
494
  ["relative", { position: "relative" }],
545
495
  ["absolute", { position: "absolute" }],
@@ -553,47 +503,42 @@ const justifies = [
553
503
  ["justify-center", { "justify-content": "center" }],
554
504
  ["justify-between", { "justify-content": "space-between" }],
555
505
  ["justify-around", { "justify-content": "space-around" }],
556
- ["justify-evenly", { "justify-content": "space-evenly" }]
506
+ ["justify-evenly", { "justify-content": "space-evenly" }],
507
+ ...basicSet.map((i) => [`justify-items-${i}`, { "justify-items": i }]),
508
+ ...basicSet.map((i) => [`justify-self-${i}`, { "justify-self": i }])
557
509
  ];
558
510
  const orders = [
559
511
  [/^order-(.+)$/, ([, v]) => ({ order: { first: "-9999", last: "9999", none: "0" }[v] || index.handler.bracket.number(v) })]
560
512
  ];
561
- const basicSet = ["auto", "start", "end", "center", "stretch"];
562
- const justifyItems = basicSet.map((i) => [`justify-items-${i}`, { "justify-items": i }]);
563
- const justifySelfs = basicSet.map((i) => [`justify-self-${i}`, { "justify-self": i }]);
564
- const alignContents = [
513
+ const alignments = [
565
514
  ["content-start", { "align-content": "flex-start" }],
566
515
  ["content-end", { "align-content": "flex-end" }],
567
516
  ["content-center", { "align-content": "center" }],
568
517
  ["content-between", { "align-content": "space-between" }],
569
518
  ["content-around", { "align-content": "space-around" }],
570
- ["content-evenly", { "align-content": "space-evenly" }]
571
- ];
572
- const alignItems = [
519
+ ["content-evenly", { "align-content": "space-evenly" }],
573
520
  ["items-start", { "align-items": "flex-start" }],
574
521
  ["items-end", { "align-items": "flex-end" }],
575
522
  ["items-center", { "align-items": "center" }],
576
523
  ["items-baseline", { "align-items": "baseline" }],
577
- ["items-stretch", { "align-items": "stretch" }]
578
- ];
579
- const alignSelfs = [
524
+ ["items-stretch", { "align-items": "stretch" }],
580
525
  ["self-auto", { "align-self": "auto" }],
581
526
  ["self-start", { "align-self": "flex-start" }],
582
527
  ["self-end", { "align-self": "flex-end" }],
583
528
  ["self-center", { "align-self": "center" }],
584
529
  ["self-stretch", { "align-items": "stretch" }]
585
530
  ];
586
- const placeContents = [
531
+ const placements = [
587
532
  ["place-content-start", { "place-content": "start" }],
588
533
  ["place-content-end", { "place-content": "end" }],
589
534
  ["place-content-center", { "place-content": "center" }],
590
535
  ["place-content-between", { "place-content": "space-between" }],
591
536
  ["place-content-around", { "place-content": "space-around" }],
592
537
  ["place-content-evenly", { "place-content": "space-evenly" }],
593
- ["place-content-stretch", { "place-content": "stretch" }]
538
+ ["place-content-stretch", { "place-content": "stretch" }],
539
+ ...basicSet.map((i) => [`place-items-${i}`, { "place-items": i }]),
540
+ ...basicSet.map((i) => [`place-self-${i}`, { "place-self": i }])
594
541
  ];
595
- const placeItems = basicSet.map((i) => [`place-items-${i}`, { "place-items": i }]);
596
- const placeSelfs = basicSet.map((i) => [`place-self-${i}`, { "place-self": i }]);
597
542
  function handleInsetValue(v) {
598
543
  return { auto: "auto", full: "100%" }[v] ?? index.handler.bracket.fraction.cssvar.rem(v);
599
544
  }
@@ -784,17 +729,6 @@ const textTransforms = [
784
729
  ["case-capital", { "text-transform": "capitalize" }],
785
730
  ["case-normal", { "text-transform": "none" }]
786
731
  ];
787
- const textDecorations = [
788
- ["underline", { "text-decoration": "underline" }],
789
- ["line-through", { "text-decoration": "line-through" }],
790
- ["no-underline", { "text-decoration": "none" }]
791
- ];
792
- const textDecorationStyles = [
793
- ["underline-solid", { "text-decoration-style": "solid" }],
794
- ["underline-double", { "text-decoration-style": "double" }],
795
- ["underline-dotted", { "text-decoration-style": "dotted" }],
796
- ["underline-dashed", { "text-decoration-style": "dashed" }]
797
- ];
798
732
  const fontStyles = [
799
733
  ["italic", { "font-style": "italic" }],
800
734
  ["not-italic", { "font-style": "normal" }]
@@ -894,17 +828,8 @@ const variablesAbbrMap = {
894
828
  "break": "word-break",
895
829
  "color": "color",
896
830
  "case": "text-transform",
897
- "write": "writing-mode",
898
- "write-orient": "text-orientation",
899
831
  "origin": "transform-origin",
900
832
  "bg": "background-color",
901
- "bg-blend": "background-blend-mode",
902
- "bg-clip": "-webkit-background-clip",
903
- "bg-gradient": "linear-gradient",
904
- "bg-origin-border": "background-origin",
905
- "bg-position": "background-position",
906
- "bg-repeat": "background-repeat",
907
- "bg-size": "background-size",
908
833
  "bg-opacity": "background-opacity",
909
834
  "tab": "tab-size",
910
835
  "underline": "text-decoration-thickness",
@@ -919,9 +844,7 @@ const variablesAbbrMap = {
919
844
  "content": "align-content",
920
845
  "items": "align-items",
921
846
  "self": "align-self",
922
- "object": "object-fit",
923
- "mix-blend": "mix-blend-mode",
924
- "animate-speed": "animation-speed"
847
+ "object": "object-fit"
925
848
  };
926
849
  const cssVariables = [[
927
850
  /^(.+)-\$(.+)$/,
@@ -946,6 +869,33 @@ ${constructCSS({ animation: "__un_qm 0.5s ease-in-out alternate infinite" })}`;
946
869
  ]
947
870
  ];
948
871
 
872
+ const textDecorations = [
873
+ ["underline", { "text-decoration": "underline" }],
874
+ ["line-through", { "text-decoration": "line-through" }],
875
+ ["no-underline", { "text-decoration": "none" }],
876
+ ["decoration-underline", { "text-decoration": "underline" }],
877
+ ["decoration-line-through", { "text-decoration": "line-through" }],
878
+ ["decoration-none", { "text-decoration": "none" }],
879
+ [/^(?:underline|decoration)-(solid|double|dotted|dashed|wavy)$/, ([, d]) => ({ "text-decoration-style": d })],
880
+ [/^(?:underline|decoration)-([^-]+)$/, ([, s]) => ({ "text-decoration-thickness": ["auto", "from-font"].includes(s) ? s : index.handler.bracket.px(s) })],
881
+ [/^decoration-(.*)$/, ([, d]) => ({ "text-decoration-thickness": index.handler.bracket.px(d) })],
882
+ [/^underline-offset-([^-]+)$/, ([, s]) => {
883
+ const v = s === "auto" ? s : index.handler.bracket.px(s);
884
+ if (v != null)
885
+ return { "text-underline-offset": v };
886
+ }],
887
+ [/^(?:underline|decoration)-(.+)$/, (match, ctx) => {
888
+ const result = colorResolver$1("text-decoration-color", "line")(match, ctx);
889
+ if (result) {
890
+ return {
891
+ "-webkit-text-decoration-color": result["text-decoration-color"],
892
+ ...result
893
+ };
894
+ }
895
+ }],
896
+ [/^(?:underline|decoration)-op(?:acity)?-?(.+)$/m, ([, opacity]) => ({ "--un-line-opacity": index.handler.bracket.percent(opacity) })]
897
+ ];
898
+
949
899
  const rules = [
950
900
  cssVariables,
951
901
  paddings,
@@ -961,12 +911,7 @@ const rules = [
961
911
  textIndents,
962
912
  textOverflows,
963
913
  textDecorations,
964
- textDecorationStyles,
965
- textDecorationColors,
966
- textDecorationLengths,
967
- textDecorationOffsets,
968
- textStrokeWidths,
969
- textStrokeColors,
914
+ textStrokes,
970
915
  textShadows,
971
916
  textTransforms,
972
917
  textAligns,
@@ -989,9 +934,6 @@ const rules = [
989
934
  userSelects,
990
935
  whitespaces,
991
936
  breaks,
992
- trackings,
993
- wordSpacings,
994
- leadings,
995
937
  overflows,
996
938
  outline,
997
939
  appearance,
@@ -999,14 +941,8 @@ const rules = [
999
941
  positions,
1000
942
  orders,
1001
943
  justifies,
1002
- justifyItems,
1003
- justifySelfs,
1004
- alignContents,
1005
- alignItems,
1006
- alignSelfs,
1007
- placeContents,
1008
- placeItems,
1009
- placeSelfs,
944
+ alignments,
945
+ placements,
1010
946
  insets,
1011
947
  floats,
1012
948
  zIndexes,
@@ -1016,17 +952,12 @@ const rules = [
1016
952
  questionMark
1017
953
  ].flat(1);
1018
954
 
1019
- exports.alignContents = alignContents;
1020
- exports.alignItems = alignItems;
1021
- exports.alignSelfs = alignSelfs;
955
+ exports.alignments = alignments;
1022
956
  exports.appearance = appearance;
1023
957
  exports.appearances = appearances;
1024
958
  exports.aspectRatio = aspectRatio;
1025
959
  exports.bgColors = bgColors;
1026
960
  exports.borderColors = borderColors;
1027
- exports.borderRadius = borderRadius;
1028
- exports.borderSizes = borderSizes;
1029
- exports.borderStyles = borderStyles;
1030
961
  exports.borders = borders;
1031
962
  exports.boxShadows = boxShadows;
1032
963
  exports.boxSizing = boxSizing;
@@ -1039,19 +970,13 @@ exports.displays = displays;
1039
970
  exports.fillColors = fillColors;
1040
971
  exports.flex = flex;
1041
972
  exports.floats = floats;
1042
- exports.fontSizes = fontSizes;
1043
973
  exports.fontSmoothings = fontSmoothings;
1044
974
  exports.fontStyles = fontStyles;
1045
- exports.fontWeights = fontWeights;
1046
975
  exports.fonts = fonts;
1047
- exports.fontsFamilies = fontsFamilies;
1048
976
  exports.gaps = gaps;
1049
977
  exports.grids = grids;
1050
978
  exports.insets = insets;
1051
979
  exports.justifies = justifies;
1052
- exports.justifyItems = justifyItems;
1053
- exports.justifySelfs = justifySelfs;
1054
- exports.leadings = leadings;
1055
980
  exports.margins = margins;
1056
981
  exports.opacity = opacity;
1057
982
  exports.orders = orders;
@@ -1059,10 +984,8 @@ exports.outline = outline;
1059
984
  exports.overflows = overflows;
1060
985
  exports.paddings = paddings;
1061
986
  exports.parseColorUtil = parseColorUtil;
1062
- exports.placeContents = placeContents;
1063
- exports.placeItems = placeItems;
1064
- exports.placeSelfs = placeSelfs;
1065
987
  exports.placeholder = placeholder;
988
+ exports.placements = placements;
1066
989
  exports.pointerEvents = pointerEvents;
1067
990
  exports.positions = positions;
1068
991
  exports.questionMark = questionMark;
@@ -1075,23 +998,16 @@ exports.sizes = sizes;
1075
998
  exports.tabSizes = tabSizes;
1076
999
  exports.textAligns = textAligns;
1077
1000
  exports.textColors = textColors;
1078
- exports.textDecorationColors = textDecorationColors;
1079
- exports.textDecorationLengths = textDecorationLengths;
1080
- exports.textDecorationOffsets = textDecorationOffsets;
1081
- exports.textDecorationStyles = textDecorationStyles;
1082
1001
  exports.textDecorations = textDecorations;
1083
1002
  exports.textIndents = textIndents;
1084
1003
  exports.textOverflows = textOverflows;
1085
1004
  exports.textShadows = textShadows;
1086
- exports.textStrokeColors = textStrokeColors;
1087
- exports.textStrokeWidths = textStrokeWidths;
1005
+ exports.textStrokes = textStrokes;
1088
1006
  exports.textTransforms = textTransforms;
1089
- exports.trackings = trackings;
1090
1007
  exports.transforms = transforms;
1091
1008
  exports.transitions = transitions;
1092
1009
  exports.userSelects = userSelects;
1093
1010
  exports.varEmpty = varEmpty;
1094
1011
  exports.verticalAligns = verticalAligns;
1095
1012
  exports.whitespaces = whitespaces;
1096
- exports.wordSpacings = wordSpacings;
1097
1013
  exports.zIndexes = zIndexes;
@@ -78,22 +78,6 @@ const textColors = [
78
78
  [/^(?:text|color|c)-(.+)$/, colorResolver$1("color", "text")],
79
79
  [/^(?:text|color|c)-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-text-opacity": handler.bracket.percent.cssvar(opacity2) })]
80
80
  ];
81
- const textDecorationColors = [
82
- [/^underline-(.+)$/, (match, ctx) => {
83
- const result = colorResolver$1("text-decoration-color", "line")(match, ctx);
84
- if (result) {
85
- return {
86
- "-webkit-text-decoration-color": result["text-decoration-color"],
87
- ...result
88
- };
89
- }
90
- }],
91
- [/^underline-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-line-opacity": handler.bracket.percent(opacity2) })]
92
- ];
93
- const textStrokeColors = [
94
- [/^text-stroke-(.+)$/, colorResolver$1("-webkit-text-stroke-color", "text-stroke")],
95
- [/^text-stroke-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-text-stroke-opacity": handler.bracket.percent(opacity2) })]
96
- ];
97
81
  const bgColors = [
98
82
  [/^bg-(.+)$/, colorResolver$1("background-color", "bg")],
99
83
  [/^bg-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-bg-opacity": handler.bracket.percent(opacity2) })]
@@ -178,29 +162,21 @@ const placeholder = [
178
162
  ]
179
163
  ];
180
164
 
181
- const borderSizes = [
165
+ const borders = [
182
166
  [/^border$/, handlerBorder],
183
167
  [/^(?:border|b)(?:-([^-]+))?$/, handlerBorder],
184
- [/^(?:border|b)(?:-([^-]+))?(?:-([^-]+))?$/, handlerBorder]
185
- ];
186
- const borderRadius = [
187
- [/^(?:border-)?(?:rounded|rd)$/, handlerRounded],
188
- [/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?$/, handlerRounded],
189
- [/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?(?:-([^-]+))?$/, handlerRounded]
190
- ];
191
- const borderStyles = [
168
+ [/^(?:border|b)(?:-([^-]+))?(?:-([^-]+))?$/, handlerBorder],
192
169
  ["border-solid", { "border-style": "solid" }],
193
170
  ["border-dashed", { "border-style": "dashed" }],
194
171
  ["border-dotted", { "border-style": "dotted" }],
195
172
  ["border-double", { "border-style": "double" }],
196
- ["border-none", { "border-style": "none" }]
173
+ ["border-none", { "border-style": "none" }],
174
+ [/^(?:border-)?(?:rounded|rd)$/, handlerRounded],
175
+ [/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?$/, handlerRounded],
176
+ [/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?(?:-([^-]+))?$/, handlerRounded],
177
+ [/^(?:border|b)-(.+)$/, colorResolver$1("border-color", "border")],
178
+ [/^(?:border|b)-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-border-opacity": handler.bracket.percent(opacity) })]
197
179
  ];
198
- const borders = [
199
- borderSizes,
200
- borderColors,
201
- borderStyles,
202
- borderRadius
203
- ].flat(1);
204
180
  function handlerBorder([, a, b]) {
205
181
  const [d, s = "1"] = directionMap[a] ? [a, b] : ["", a];
206
182
  const v = handler.bracket.px(s);
@@ -309,37 +285,27 @@ const transitions = [
309
285
  ];
310
286
 
311
287
  const flex = [
312
- ["flex-col", { "flex-direction": "column" }],
313
- ["flex-col-reverse", { "flex-direction": "column-reverse" }],
314
- ["flex-row", { "flex-direction": "row" }],
315
- ["flex-row-reverse", { "flex-direction": "row-reverse" }],
316
- ["flex-wrap", { "flex-wrap": "wrap" }],
317
- ["flex-wrap-reverse", { "flex-wrap": "wrap-reverse" }],
318
- ["flex-nowrap", { "flex-wrap": "nowrap" }],
288
+ ["flex", { display: "flex" }],
289
+ ["inline-flex", { display: "inline-flex" }],
290
+ ["flex-inline", { display: "inline-flex" }],
319
291
  ["flex-1", { flex: "1 1 0%" }],
320
292
  ["flex-auto", { flex: "1 1 auto" }],
321
293
  ["flex-initial", { flex: "0 1 auto" }],
322
294
  ["flex-none", { flex: "none" }],
323
295
  [/^flex-\[(.+)\]$/, ([, d]) => ({ flex: d })],
324
- ["flex-grow", { "flex-grow": 1 }],
325
- ["flex-grow-0", { "flex-grow": 0 }],
326
296
  ["flex-shrink", { "flex-shrink": 1 }],
327
297
  ["flex-shrink-0", { "flex-shrink": 0 }],
328
- ["flex", { display: "flex" }],
329
- ["inline-flex", { display: "inline-flex" }],
330
- ["flex-inline", { display: "inline-flex" }]
298
+ ["flex-grow", { "flex-grow": 1 }],
299
+ ["flex-grow-0", { "flex-grow": 0 }],
300
+ ["flex-row", { "flex-direction": "row" }],
301
+ ["flex-row-reverse", { "flex-direction": "row-reverse" }],
302
+ ["flex-col", { "flex-direction": "column" }],
303
+ ["flex-col-reverse", { "flex-direction": "column-reverse" }],
304
+ ["flex-wrap", { "flex-wrap": "wrap" }],
305
+ ["flex-wrap-reverse", { "flex-wrap": "wrap-reverse" }],
306
+ ["flex-nowrap", { "flex-wrap": "nowrap" }]
331
307
  ];
332
308
 
333
- const fontsFamilies = [
334
- [/^font-(\w+)$/, ([, d], { theme }) => {
335
- const font = theme.fontFamily?.[d];
336
- if (font) {
337
- return {
338
- "font-family": font
339
- };
340
- }
341
- }]
342
- ];
343
309
  const weightMap = {
344
310
  thin: "100",
345
311
  extralight: "200",
@@ -351,7 +317,15 @@ const weightMap = {
351
317
  extrabold: "800",
352
318
  black: "900"
353
319
  };
354
- const fontSizes = [
320
+ const fonts = [
321
+ [/^font-(\w+)$/, ([, d], { theme }) => {
322
+ const font = theme.fontFamily?.[d];
323
+ if (font) {
324
+ return {
325
+ "font-family": font
326
+ };
327
+ }
328
+ }],
355
329
  [/^text-(.+)$/, ([, s = "base"], { theme }) => {
356
330
  const size = handler.bracket.rem(s);
357
331
  if (size)
@@ -369,30 +343,22 @@ const fontSizes = [
369
343
  const raw = handler.bracket.rem(s);
370
344
  if (raw)
371
345
  return { "font-size": raw };
372
- }]
373
- ];
374
- const fontWeights = [
346
+ }],
375
347
  [/^(?:font|fw)-?([^-]+)$/, ([, s]) => {
376
348
  const v = weightMap[s] || handler.number(s);
377
349
  if (v)
378
350
  return { "font-weight": v };
379
- }]
380
- ];
381
- const leadings = [
351
+ }],
382
352
  [/^(?:leading|lh)-([^-]+)$/, ([, s], { theme }) => {
383
353
  const v = theme.lineHeight?.[s] || handler.bracket.rem(s);
384
354
  if (v !== null)
385
355
  return { "line-height": v };
386
- }]
387
- ];
388
- const trackings = [
356
+ }],
389
357
  [/^tracking-([^-]+)$/, ([, s], { theme }) => {
390
358
  const v = theme.letterSpacing?.[s] || handler.bracket.rem(s);
391
359
  if (v !== null)
392
360
  return { "letter-spacing": v };
393
- }]
394
- ];
395
- const wordSpacings = [
361
+ }],
396
362
  [/^word-spacing-([^-]+)$/, ([, s], { theme }) => {
397
363
  const v = theme.wordSpacing?.[s] || handler.bracket.rem(s);
398
364
  if (v !== null)
@@ -412,20 +378,6 @@ const tabSizes = [
412
378
  }
413
379
  }]
414
380
  ];
415
- const textDecorationLengths = [
416
- [/^underline-([^-]+)$/, ([, s]) => {
417
- const v = s === "auto" ? s : handler.bracket.px(s);
418
- if (v != null)
419
- return { "text-decoration-thickness": v };
420
- }]
421
- ];
422
- const textDecorationOffsets = [
423
- [/^underline-offset-([^-]+)$/, ([, s]) => {
424
- const v = s === "auto" ? s : handler.bracket.px(s);
425
- if (v != null)
426
- return { "text-underline-offset": v };
427
- }]
428
- ];
429
381
  const textIndents = [
430
382
  [/^indent(?:-(.+))?$/, ([, s], { theme }) => {
431
383
  const v = theme.textIndent?.[s || "DEFAULT"] || handler.bracket.cssvar.fraction.rem(s);
@@ -433,12 +385,14 @@ const textIndents = [
433
385
  return { "text-indent": v };
434
386
  }]
435
387
  ];
436
- const textStrokeWidths = [
388
+ const textStrokes = [
437
389
  [/^text-stroke(?:-(.+))?$/, ([, s], { theme }) => {
438
390
  const v = theme.textStrokeWidth?.[s || "DEFAULT"] || handler.bracket.cssvar.px(s);
439
391
  if (v != null)
440
392
  return { "-webkit-text-stroke-width": v };
441
- }]
393
+ }],
394
+ [/^text-stroke-(.+)$/, colorResolver$1("-webkit-text-stroke-color", "text-stroke")],
395
+ [/^text-stroke-op(?:acity)?-?(.+)$/m, ([, opacity]) => ({ "--un-text-stroke-opacity": handler.bracket.percent(opacity) })]
442
396
  ];
443
397
  const textShadows = [
444
398
  [/^text-shadow(?:-(.+))?$/, ([, s], { theme }) => {
@@ -447,11 +401,6 @@ const textShadows = [
447
401
  return { "text-shadow": v };
448
402
  }]
449
403
  ];
450
- const fonts = [
451
- fontsFamilies,
452
- fontSizes,
453
- fontWeights
454
- ].flat(1);
455
404
 
456
405
  const gaps = [
457
406
  [/^(?:flex-|grid-)?gap-([^-]+)$/, ([, s]) => {
@@ -496,12 +445,10 @@ const autoDirection = (selector, theme) => {
496
445
  const grids = [
497
446
  ["grid", { display: "grid" }],
498
447
  ["inline-grid", { display: "inline-grid" }],
499
- [/^grid-cols-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-columns": `repeat(auto-fill, minmax(${d}, 1fr))` })],
500
- [/^grid-rows-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-rows": `repeat(auto-fill, minmax(${d}, 1fr))` })],
501
- [/^grid-cols-(\d+)$/, ([, d]) => ({ "grid-template-columns": `repeat(${d},minmax(0,1fr))` })],
502
- [/^grid-rows-(\d+)$/, ([, d]) => ({ "grid-template-rows": `repeat(${d},minmax(0,1fr))` })],
503
- [/^grid-cols-\[(.+)\]$/, ([, v]) => ({ "grid-template-columns": v.replace(/,/g, " ") })],
504
- [/^grid-rows-\[(.+)\]$/, ([, v]) => ({ "grid-template-rows": v.replace(/,/g, " ") })],
448
+ [/^(?:grid-)?col-start-([\w.-]+)$/, ([, v]) => ({ "grid-column-start": `${v}` })],
449
+ [/^(?:grid-)?col-end-([\w.]+)$/, ([, v]) => ({ "grid-column-end": `${v}` })],
450
+ [/^(?:grid-)?row-start-([\w.-]+)$/, ([, v]) => ({ "grid-row-start": `${v}` })],
451
+ [/^(?:grid-)?row-end-([\w.-]+)$/, ([, v]) => ({ "grid-row-end": `${v}` })],
505
452
  [/^(?:grid-)?(row|col)-(.+)$/, ([, d, v]) => {
506
453
  const key = d === "row" ? "grid-row" : "grid-column";
507
454
  let raw = handler.bracket(v);
@@ -518,13 +465,15 @@ const grids = [
518
465
  return { [key]: `span ${raw}/span ${raw}` };
519
466
  }
520
467
  }],
468
+ [/^(?:grid-)?auto-cols-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-columns": `${autoDirection(v, theme)}` })],
521
469
  [/^(?:grid-)?auto-flow-([\w.-]+)$/, ([, v]) => ({ "grid-auto-flow": `${v.replace("col", "column").split("-").join(" ")}` })],
522
- [/^(?:grid-)?row-start-([\w.-]+)$/, ([, v]) => ({ "grid-row-start": `${v}` })],
523
- [/^(?:grid-)?row-end-([\w.-]+)$/, ([, v]) => ({ "grid-row-end": `${v}` })],
524
- [/^(?:grid-)?col-start-([\w.-]+)$/, ([, v]) => ({ "grid-column-start": `${v}` })],
525
- [/^(?:grid-)?col-end-([\w.]+)$/, ([, v]) => ({ "grid-column-end": `${v}` })],
526
470
  [/^(?:grid-)?auto-rows-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-rows": `${autoDirection(v, theme)}` })],
527
- [/^(?:grid-)?auto-cols-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-columns": `${autoDirection(v, theme)}` })]
471
+ [/^grid-cols-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-columns": `repeat(auto-fill, minmax(${d}, 1fr))` })],
472
+ [/^grid-rows-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-rows": `repeat(auto-fill, minmax(${d}, 1fr))` })],
473
+ [/^grid-cols-(\d+)$/, ([, d]) => ({ "grid-template-columns": `repeat(${d},minmax(0,1fr))` })],
474
+ [/^grid-rows-(\d+)$/, ([, d]) => ({ "grid-template-rows": `repeat(${d},minmax(0,1fr))` })],
475
+ [/^grid-cols-\[(.+)\]$/, ([, v]) => ({ "grid-template-columns": v.replace(/,/g, " ") })],
476
+ [/^grid-rows-\[(.+)\]$/, ([, v]) => ({ "grid-template-rows": v.replace(/,/g, " ") })]
528
477
  ];
529
478
 
530
479
  const overflowValues = [
@@ -538,6 +487,7 @@ const overflows = [
538
487
  [/^(?:overflow|of)-([xy])-(.+)$/, ([, d, v]) => overflowValues.includes(v) ? { [`overflow-${d}`]: v } : void 0]
539
488
  ];
540
489
 
490
+ const basicSet = ["auto", "start", "end", "center", "stretch"];
541
491
  const positions = [
542
492
  ["relative", { position: "relative" }],
543
493
  ["absolute", { position: "absolute" }],
@@ -551,47 +501,42 @@ const justifies = [
551
501
  ["justify-center", { "justify-content": "center" }],
552
502
  ["justify-between", { "justify-content": "space-between" }],
553
503
  ["justify-around", { "justify-content": "space-around" }],
554
- ["justify-evenly", { "justify-content": "space-evenly" }]
504
+ ["justify-evenly", { "justify-content": "space-evenly" }],
505
+ ...basicSet.map((i) => [`justify-items-${i}`, { "justify-items": i }]),
506
+ ...basicSet.map((i) => [`justify-self-${i}`, { "justify-self": i }])
555
507
  ];
556
508
  const orders = [
557
509
  [/^order-(.+)$/, ([, v]) => ({ order: { first: "-9999", last: "9999", none: "0" }[v] || handler.bracket.number(v) })]
558
510
  ];
559
- const basicSet = ["auto", "start", "end", "center", "stretch"];
560
- const justifyItems = basicSet.map((i) => [`justify-items-${i}`, { "justify-items": i }]);
561
- const justifySelfs = basicSet.map((i) => [`justify-self-${i}`, { "justify-self": i }]);
562
- const alignContents = [
511
+ const alignments = [
563
512
  ["content-start", { "align-content": "flex-start" }],
564
513
  ["content-end", { "align-content": "flex-end" }],
565
514
  ["content-center", { "align-content": "center" }],
566
515
  ["content-between", { "align-content": "space-between" }],
567
516
  ["content-around", { "align-content": "space-around" }],
568
- ["content-evenly", { "align-content": "space-evenly" }]
569
- ];
570
- const alignItems = [
517
+ ["content-evenly", { "align-content": "space-evenly" }],
571
518
  ["items-start", { "align-items": "flex-start" }],
572
519
  ["items-end", { "align-items": "flex-end" }],
573
520
  ["items-center", { "align-items": "center" }],
574
521
  ["items-baseline", { "align-items": "baseline" }],
575
- ["items-stretch", { "align-items": "stretch" }]
576
- ];
577
- const alignSelfs = [
522
+ ["items-stretch", { "align-items": "stretch" }],
578
523
  ["self-auto", { "align-self": "auto" }],
579
524
  ["self-start", { "align-self": "flex-start" }],
580
525
  ["self-end", { "align-self": "flex-end" }],
581
526
  ["self-center", { "align-self": "center" }],
582
527
  ["self-stretch", { "align-items": "stretch" }]
583
528
  ];
584
- const placeContents = [
529
+ const placements = [
585
530
  ["place-content-start", { "place-content": "start" }],
586
531
  ["place-content-end", { "place-content": "end" }],
587
532
  ["place-content-center", { "place-content": "center" }],
588
533
  ["place-content-between", { "place-content": "space-between" }],
589
534
  ["place-content-around", { "place-content": "space-around" }],
590
535
  ["place-content-evenly", { "place-content": "space-evenly" }],
591
- ["place-content-stretch", { "place-content": "stretch" }]
536
+ ["place-content-stretch", { "place-content": "stretch" }],
537
+ ...basicSet.map((i) => [`place-items-${i}`, { "place-items": i }]),
538
+ ...basicSet.map((i) => [`place-self-${i}`, { "place-self": i }])
592
539
  ];
593
- const placeItems = basicSet.map((i) => [`place-items-${i}`, { "place-items": i }]);
594
- const placeSelfs = basicSet.map((i) => [`place-self-${i}`, { "place-self": i }]);
595
540
  function handleInsetValue(v) {
596
541
  return { auto: "auto", full: "100%" }[v] ?? handler.bracket.fraction.cssvar.rem(v);
597
542
  }
@@ -782,17 +727,6 @@ const textTransforms = [
782
727
  ["case-capital", { "text-transform": "capitalize" }],
783
728
  ["case-normal", { "text-transform": "none" }]
784
729
  ];
785
- const textDecorations = [
786
- ["underline", { "text-decoration": "underline" }],
787
- ["line-through", { "text-decoration": "line-through" }],
788
- ["no-underline", { "text-decoration": "none" }]
789
- ];
790
- const textDecorationStyles = [
791
- ["underline-solid", { "text-decoration-style": "solid" }],
792
- ["underline-double", { "text-decoration-style": "double" }],
793
- ["underline-dotted", { "text-decoration-style": "dotted" }],
794
- ["underline-dashed", { "text-decoration-style": "dashed" }]
795
- ];
796
730
  const fontStyles = [
797
731
  ["italic", { "font-style": "italic" }],
798
732
  ["not-italic", { "font-style": "normal" }]
@@ -892,17 +826,8 @@ const variablesAbbrMap = {
892
826
  "break": "word-break",
893
827
  "color": "color",
894
828
  "case": "text-transform",
895
- "write": "writing-mode",
896
- "write-orient": "text-orientation",
897
829
  "origin": "transform-origin",
898
830
  "bg": "background-color",
899
- "bg-blend": "background-blend-mode",
900
- "bg-clip": "-webkit-background-clip",
901
- "bg-gradient": "linear-gradient",
902
- "bg-origin-border": "background-origin",
903
- "bg-position": "background-position",
904
- "bg-repeat": "background-repeat",
905
- "bg-size": "background-size",
906
831
  "bg-opacity": "background-opacity",
907
832
  "tab": "tab-size",
908
833
  "underline": "text-decoration-thickness",
@@ -917,9 +842,7 @@ const variablesAbbrMap = {
917
842
  "content": "align-content",
918
843
  "items": "align-items",
919
844
  "self": "align-self",
920
- "object": "object-fit",
921
- "mix-blend": "mix-blend-mode",
922
- "animate-speed": "animation-speed"
845
+ "object": "object-fit"
923
846
  };
924
847
  const cssVariables = [[
925
848
  /^(.+)-\$(.+)$/,
@@ -944,6 +867,33 @@ ${constructCSS({ animation: "__un_qm 0.5s ease-in-out alternate infinite" })}`;
944
867
  ]
945
868
  ];
946
869
 
870
+ const textDecorations = [
871
+ ["underline", { "text-decoration": "underline" }],
872
+ ["line-through", { "text-decoration": "line-through" }],
873
+ ["no-underline", { "text-decoration": "none" }],
874
+ ["decoration-underline", { "text-decoration": "underline" }],
875
+ ["decoration-line-through", { "text-decoration": "line-through" }],
876
+ ["decoration-none", { "text-decoration": "none" }],
877
+ [/^(?:underline|decoration)-(solid|double|dotted|dashed|wavy)$/, ([, d]) => ({ "text-decoration-style": d })],
878
+ [/^(?:underline|decoration)-([^-]+)$/, ([, s]) => ({ "text-decoration-thickness": ["auto", "from-font"].includes(s) ? s : handler.bracket.px(s) })],
879
+ [/^decoration-(.*)$/, ([, d]) => ({ "text-decoration-thickness": handler.bracket.px(d) })],
880
+ [/^underline-offset-([^-]+)$/, ([, s]) => {
881
+ const v = s === "auto" ? s : handler.bracket.px(s);
882
+ if (v != null)
883
+ return { "text-underline-offset": v };
884
+ }],
885
+ [/^(?:underline|decoration)-(.+)$/, (match, ctx) => {
886
+ const result = colorResolver$1("text-decoration-color", "line")(match, ctx);
887
+ if (result) {
888
+ return {
889
+ "-webkit-text-decoration-color": result["text-decoration-color"],
890
+ ...result
891
+ };
892
+ }
893
+ }],
894
+ [/^(?:underline|decoration)-op(?:acity)?-?(.+)$/m, ([, opacity]) => ({ "--un-line-opacity": handler.bracket.percent(opacity) })]
895
+ ];
896
+
947
897
  const rules = [
948
898
  cssVariables,
949
899
  paddings,
@@ -959,12 +909,7 @@ const rules = [
959
909
  textIndents,
960
910
  textOverflows,
961
911
  textDecorations,
962
- textDecorationStyles,
963
- textDecorationColors,
964
- textDecorationLengths,
965
- textDecorationOffsets,
966
- textStrokeWidths,
967
- textStrokeColors,
912
+ textStrokes,
968
913
  textShadows,
969
914
  textTransforms,
970
915
  textAligns,
@@ -987,9 +932,6 @@ const rules = [
987
932
  userSelects,
988
933
  whitespaces,
989
934
  breaks,
990
- trackings,
991
- wordSpacings,
992
- leadings,
993
935
  overflows,
994
936
  outline,
995
937
  appearance,
@@ -997,14 +939,8 @@ const rules = [
997
939
  positions,
998
940
  orders,
999
941
  justifies,
1000
- justifyItems,
1001
- justifySelfs,
1002
- alignContents,
1003
- alignItems,
1004
- alignSelfs,
1005
- placeContents,
1006
- placeItems,
1007
- placeSelfs,
942
+ alignments,
943
+ placements,
1008
944
  insets,
1009
945
  floats,
1010
946
  zIndexes,
@@ -1014,4 +950,4 @@ const rules = [
1014
950
  questionMark
1015
951
  ].flat(1);
1016
952
 
1017
- export { userSelects as $, justifies as A, orders as B, justifyItems as C, justifySelfs as D, alignContents as E, alignItems as F, alignSelfs as G, placeContents as H, placeItems as I, placeSelfs as J, insets as K, floats as L, zIndexes as M, boxSizing as N, questionMark as O, rings as P, boxShadows as Q, sizes as R, aspectRatio as S, paddings as T, margins as U, varEmpty as V, displays as W, appearances as X, cursors as Y, pointerEvents as Z, resizes as _, appearance as a, whitespaces as a0, contents as a1, breaks as a2, textOverflows as a3, textTransforms as a4, textDecorations as a5, textDecorationStyles as a6, fontStyles as a7, fontSmoothings as a8, transforms as a9, transitions as aa, fontsFamilies as ab, fontSizes as ac, fontWeights as ad, leadings as ae, trackings as af, wordSpacings as ag, tabSizes as ah, textDecorationLengths as ai, textDecorationOffsets as aj, textIndents as ak, textStrokeWidths as al, textShadows as am, fonts as an, cssVariables as ao, borderSizes as b, borderRadius as c, borderStyles as d, borders as e, parseColorUtil as f, colorResolver$1 as g, opacity as h, textColors as i, textDecorationColors as j, textStrokeColors as k, bgColors as l, borderColors as m, ringColors as n, outline as o, placeholder as p, ringOffsetColors as q, rules as r, fillColors as s, textAligns as t, flex as u, verticalAligns as v, gaps as w, grids as x, overflows as y, positions as z };
953
+ export { tabSizes as $, floats as A, zIndexes as B, boxSizing as C, questionMark as D, rings as E, boxShadows as F, sizes as G, aspectRatio as H, paddings as I, margins as J, varEmpty as K, displays as L, appearances as M, cursors as N, pointerEvents as O, resizes as P, userSelects as Q, whitespaces as R, contents as S, breaks as T, textOverflows as U, textTransforms as V, fontStyles as W, fontSmoothings as X, transforms as Y, transitions as Z, fonts as _, appearance as a, textIndents as a0, textStrokes as a1, textShadows as a2, cssVariables as a3, textDecorations as a4, borders as b, parseColorUtil as c, colorResolver$1 as d, opacity as e, textColors as f, bgColors as g, borderColors as h, ringColors as i, ringOffsetColors as j, fillColors as k, flex as l, gaps as m, grids as n, outline as o, placeholder as p, overflows as q, rules as r, positions as s, textAligns as t, justifies as u, verticalAligns as v, orders as w, alignments as x, placements as y, insets as z };
package/dist/rules.cjs CHANGED
@@ -9,17 +9,12 @@ require('./chunks/pseudo.cjs');
9
9
 
10
10
 
11
11
 
12
- exports.alignContents = _default.alignContents;
13
- exports.alignItems = _default.alignItems;
14
- exports.alignSelfs = _default.alignSelfs;
12
+ exports.alignments = _default.alignments;
15
13
  exports.appearance = _default.appearance;
16
14
  exports.appearances = _default.appearances;
17
15
  exports.aspectRatio = _default.aspectRatio;
18
16
  exports.bgColors = _default.bgColors;
19
17
  exports.borderColors = _default.borderColors;
20
- exports.borderRadius = _default.borderRadius;
21
- exports.borderSizes = _default.borderSizes;
22
- exports.borderStyles = _default.borderStyles;
23
18
  exports.borders = _default.borders;
24
19
  exports.boxShadows = _default.boxShadows;
25
20
  exports.boxSizing = _default.boxSizing;
@@ -32,19 +27,13 @@ exports.displays = _default.displays;
32
27
  exports.fillColors = _default.fillColors;
33
28
  exports.flex = _default.flex;
34
29
  exports.floats = _default.floats;
35
- exports.fontSizes = _default.fontSizes;
36
30
  exports.fontSmoothings = _default.fontSmoothings;
37
31
  exports.fontStyles = _default.fontStyles;
38
- exports.fontWeights = _default.fontWeights;
39
32
  exports.fonts = _default.fonts;
40
- exports.fontsFamilies = _default.fontsFamilies;
41
33
  exports.gaps = _default.gaps;
42
34
  exports.grids = _default.grids;
43
35
  exports.insets = _default.insets;
44
36
  exports.justifies = _default.justifies;
45
- exports.justifyItems = _default.justifyItems;
46
- exports.justifySelfs = _default.justifySelfs;
47
- exports.leadings = _default.leadings;
48
37
  exports.margins = _default.margins;
49
38
  exports.opacity = _default.opacity;
50
39
  exports.orders = _default.orders;
@@ -52,10 +41,8 @@ exports.outline = _default.outline;
52
41
  exports.overflows = _default.overflows;
53
42
  exports.paddings = _default.paddings;
54
43
  exports.parseColorUtil = _default.parseColorUtil;
55
- exports.placeContents = _default.placeContents;
56
- exports.placeItems = _default.placeItems;
57
- exports.placeSelfs = _default.placeSelfs;
58
44
  exports.placeholder = _default.placeholder;
45
+ exports.placements = _default.placements;
59
46
  exports.pointerEvents = _default.pointerEvents;
60
47
  exports.positions = _default.positions;
61
48
  exports.questionMark = _default.questionMark;
@@ -68,23 +55,16 @@ exports.sizes = _default.sizes;
68
55
  exports.tabSizes = _default.tabSizes;
69
56
  exports.textAligns = _default.textAligns;
70
57
  exports.textColors = _default.textColors;
71
- exports.textDecorationColors = _default.textDecorationColors;
72
- exports.textDecorationLengths = _default.textDecorationLengths;
73
- exports.textDecorationOffsets = _default.textDecorationOffsets;
74
- exports.textDecorationStyles = _default.textDecorationStyles;
75
58
  exports.textDecorations = _default.textDecorations;
76
59
  exports.textIndents = _default.textIndents;
77
60
  exports.textOverflows = _default.textOverflows;
78
61
  exports.textShadows = _default.textShadows;
79
- exports.textStrokeColors = _default.textStrokeColors;
80
- exports.textStrokeWidths = _default.textStrokeWidths;
62
+ exports.textStrokes = _default.textStrokes;
81
63
  exports.textTransforms = _default.textTransforms;
82
- exports.trackings = _default.trackings;
83
64
  exports.transforms = _default.transforms;
84
65
  exports.transitions = _default.transitions;
85
66
  exports.userSelects = _default.userSelects;
86
67
  exports.varEmpty = _default.varEmpty;
87
68
  exports.verticalAligns = _default.verticalAligns;
88
69
  exports.whitespaces = _default.whitespaces;
89
- exports.wordSpacings = _default.wordSpacings;
90
70
  exports.zIndexes = _default.zIndexes;
package/dist/rules.d.ts CHANGED
@@ -8,10 +8,7 @@ declare const outline: Rule[];
8
8
  declare const appearance: Rule[];
9
9
  declare const placeholder: Rule[];
10
10
 
11
- declare const borderSizes: Rule[];
12
- declare const borderRadius: Rule[];
13
- declare const borderStyles: Rule[];
14
- declare const borders: Rule<{}>[];
11
+ declare const borders: Rule[];
15
12
 
16
13
  declare const parseColorUtil: (body: string, theme: Theme) => {
17
14
  opacity: string;
@@ -31,8 +28,6 @@ declare const opacity: Rule[];
31
28
  * @example c-red color-red5 text-red-300
32
29
  */
33
30
  declare const textColors: Rule[];
34
- declare const textDecorationColors: Rule[];
35
- declare const textStrokeColors: Rule[];
36
31
  declare const bgColors: Rule[];
37
32
  declare const borderColors: Rule[];
38
33
  declare const ringColors: Rule[];
@@ -52,14 +47,8 @@ declare const overflows: Rule[];
52
47
  declare const positions: Rule[];
53
48
  declare const justifies: Rule[];
54
49
  declare const orders: Rule[];
55
- declare const justifyItems: Rule[];
56
- declare const justifySelfs: Rule[];
57
- declare const alignContents: Rule[];
58
- declare const alignItems: Rule[];
59
- declare const alignSelfs: Rule[];
60
- declare const placeContents: Rule[];
61
- declare const placeItems: Rule[];
62
- declare const placeSelfs: Rule[];
50
+ declare const alignments: Rule[];
51
+ declare const placements: Rule[];
63
52
  declare const insets: Rule[];
64
53
  declare const floats: Rule[];
65
54
  declare const zIndexes: Rule[];
@@ -94,8 +83,6 @@ declare const contents: Rule[];
94
83
  declare const breaks: Rule[];
95
84
  declare const textOverflows: Rule[];
96
85
  declare const textTransforms: Rule[];
97
- declare const textDecorations: Rule[];
98
- declare const textDecorationStyles: Rule[];
99
86
  declare const fontStyles: Rule[];
100
87
  declare const fontSmoothings: Rule[];
101
88
 
@@ -103,20 +90,14 @@ declare const transforms: Rule[];
103
90
 
104
91
  declare const transitions: Rule[];
105
92
 
106
- declare const fontsFamilies: Rule<Theme>[];
107
- declare const fontSizes: Rule<Theme>[];
108
- declare const fontWeights: Rule[];
109
- declare const leadings: Rule<Theme>[];
110
- declare const trackings: Rule<Theme>[];
111
- declare const wordSpacings: Rule<Theme>[];
93
+ declare const fonts: Rule<Theme>[];
112
94
  declare const tabSizes: Rule<Theme>[];
113
- declare const textDecorationLengths: Rule<Theme>[];
114
- declare const textDecorationOffsets: Rule<Theme>[];
115
95
  declare const textIndents: Rule<Theme>[];
116
- declare const textStrokeWidths: Rule<Theme>[];
96
+ declare const textStrokes: Rule<Theme>[];
117
97
  declare const textShadows: Rule<Theme>[];
118
- declare const fonts: Rule<Theme>[];
119
98
 
120
99
  declare const cssVariables: Rule[];
121
100
 
122
- export { alignContents, alignItems, alignSelfs, appearance, appearances, aspectRatio, bgColors, borderColors, borderRadius, borderSizes, borderStyles, borders, boxShadows, boxSizing, breaks, colorResolver, contents, cssVariables, cursors, displays, fillColors, flex, floats, fontSizes, fontSmoothings, fontStyles, fontWeights, fonts, fontsFamilies, gaps, grids, insets, justifies, justifyItems, justifySelfs, leadings, margins, opacity, orders, outline, overflows, paddings, parseColorUtil, placeContents, placeItems, placeSelfs, placeholder, pointerEvents, positions, questionMark, resizes, ringColors, ringOffsetColors, rings, rules, sizes, tabSizes, textAligns, textColors, textDecorationColors, textDecorationLengths, textDecorationOffsets, textDecorationStyles, textDecorations, textIndents, textOverflows, textShadows, textStrokeColors, textStrokeWidths, textTransforms, trackings, transforms, transitions, userSelects, varEmpty, verticalAligns, whitespaces, wordSpacings, zIndexes };
101
+ declare const textDecorations: Rule[];
102
+
103
+ export { alignments, appearance, appearances, aspectRatio, bgColors, borderColors, borders, boxShadows, boxSizing, breaks, colorResolver, contents, cssVariables, cursors, displays, fillColors, flex, floats, fontSmoothings, fontStyles, fonts, gaps, grids, insets, justifies, margins, opacity, orders, outline, overflows, paddings, parseColorUtil, placeholder, placements, pointerEvents, positions, questionMark, resizes, ringColors, ringOffsetColors, rings, rules, sizes, tabSizes, textAligns, textColors, textDecorations, textIndents, textOverflows, textShadows, textStrokes, textTransforms, transforms, transitions, userSelects, varEmpty, verticalAligns, whitespaces, zIndexes };
package/dist/rules.mjs CHANGED
@@ -1,4 +1,4 @@
1
- export { E as alignContents, F as alignItems, G as alignSelfs, a as appearance, X as appearances, S as aspectRatio, l as bgColors, m as borderColors, c as borderRadius, b as borderSizes, d as borderStyles, e as borders, Q as boxShadows, N as boxSizing, a2 as breaks, g as colorResolver, a1 as contents, ao as cssVariables, Y as cursors, W as displays, s as fillColors, u as flex, L as floats, ac as fontSizes, a8 as fontSmoothings, a7 as fontStyles, ad as fontWeights, an as fonts, ab as fontsFamilies, w as gaps, x as grids, K as insets, A as justifies, C as justifyItems, D as justifySelfs, ae as leadings, U as margins, h as opacity, B as orders, o as outline, y as overflows, T as paddings, f as parseColorUtil, H as placeContents, I as placeItems, J as placeSelfs, p as placeholder, Z as pointerEvents, z as positions, O as questionMark, _ as resizes, n as ringColors, q as ringOffsetColors, P as rings, r as rules, R as sizes, ah as tabSizes, t as textAligns, i as textColors, j as textDecorationColors, ai as textDecorationLengths, aj as textDecorationOffsets, a6 as textDecorationStyles, a5 as textDecorations, ak as textIndents, a3 as textOverflows, am as textShadows, k as textStrokeColors, al as textStrokeWidths, a4 as textTransforms, af as trackings, a9 as transforms, aa as transitions, $ as userSelects, V as varEmpty, v as verticalAligns, a0 as whitespaces, ag as wordSpacings, M as zIndexes } from './chunks/default2.mjs';
1
+ export { x as alignments, a as appearance, M as appearances, H as aspectRatio, g as bgColors, h as borderColors, b as borders, F as boxShadows, C as boxSizing, T as breaks, d as colorResolver, S as contents, a3 as cssVariables, N as cursors, L as displays, k as fillColors, l as flex, A as floats, X as fontSmoothings, W as fontStyles, _ as fonts, m as gaps, n as grids, z as insets, u as justifies, J as margins, e as opacity, w as orders, o as outline, q as overflows, I as paddings, c as parseColorUtil, p as placeholder, y as placements, O as pointerEvents, s as positions, D as questionMark, P as resizes, i as ringColors, j as ringOffsetColors, E as rings, r as rules, G as sizes, $ as tabSizes, t as textAligns, f as textColors, a4 as textDecorations, a0 as textIndents, U as textOverflows, a2 as textShadows, a1 as textStrokes, V as textTransforms, Y as transforms, Z as transitions, Q as userSelects, K as varEmpty, v as verticalAligns, R as whitespaces, B as zIndexes } from './chunks/default2.mjs';
2
2
  import '@unocss/core';
3
3
  import './chunks/index.mjs';
4
4
  import './chunks/pseudo.mjs';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@unocss/preset-mini",
3
- "version": "0.15.6",
3
+ "version": "0.16.0",
4
4
  "description": "The minimal preset for UnoCSS",
5
5
  "keywords": [
6
6
  "unocss",
@@ -61,7 +61,7 @@
61
61
  "*.css"
62
62
  ],
63
63
  "dependencies": {
64
- "@unocss/core": "0.15.6"
64
+ "@unocss/core": "0.16.0"
65
65
  },
66
66
  "scripts": {
67
67
  "build": "unbuild",