@unocss/preset-mini 0.15.5 → 0.16.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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,39 +164,51 @@ const placeholder = [
180
164
  ]
181
165
  ];
182
166
 
183
- const borderSizes = [
167
+ const borders = [
184
168
  [/^border$/, handlerBorder],
185
- [/^(?: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 = [
169
+ [/^(?:border|b)()-(.+)$/, handlerBorder],
170
+ [/^(?:border|b)-([^-]+)-(.+)$/, handlerBorder],
171
+ [/^(?:border|b)()-size-(.+)$/, handlerBorderSize],
172
+ [/^(?:border|b)-([^-]+)-size-(.+)$/, handlerBorderSize],
173
+ [/^(?:border|b)()-(.+)$/, handlerBorderColor],
174
+ [/^(?:border|b)-([^-]+)-(.+)$/, handlerBorderColor],
175
+ [/^(?:border|b)-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-border-opacity": index.handler.bracket.percent(opacity) })],
194
176
  ["border-solid", { "border-style": "solid" }],
195
177
  ["border-dashed", { "border-style": "dashed" }],
196
178
  ["border-dotted", { "border-style": "dotted" }],
197
179
  ["border-double", { "border-style": "double" }],
198
- ["border-none", { "border-style": "none" }]
180
+ ["border-none", { "border-style": "none" }],
181
+ [/^(?:border-)?(?:rounded|rd)$/, handlerRounded],
182
+ [/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?$/, handlerRounded],
183
+ [/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?(?:-([^-]+))?$/, handlerRounded]
199
184
  ];
200
- const borders = [
201
- borderSizes,
202
- borderColors,
203
- borderStyles,
204
- borderRadius
205
- ].flat(1);
206
- function handlerBorder([, a, b]) {
185
+ function handlerBorder(m) {
186
+ const borderSizes = handlerBorderSize(m);
187
+ if (borderSizes) {
188
+ return [
189
+ ...borderSizes,
190
+ ["border-style", "solid"]
191
+ ];
192
+ }
193
+ }
194
+ function handlerBorderSize([, a, b]) {
207
195
  const [d, s = "1"] = index.directionMap[a] ? [a, b] : ["", a];
208
196
  const v = index.handler.bracket.px(s);
209
197
  if (v != null) {
210
198
  return [
211
- ...index.directionMap[d].map((i) => [`border${i}-width`, v]),
212
- ["border-style", "solid"]
199
+ ...index.directionMap[d].map((i) => [`border${i}-width`, v])
213
200
  ];
214
201
  }
215
202
  }
203
+ function handlerBorderColor([, a, c], ctx) {
204
+ const ofColor = colorResolver$1("border-color", "border")(["", c], ctx);
205
+ if (ofColor) {
206
+ const borders2 = index.directionMap[index.directionMap[a] ? a : ""].map((i) => colorResolver$1(`border${i}-color`, "border")(["", c], ctx));
207
+ const borderObject = {};
208
+ Object.assign(borderObject, ...borders2);
209
+ return borderObject;
210
+ }
211
+ }
216
212
  function handlerRounded([, a, b], { theme }) {
217
213
  const [d, s = "DEFAULT"] = index.cornerMap[a] ? [a, b] : ["", a];
218
214
  const v = theme.borderRadius?.[s] || index.handler.bracket.fraction.rem(s);
@@ -311,37 +307,27 @@ const transitions = [
311
307
  ];
312
308
 
313
309
  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" }],
310
+ ["flex", { display: "flex" }],
311
+ ["inline-flex", { display: "inline-flex" }],
312
+ ["flex-inline", { display: "inline-flex" }],
321
313
  ["flex-1", { flex: "1 1 0%" }],
322
314
  ["flex-auto", { flex: "1 1 auto" }],
323
315
  ["flex-initial", { flex: "0 1 auto" }],
324
316
  ["flex-none", { flex: "none" }],
325
317
  [/^flex-\[(.+)\]$/, ([, d]) => ({ flex: d })],
326
- ["flex-grow", { "flex-grow": 1 }],
327
- ["flex-grow-0", { "flex-grow": 0 }],
328
318
  ["flex-shrink", { "flex-shrink": 1 }],
329
319
  ["flex-shrink-0", { "flex-shrink": 0 }],
330
- ["flex", { display: "flex" }],
331
- ["inline-flex", { display: "inline-flex" }],
332
- ["flex-inline", { display: "inline-flex" }]
320
+ ["flex-grow", { "flex-grow": 1 }],
321
+ ["flex-grow-0", { "flex-grow": 0 }],
322
+ ["flex-row", { "flex-direction": "row" }],
323
+ ["flex-row-reverse", { "flex-direction": "row-reverse" }],
324
+ ["flex-col", { "flex-direction": "column" }],
325
+ ["flex-col-reverse", { "flex-direction": "column-reverse" }],
326
+ ["flex-wrap", { "flex-wrap": "wrap" }],
327
+ ["flex-wrap-reverse", { "flex-wrap": "wrap-reverse" }],
328
+ ["flex-nowrap", { "flex-wrap": "nowrap" }]
333
329
  ];
334
330
 
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
331
  const weightMap = {
346
332
  thin: "100",
347
333
  extralight: "200",
@@ -353,7 +339,15 @@ const weightMap = {
353
339
  extrabold: "800",
354
340
  black: "900"
355
341
  };
356
- const fontSizes = [
342
+ const fonts = [
343
+ [/^font-(\w+)$/, ([, d], { theme }) => {
344
+ const font = theme.fontFamily?.[d];
345
+ if (font) {
346
+ return {
347
+ "font-family": font
348
+ };
349
+ }
350
+ }],
357
351
  [/^text-(.+)$/, ([, s = "base"], { theme }) => {
358
352
  const size = index.handler.bracket.rem(s);
359
353
  if (size)
@@ -366,30 +360,27 @@ const fontSizes = [
366
360
  "line-height": height
367
361
  };
368
362
  }
369
- }]
370
- ];
371
- const fontWeights = [
363
+ }],
364
+ [/^text-size-(.+)$/, ([, s]) => {
365
+ const raw = index.handler.bracket.rem(s);
366
+ if (raw)
367
+ return { "font-size": raw };
368
+ }],
372
369
  [/^(?:font|fw)-?([^-]+)$/, ([, s]) => {
373
370
  const v = weightMap[s] || index.handler.number(s);
374
371
  if (v)
375
372
  return { "font-weight": v };
376
- }]
377
- ];
378
- const leadings = [
373
+ }],
379
374
  [/^(?:leading|lh)-([^-]+)$/, ([, s], { theme }) => {
380
375
  const v = theme.lineHeight?.[s] || index.handler.bracket.rem(s);
381
376
  if (v !== null)
382
377
  return { "line-height": v };
383
- }]
384
- ];
385
- const trackings = [
378
+ }],
386
379
  [/^tracking-([^-]+)$/, ([, s], { theme }) => {
387
380
  const v = theme.letterSpacing?.[s] || index.handler.bracket.rem(s);
388
381
  if (v !== null)
389
382
  return { "letter-spacing": v };
390
- }]
391
- ];
392
- const wordSpacings = [
383
+ }],
393
384
  [/^word-spacing-([^-]+)$/, ([, s], { theme }) => {
394
385
  const v = theme.wordSpacing?.[s] || index.handler.bracket.rem(s);
395
386
  if (v !== null)
@@ -409,20 +400,6 @@ const tabSizes = [
409
400
  }
410
401
  }]
411
402
  ];
412
- const textDecorationLengths = [
413
- [/^underline-([^-]+)$/, ([, s]) => {
414
- const v = s === "auto" ? s : index.handler.bracket.px(s);
415
- if (v != null)
416
- return { "text-decoration-thickness": v };
417
- }]
418
- ];
419
- const textDecorationOffsets = [
420
- [/^underline-offset-([^-]+)$/, ([, s]) => {
421
- const v = s === "auto" ? s : index.handler.bracket.px(s);
422
- if (v != null)
423
- return { "text-underline-offset": v };
424
- }]
425
- ];
426
403
  const textIndents = [
427
404
  [/^indent(?:-(.+))?$/, ([, s], { theme }) => {
428
405
  const v = theme.textIndent?.[s || "DEFAULT"] || index.handler.bracket.cssvar.fraction.rem(s);
@@ -430,12 +407,14 @@ const textIndents = [
430
407
  return { "text-indent": v };
431
408
  }]
432
409
  ];
433
- const textStrokeWidths = [
410
+ const textStrokes = [
434
411
  [/^text-stroke(?:-(.+))?$/, ([, s], { theme }) => {
435
412
  const v = theme.textStrokeWidth?.[s || "DEFAULT"] || index.handler.bracket.cssvar.px(s);
436
413
  if (v != null)
437
414
  return { "-webkit-text-stroke-width": v };
438
- }]
415
+ }],
416
+ [/^text-stroke-(.+)$/, colorResolver$1("-webkit-text-stroke-color", "text-stroke")],
417
+ [/^text-stroke-op(?:acity)?-?(.+)$/m, ([, opacity]) => ({ "--un-text-stroke-opacity": index.handler.bracket.percent(opacity) })]
439
418
  ];
440
419
  const textShadows = [
441
420
  [/^text-shadow(?:-(.+))?$/, ([, s], { theme }) => {
@@ -444,11 +423,6 @@ const textShadows = [
444
423
  return { "text-shadow": v };
445
424
  }]
446
425
  ];
447
- const fonts = [
448
- fontsFamilies,
449
- fontSizes,
450
- fontWeights
451
- ].flat(1);
452
426
 
453
427
  const gaps = [
454
428
  [/^(?:flex-|grid-)?gap-([^-]+)$/, ([, s]) => {
@@ -493,12 +467,10 @@ const autoDirection = (selector, theme) => {
493
467
  const grids = [
494
468
  ["grid", { display: "grid" }],
495
469
  ["inline-grid", { display: "inline-grid" }],
496
- [/^grid-cols-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-columns": `repeat(auto-fill, minmax(${d}, 1fr))` })],
497
- [/^grid-rows-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-rows": `repeat(auto-fill, minmax(${d}, 1fr))` })],
498
- [/^grid-cols-(\d+)$/, ([, d]) => ({ "grid-template-columns": `repeat(${d},minmax(0,1fr))` })],
499
- [/^grid-rows-(\d+)$/, ([, d]) => ({ "grid-template-rows": `repeat(${d},minmax(0,1fr))` })],
500
- [/^grid-cols-\[(.+)\]$/, ([, v]) => ({ "grid-template-columns": v.replace(/,/g, " ") })],
501
- [/^grid-rows-\[(.+)\]$/, ([, v]) => ({ "grid-template-rows": v.replace(/,/g, " ") })],
470
+ [/^(?:grid-)?col-start-([\w.-]+)$/, ([, v]) => ({ "grid-column-start": `${v}` })],
471
+ [/^(?:grid-)?col-end-([\w.]+)$/, ([, v]) => ({ "grid-column-end": `${v}` })],
472
+ [/^(?:grid-)?row-start-([\w.-]+)$/, ([, v]) => ({ "grid-row-start": `${v}` })],
473
+ [/^(?:grid-)?row-end-([\w.-]+)$/, ([, v]) => ({ "grid-row-end": `${v}` })],
502
474
  [/^(?:grid-)?(row|col)-(.+)$/, ([, d, v]) => {
503
475
  const key = d === "row" ? "grid-row" : "grid-column";
504
476
  let raw = index.handler.bracket(v);
@@ -515,13 +487,15 @@ const grids = [
515
487
  return { [key]: `span ${raw}/span ${raw}` };
516
488
  }
517
489
  }],
490
+ [/^(?:grid-)?auto-cols-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-columns": `${autoDirection(v, theme)}` })],
518
491
  [/^(?:grid-)?auto-flow-([\w.-]+)$/, ([, v]) => ({ "grid-auto-flow": `${v.replace("col", "column").split("-").join(" ")}` })],
519
- [/^(?:grid-)?row-start-([\w.-]+)$/, ([, v]) => ({ "grid-row-start": `${v}` })],
520
- [/^(?:grid-)?row-end-([\w.-]+)$/, ([, v]) => ({ "grid-row-end": `${v}` })],
521
- [/^(?:grid-)?col-start-([\w.-]+)$/, ([, v]) => ({ "grid-column-start": `${v}` })],
522
- [/^(?:grid-)?col-end-([\w.]+)$/, ([, v]) => ({ "grid-column-end": `${v}` })],
523
492
  [/^(?:grid-)?auto-rows-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-rows": `${autoDirection(v, theme)}` })],
524
- [/^(?:grid-)?auto-cols-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-columns": `${autoDirection(v, theme)}` })]
493
+ [/^grid-cols-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-columns": `repeat(auto-fill, minmax(${d}, 1fr))` })],
494
+ [/^grid-rows-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-rows": `repeat(auto-fill, minmax(${d}, 1fr))` })],
495
+ [/^grid-cols-(\d+)$/, ([, d]) => ({ "grid-template-columns": `repeat(${d},minmax(0,1fr))` })],
496
+ [/^grid-rows-(\d+)$/, ([, d]) => ({ "grid-template-rows": `repeat(${d},minmax(0,1fr))` })],
497
+ [/^grid-cols-\[(.+)\]$/, ([, v]) => ({ "grid-template-columns": v.replace(/,/g, " ") })],
498
+ [/^grid-rows-\[(.+)\]$/, ([, v]) => ({ "grid-template-rows": v.replace(/,/g, " ") })]
525
499
  ];
526
500
 
527
501
  const overflowValues = [
@@ -535,6 +509,7 @@ const overflows = [
535
509
  [/^(?:overflow|of)-([xy])-(.+)$/, ([, d, v]) => overflowValues.includes(v) ? { [`overflow-${d}`]: v } : void 0]
536
510
  ];
537
511
 
512
+ const basicSet = ["auto", "start", "end", "center", "stretch"];
538
513
  const positions = [
539
514
  ["relative", { position: "relative" }],
540
515
  ["absolute", { position: "absolute" }],
@@ -548,47 +523,42 @@ const justifies = [
548
523
  ["justify-center", { "justify-content": "center" }],
549
524
  ["justify-between", { "justify-content": "space-between" }],
550
525
  ["justify-around", { "justify-content": "space-around" }],
551
- ["justify-evenly", { "justify-content": "space-evenly" }]
526
+ ["justify-evenly", { "justify-content": "space-evenly" }],
527
+ ...basicSet.map((i) => [`justify-items-${i}`, { "justify-items": i }]),
528
+ ...basicSet.map((i) => [`justify-self-${i}`, { "justify-self": i }])
552
529
  ];
553
530
  const orders = [
554
531
  [/^order-(.+)$/, ([, v]) => ({ order: { first: "-9999", last: "9999", none: "0" }[v] || index.handler.bracket.number(v) })]
555
532
  ];
556
- const basicSet = ["auto", "start", "end", "center", "stretch"];
557
- const justifyItems = basicSet.map((i) => [`justify-items-${i}`, { "justify-items": i }]);
558
- const justifySelfs = basicSet.map((i) => [`justify-self-${i}`, { "justify-self": i }]);
559
- const alignContents = [
533
+ const alignments = [
560
534
  ["content-start", { "align-content": "flex-start" }],
561
535
  ["content-end", { "align-content": "flex-end" }],
562
536
  ["content-center", { "align-content": "center" }],
563
537
  ["content-between", { "align-content": "space-between" }],
564
538
  ["content-around", { "align-content": "space-around" }],
565
- ["content-evenly", { "align-content": "space-evenly" }]
566
- ];
567
- const alignItems = [
539
+ ["content-evenly", { "align-content": "space-evenly" }],
568
540
  ["items-start", { "align-items": "flex-start" }],
569
541
  ["items-end", { "align-items": "flex-end" }],
570
542
  ["items-center", { "align-items": "center" }],
571
543
  ["items-baseline", { "align-items": "baseline" }],
572
- ["items-stretch", { "align-items": "stretch" }]
573
- ];
574
- const alignSelfs = [
544
+ ["items-stretch", { "align-items": "stretch" }],
575
545
  ["self-auto", { "align-self": "auto" }],
576
546
  ["self-start", { "align-self": "flex-start" }],
577
547
  ["self-end", { "align-self": "flex-end" }],
578
548
  ["self-center", { "align-self": "center" }],
579
549
  ["self-stretch", { "align-items": "stretch" }]
580
550
  ];
581
- const placeContents = [
551
+ const placements = [
582
552
  ["place-content-start", { "place-content": "start" }],
583
553
  ["place-content-end", { "place-content": "end" }],
584
554
  ["place-content-center", { "place-content": "center" }],
585
555
  ["place-content-between", { "place-content": "space-between" }],
586
556
  ["place-content-around", { "place-content": "space-around" }],
587
557
  ["place-content-evenly", { "place-content": "space-evenly" }],
588
- ["place-content-stretch", { "place-content": "stretch" }]
558
+ ["place-content-stretch", { "place-content": "stretch" }],
559
+ ...basicSet.map((i) => [`place-items-${i}`, { "place-items": i }]),
560
+ ...basicSet.map((i) => [`place-self-${i}`, { "place-self": i }])
589
561
  ];
590
- const placeItems = basicSet.map((i) => [`place-items-${i}`, { "place-items": i }]);
591
- const placeSelfs = basicSet.map((i) => [`place-self-${i}`, { "place-self": i }]);
592
562
  function handleInsetValue(v) {
593
563
  return { auto: "auto", full: "100%" }[v] ?? index.handler.bracket.fraction.cssvar.rem(v);
594
564
  }
@@ -779,17 +749,6 @@ const textTransforms = [
779
749
  ["case-capital", { "text-transform": "capitalize" }],
780
750
  ["case-normal", { "text-transform": "none" }]
781
751
  ];
782
- const textDecorations = [
783
- ["underline", { "text-decoration": "underline" }],
784
- ["line-through", { "text-decoration": "line-through" }],
785
- ["no-underline", { "text-decoration": "none" }]
786
- ];
787
- const textDecorationStyles = [
788
- ["underline-solid", { "text-decoration-style": "solid" }],
789
- ["underline-double", { "text-decoration-style": "double" }],
790
- ["underline-dotted", { "text-decoration-style": "dotted" }],
791
- ["underline-dashed", { "text-decoration-style": "dashed" }]
792
- ];
793
752
  const fontStyles = [
794
753
  ["italic", { "font-style": "italic" }],
795
754
  ["not-italic", { "font-style": "normal" }]
@@ -887,19 +846,12 @@ const variablesAbbrMap = {
887
846
  "backface": "backface-visibility",
888
847
  "whitespace": "white-space",
889
848
  "break": "word-break",
849
+ "b": "border-color",
850
+ "border": "border-color",
890
851
  "color": "color",
891
852
  "case": "text-transform",
892
- "write": "writing-mode",
893
- "write-orient": "text-orientation",
894
853
  "origin": "transform-origin",
895
854
  "bg": "background-color",
896
- "bg-blend": "background-blend-mode",
897
- "bg-clip": "-webkit-background-clip",
898
- "bg-gradient": "linear-gradient",
899
- "bg-origin-border": "background-origin",
900
- "bg-position": "background-position",
901
- "bg-repeat": "background-repeat",
902
- "bg-size": "background-size",
903
855
  "bg-opacity": "background-opacity",
904
856
  "tab": "tab-size",
905
857
  "underline": "text-decoration-thickness",
@@ -914,33 +866,61 @@ const variablesAbbrMap = {
914
866
  "content": "align-content",
915
867
  "items": "align-items",
916
868
  "self": "align-self",
917
- "object": "object-fit",
918
- "mix-blend": "mix-blend-mode",
919
- "animate-speed": "animation-speed"
869
+ "object": "object-fit"
920
870
  };
921
- const cssVariables = [[
922
- /^(.+)-\$(.+)$/,
923
- ([, name, varname]) => {
871
+ const cssVariables = [
872
+ [/^(.+)-\$(.+)$/, ([, name, varname]) => {
924
873
  const prop = variablesAbbrMap[name];
925
874
  if (prop) {
926
875
  return {
927
876
  [prop]: `var(--${varname})`
928
877
  };
929
878
  }
930
- }
931
- ]];
879
+ }],
880
+ [/^(?:border|b)-([^-]+)-\$(.+)$/, ([, a, v]) => {
881
+ if (a in index.directionMap)
882
+ return index.directionMap[a].map((i) => [`border${i}-color`, `var(--${v})`]);
883
+ }]
884
+ ];
932
885
 
933
886
  const questionMark = [
934
887
  [
935
888
  /^(where|\?)$/,
936
889
  (_, { constructCSS, generator }) => {
937
- if (generator.config.envMode === "dev")
890
+ if (generator.userConfig.envMode === "dev")
938
891
  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}}
939
892
  ${constructCSS({ animation: "__un_qm 0.5s ease-in-out alternate infinite" })}`;
940
893
  }
941
894
  ]
942
895
  ];
943
896
 
897
+ const textDecorations = [
898
+ ["underline", { "text-decoration": "underline" }],
899
+ ["line-through", { "text-decoration": "line-through" }],
900
+ ["no-underline", { "text-decoration": "none" }],
901
+ ["decoration-underline", { "text-decoration": "underline" }],
902
+ ["decoration-line-through", { "text-decoration": "line-through" }],
903
+ ["decoration-none", { "text-decoration": "none" }],
904
+ [/^(?:underline|decoration)-(solid|double|dotted|dashed|wavy)$/, ([, d]) => ({ "text-decoration-style": d })],
905
+ [/^(?:underline|decoration)-([^-]+)$/, ([, s]) => ({ "text-decoration-thickness": ["auto", "from-font"].includes(s) ? s : index.handler.bracket.px(s) })],
906
+ [/^decoration-(.*)$/, ([, d]) => ({ "text-decoration-thickness": index.handler.bracket.px(d) })],
907
+ [/^underline-offset-([^-]+)$/, ([, s]) => {
908
+ const v = s === "auto" ? s : index.handler.bracket.px(s);
909
+ if (v != null)
910
+ return { "text-underline-offset": v };
911
+ }],
912
+ [/^(?:underline|decoration)-(.+)$/, (match, ctx) => {
913
+ const result = colorResolver$1("text-decoration-color", "line")(match, ctx);
914
+ if (result) {
915
+ return {
916
+ "-webkit-text-decoration-color": result["text-decoration-color"],
917
+ ...result
918
+ };
919
+ }
920
+ }],
921
+ [/^(?:underline|decoration)-op(?:acity)?-?(.+)$/m, ([, opacity]) => ({ "--un-line-opacity": index.handler.bracket.percent(opacity) })]
922
+ ];
923
+
944
924
  const rules = [
945
925
  cssVariables,
946
926
  paddings,
@@ -956,12 +936,7 @@ const rules = [
956
936
  textIndents,
957
937
  textOverflows,
958
938
  textDecorations,
959
- textDecorationStyles,
960
- textDecorationColors,
961
- textDecorationLengths,
962
- textDecorationOffsets,
963
- textStrokeWidths,
964
- textStrokeColors,
939
+ textStrokes,
965
940
  textShadows,
966
941
  textTransforms,
967
942
  textAligns,
@@ -984,9 +959,6 @@ const rules = [
984
959
  userSelects,
985
960
  whitespaces,
986
961
  breaks,
987
- trackings,
988
- wordSpacings,
989
- leadings,
990
962
  overflows,
991
963
  outline,
992
964
  appearance,
@@ -994,14 +966,8 @@ const rules = [
994
966
  positions,
995
967
  orders,
996
968
  justifies,
997
- justifyItems,
998
- justifySelfs,
999
- alignContents,
1000
- alignItems,
1001
- alignSelfs,
1002
- placeContents,
1003
- placeItems,
1004
- placeSelfs,
969
+ alignments,
970
+ placements,
1005
971
  insets,
1006
972
  floats,
1007
973
  zIndexes,
@@ -1011,17 +977,12 @@ const rules = [
1011
977
  questionMark
1012
978
  ].flat(1);
1013
979
 
1014
- exports.alignContents = alignContents;
1015
- exports.alignItems = alignItems;
1016
- exports.alignSelfs = alignSelfs;
980
+ exports.alignments = alignments;
1017
981
  exports.appearance = appearance;
1018
982
  exports.appearances = appearances;
1019
983
  exports.aspectRatio = aspectRatio;
1020
984
  exports.bgColors = bgColors;
1021
985
  exports.borderColors = borderColors;
1022
- exports.borderRadius = borderRadius;
1023
- exports.borderSizes = borderSizes;
1024
- exports.borderStyles = borderStyles;
1025
986
  exports.borders = borders;
1026
987
  exports.boxShadows = boxShadows;
1027
988
  exports.boxSizing = boxSizing;
@@ -1034,19 +995,13 @@ exports.displays = displays;
1034
995
  exports.fillColors = fillColors;
1035
996
  exports.flex = flex;
1036
997
  exports.floats = floats;
1037
- exports.fontSizes = fontSizes;
1038
998
  exports.fontSmoothings = fontSmoothings;
1039
999
  exports.fontStyles = fontStyles;
1040
- exports.fontWeights = fontWeights;
1041
1000
  exports.fonts = fonts;
1042
- exports.fontsFamilies = fontsFamilies;
1043
1001
  exports.gaps = gaps;
1044
1002
  exports.grids = grids;
1045
1003
  exports.insets = insets;
1046
1004
  exports.justifies = justifies;
1047
- exports.justifyItems = justifyItems;
1048
- exports.justifySelfs = justifySelfs;
1049
- exports.leadings = leadings;
1050
1005
  exports.margins = margins;
1051
1006
  exports.opacity = opacity;
1052
1007
  exports.orders = orders;
@@ -1054,10 +1009,8 @@ exports.outline = outline;
1054
1009
  exports.overflows = overflows;
1055
1010
  exports.paddings = paddings;
1056
1011
  exports.parseColorUtil = parseColorUtil;
1057
- exports.placeContents = placeContents;
1058
- exports.placeItems = placeItems;
1059
- exports.placeSelfs = placeSelfs;
1060
1012
  exports.placeholder = placeholder;
1013
+ exports.placements = placements;
1061
1014
  exports.pointerEvents = pointerEvents;
1062
1015
  exports.positions = positions;
1063
1016
  exports.questionMark = questionMark;
@@ -1070,23 +1023,16 @@ exports.sizes = sizes;
1070
1023
  exports.tabSizes = tabSizes;
1071
1024
  exports.textAligns = textAligns;
1072
1025
  exports.textColors = textColors;
1073
- exports.textDecorationColors = textDecorationColors;
1074
- exports.textDecorationLengths = textDecorationLengths;
1075
- exports.textDecorationOffsets = textDecorationOffsets;
1076
- exports.textDecorationStyles = textDecorationStyles;
1077
1026
  exports.textDecorations = textDecorations;
1078
1027
  exports.textIndents = textIndents;
1079
1028
  exports.textOverflows = textOverflows;
1080
1029
  exports.textShadows = textShadows;
1081
- exports.textStrokeColors = textStrokeColors;
1082
- exports.textStrokeWidths = textStrokeWidths;
1030
+ exports.textStrokes = textStrokes;
1083
1031
  exports.textTransforms = textTransforms;
1084
- exports.trackings = trackings;
1085
1032
  exports.transforms = transforms;
1086
1033
  exports.transitions = transitions;
1087
1034
  exports.userSelects = userSelects;
1088
1035
  exports.varEmpty = varEmpty;
1089
1036
  exports.verticalAligns = verticalAligns;
1090
1037
  exports.whitespaces = whitespaces;
1091
- exports.wordSpacings = wordSpacings;
1092
1038
  exports.zIndexes = zIndexes;