@unocss/preset-mini 0.24.0 → 0.24.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -103,6 +103,7 @@ const breakpoints = {
103
103
  "xl": "1280px",
104
104
  "2xl": "1536px"
105
105
  };
106
+ const verticalBreakpoints = { ...breakpoints };
106
107
  const borderRadius = {
107
108
  "DEFAULT": "0.25rem",
108
109
  "none": "0px",
@@ -204,6 +205,7 @@ const theme = {
204
205
  fontFamily,
205
206
  fontSize,
206
207
  breakpoints,
208
+ verticalBreakpoints,
207
209
  borderRadius,
208
210
  lineHeight,
209
211
  letterSpacing,
@@ -235,5 +237,6 @@ exports.textIndent = textIndent;
235
237
  exports.textShadow = textShadow;
236
238
  exports.textStrokeWidth = textStrokeWidth;
237
239
  exports.theme = theme;
240
+ exports.verticalBreakpoints = verticalBreakpoints;
238
241
  exports.width = width;
239
242
  exports.wordSpacing = wordSpacing;
@@ -101,6 +101,7 @@ const breakpoints = {
101
101
  "xl": "1280px",
102
102
  "2xl": "1536px"
103
103
  };
104
+ const verticalBreakpoints = { ...breakpoints };
104
105
  const borderRadius = {
105
106
  "DEFAULT": "0.25rem",
106
107
  "none": "0px",
@@ -202,6 +203,7 @@ const theme = {
202
203
  fontFamily,
203
204
  fontSize,
204
205
  breakpoints,
206
+ verticalBreakpoints,
205
207
  borderRadius,
206
208
  lineHeight,
207
209
  letterSpacing,
@@ -215,4 +217,4 @@ const theme = {
215
217
  easing
216
218
  };
217
219
 
218
- export { fontSize as a, blur as b, textIndent as c, dropShadow as d, textStrokeWidth as e, fontFamily as f, textShadow as g, letterSpacing as h, breakpoints as i, borderRadius as j, boxShadow as k, lineHeight as l, easing as m, baseSize as n, width as o, maxWidth as p, height as q, maxHeight as r, theme as t, wordSpacing as w };
220
+ export { fontSize as a, blur as b, textIndent as c, dropShadow as d, textStrokeWidth as e, fontFamily as f, textShadow as g, letterSpacing as h, breakpoints as i, borderRadius as j, boxShadow as k, lineHeight as l, easing as m, baseSize as n, width as o, maxWidth as p, height as q, maxHeight as r, theme as t, verticalBreakpoints as v, wordSpacing as w };
@@ -591,6 +591,7 @@ function getSizeValue(minmax, hw, theme, prop) {
591
591
  const sizes = [
592
592
  [/^(min-|max-)?([wh])-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: getSizeValue(m, w, theme, s) })],
593
593
  [/^(min-|max-)?(block|inline)-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: getSizeValue(m, w, theme, s) })],
594
+ [/^(min-|max-)?(h)-screen-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: theme.verticalBreakpoints?.[s] })],
594
595
  [/^(min-|max-)?(w)-screen-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: theme.breakpoints?.[s] })]
595
596
  ];
596
597
  function getAspectRatio(prop) {
@@ -589,6 +589,7 @@ function getSizeValue(minmax, hw, theme, prop) {
589
589
  const sizes = [
590
590
  [/^(min-|max-)?([wh])-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: getSizeValue(m, w, theme, s) })],
591
591
  [/^(min-|max-)?(block|inline)-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: getSizeValue(m, w, theme, s) })],
592
+ [/^(min-|max-)?(h)-screen-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: theme.verticalBreakpoints?.[s] })],
592
593
  [/^(min-|max-)?(w)-screen-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: theme.breakpoints?.[s] })]
593
594
  ];
594
595
  function getAspectRatio(prop) {
@@ -58,8 +58,7 @@ const variantCombinators = [
58
58
  scopeMatcher(true, "group", "&&-c &&-s"),
59
59
  scopeMatcher(true, "parent", "&&-c>&&-s"),
60
60
  scopeMatcher(true, "previous", "&&-c+&&-s"),
61
- scopeMatcher(true, "peer", "&&-c~&&-s"),
62
- variants$1.variantMatcher("svg", (input) => `${input} svg`)
61
+ scopeMatcher(true, "peer", "&&-c~&&-s")
63
62
  ];
64
63
 
65
64
  const variantMotions = [
@@ -92,7 +91,7 @@ const variantLanguageDirections = [
92
91
 
93
92
  const variantLayer = {
94
93
  match(matcher) {
95
- const match = matcher.match(/layer-([\d\w]+)[:-]/);
94
+ const match = matcher.match(/^layer-([\d\w]+)[:-]/);
96
95
  if (match) {
97
96
  return {
98
97
  matcher: matcher.slice(match[0].length),
@@ -197,6 +196,10 @@ const PartClassesRE = /(part-\[(.+)]:)(.+)/;
197
196
  const PseudoElementsRE = new RegExp(`^(${PseudoElementsStr})[:-]`);
198
197
  const PseudoClassesRE = new RegExp(`^(${PseudoClassesStr})[:-]`);
199
198
  const PseudoClassFunctionsRE = new RegExp(`^(${PseudoClassFunctionsStr})-(${PseudoClassesStr})[:-]`);
199
+ const sortValue = (pseudo) => {
200
+ if (pseudo === "active")
201
+ return 1;
202
+ };
200
203
  const taggedPseudoClassMatcher = (tag, parent, combinator) => {
201
204
  const re = new RegExp(`^${tag}-((?:(${PseudoClassFunctionsStr})-)?(${PseudoClassesStr}))[:-]`);
202
205
  const rawRe = new RegExp(`^${core.escapeRegExp(parent)}:`);
@@ -208,7 +211,8 @@ const taggedPseudoClassMatcher = (tag, parent, combinator) => {
208
211
  pseudo = `:${match[2]}(${pseudo})`;
209
212
  return {
210
213
  matcher: input.slice(match[0].length),
211
- selector: (s) => rawRe.test(s) ? s.replace(rawRe, `${parent}${pseudo}:`) : `${parent}${pseudo}${combinator}${s}`
214
+ selector: (s) => rawRe.test(s) ? s.replace(rawRe, `${parent}${pseudo}:`) : `${parent}${pseudo}${combinator}${s}`,
215
+ sort: sortValue(match[3])
212
216
  };
213
217
  }
214
218
  };
@@ -230,7 +234,8 @@ const variantPseudoClasses = {
230
234
  const pseudo = PseudoClasses[match[1]] || `:${match[1]}`;
231
235
  return {
232
236
  matcher: input.slice(match[0].length),
233
- selector: (s) => `${s}${pseudo}`
237
+ selector: (s) => `${s}${pseudo}`,
238
+ sort: sortValue(match[1])
234
239
  };
235
240
  }
236
241
  },
@@ -1,4 +1,4 @@
1
- import { v as variantMatcher, a as variantParentMatcher } from './variants.mjs';
1
+ import { v as variantParentMatcher, a as variantMatcher } from './variants.mjs';
2
2
  import { toArray, escapeRegExp } from '@unocss/core';
3
3
 
4
4
  const regexCache = {};
@@ -56,8 +56,7 @@ const variantCombinators = [
56
56
  scopeMatcher(true, "group", "&&-c &&-s"),
57
57
  scopeMatcher(true, "parent", "&&-c>&&-s"),
58
58
  scopeMatcher(true, "previous", "&&-c+&&-s"),
59
- scopeMatcher(true, "peer", "&&-c~&&-s"),
60
- variantMatcher("svg", (input) => `${input} svg`)
59
+ scopeMatcher(true, "peer", "&&-c~&&-s")
61
60
  ];
62
61
 
63
62
  const variantMotions = [
@@ -90,7 +89,7 @@ const variantLanguageDirections = [
90
89
 
91
90
  const variantLayer = {
92
91
  match(matcher) {
93
- const match = matcher.match(/layer-([\d\w]+)[:-]/);
92
+ const match = matcher.match(/^layer-([\d\w]+)[:-]/);
94
93
  if (match) {
95
94
  return {
96
95
  matcher: matcher.slice(match[0].length),
@@ -195,6 +194,10 @@ const PartClassesRE = /(part-\[(.+)]:)(.+)/;
195
194
  const PseudoElementsRE = new RegExp(`^(${PseudoElementsStr})[:-]`);
196
195
  const PseudoClassesRE = new RegExp(`^(${PseudoClassesStr})[:-]`);
197
196
  const PseudoClassFunctionsRE = new RegExp(`^(${PseudoClassFunctionsStr})-(${PseudoClassesStr})[:-]`);
197
+ const sortValue = (pseudo) => {
198
+ if (pseudo === "active")
199
+ return 1;
200
+ };
198
201
  const taggedPseudoClassMatcher = (tag, parent, combinator) => {
199
202
  const re = new RegExp(`^${tag}-((?:(${PseudoClassFunctionsStr})-)?(${PseudoClassesStr}))[:-]`);
200
203
  const rawRe = new RegExp(`^${escapeRegExp(parent)}:`);
@@ -206,7 +209,8 @@ const taggedPseudoClassMatcher = (tag, parent, combinator) => {
206
209
  pseudo = `:${match[2]}(${pseudo})`;
207
210
  return {
208
211
  matcher: input.slice(match[0].length),
209
- selector: (s) => rawRe.test(s) ? s.replace(rawRe, `${parent}${pseudo}:`) : `${parent}${pseudo}${combinator}${s}`
212
+ selector: (s) => rawRe.test(s) ? s.replace(rawRe, `${parent}${pseudo}:`) : `${parent}${pseudo}${combinator}${s}`,
213
+ sort: sortValue(match[3])
210
214
  };
211
215
  }
212
216
  };
@@ -228,7 +232,8 @@ const variantPseudoClasses = {
228
232
  const pseudo = PseudoClasses[match[1]] || `:${match[1]}`;
229
233
  return {
230
234
  matcher: input.slice(match[0].length),
231
- selector: (s) => `${s}${pseudo}`
235
+ selector: (s) => `${s}${pseudo}`,
236
+ sort: sortValue(match[1])
232
237
  };
233
238
  }
234
239
  },
@@ -354,7 +354,8 @@ const cssProps = [
354
354
  "mask-size",
355
355
  "mask-border",
356
356
  "clip-path",
357
- "clip"
357
+ "clip",
358
+ "border-radius"
358
359
  ];
359
360
  const numberWithUnitRE = /^(-?[0-9.]+)(px|pt|pc|rem|em|%|vh|vw|in|cm|mm|ex|ch|vmin|vmax|rpx)?$/i;
360
361
  const numberRE = /^(-?[0-9.]+)$/i;
@@ -556,14 +557,13 @@ const colorableShadows = (shadows, colorVar) => {
556
557
  const colored = [];
557
558
  shadows = core.toArray(shadows);
558
559
  for (let i = 0; i < shadows.length; i++) {
559
- const components = getComponents(shadows[i]);
560
- if (!components)
560
+ const components = getComponents(shadows[i], " ", 6);
561
+ if (!components || components.length < 3)
561
562
  return shadows;
562
- const [maybeColor, ...size] = components.reverse();
563
- const color = parseCssColor(maybeColor);
563
+ const color = parseCssColor(components.pop());
564
564
  if (color == null)
565
565
  return shadows;
566
- colored.push(`${size.reverse().join(" ")} var(${colorVar}, ${colorToString(color)})`);
566
+ colored.push(`${components.join(" ")} var(${colorVar}, ${colorToString(color)})`);
567
567
  }
568
568
  return colored;
569
569
  };
@@ -352,7 +352,8 @@ const cssProps = [
352
352
  "mask-size",
353
353
  "mask-border",
354
354
  "clip-path",
355
- "clip"
355
+ "clip",
356
+ "border-radius"
356
357
  ];
357
358
  const numberWithUnitRE = /^(-?[0-9.]+)(px|pt|pc|rem|em|%|vh|vw|in|cm|mm|ex|ch|vmin|vmax|rpx)?$/i;
358
359
  const numberRE = /^(-?[0-9.]+)$/i;
@@ -554,14 +555,13 @@ const colorableShadows = (shadows, colorVar) => {
554
555
  const colored = [];
555
556
  shadows = toArray(shadows);
556
557
  for (let i = 0; i < shadows.length; i++) {
557
- const components = getComponents(shadows[i]);
558
- if (!components)
558
+ const components = getComponents(shadows[i], " ", 6);
559
+ if (!components || components.length < 3)
559
560
  return shadows;
560
- const [maybeColor, ...size] = components.reverse();
561
- const color = parseCssColor(maybeColor);
561
+ const color = parseCssColor(components.pop());
562
562
  if (color == null)
563
563
  return shadows;
564
- colored.push(`${size.reverse().join(" ")} var(${colorVar}, ${colorToString(color)})`);
564
+ colored.push(`${components.join(" ")} var(${colorVar}, ${colorToString(color)})`);
565
565
  }
566
566
  return colored;
567
567
  };
@@ -25,4 +25,4 @@ const variantParentMatcher = (name, parent) => {
25
25
  };
26
26
  };
27
27
 
28
- export { variantParentMatcher as a, variantMatcher as v };
28
+ export { variantMatcher as a, variantParentMatcher as v };
@@ -1,4 +1,4 @@
1
- import { T as Theme } from './types-154878eb';
1
+ import { T as Theme } from './types-f185ef8d';
2
2
 
3
3
  declare const colors: Theme['colors'];
4
4
 
package/dist/colors.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export { c as colors } from './colors-db01a23e';
2
- import './types-154878eb';
1
+ export { c as colors } from './colors-06de139a';
2
+ import './types-f185ef8d';
@@ -1,4 +1,4 @@
1
- import { T as Theme } from './types-154878eb';
1
+ import { T as Theme } from './types-f185ef8d';
2
2
 
3
3
  declare const theme: Theme;
4
4
 
package/dist/index.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import { PresetOptions, Preset } from '@unocss/core';
2
- import { T as Theme } from './types-154878eb';
3
- export { T as Theme, a as ThemeAnimation } from './types-154878eb';
4
- export { t as theme } from './default-c46850c2';
5
- export { c as colors } from './colors-db01a23e';
6
- export { p as parseColor } from './utilities-0dc6e82e';
2
+ import { T as Theme } from './types-f185ef8d';
3
+ export { T as Theme, a as ThemeAnimation } from './types-f185ef8d';
4
+ export { t as theme } from './default-595a2a04';
5
+ export { c as colors } from './colors-06de139a';
6
+ export { p as parseColor } from './utilities-df1ea892';
7
7
 
8
8
  interface PresetMiniOptions extends PresetOptions {
9
9
  /**
package/dist/rules.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Rule } from '@unocss/core';
2
- import { T as Theme } from './types-154878eb';
2
+ import { T as Theme } from './types-f185ef8d';
3
3
 
4
4
  declare const verticalAligns: Rule[];
5
5
  declare const textAligns: Rule[];
package/dist/theme.cjs CHANGED
@@ -26,5 +26,6 @@ exports.textIndent = _default.textIndent;
26
26
  exports.textShadow = _default.textShadow;
27
27
  exports.textStrokeWidth = _default.textStrokeWidth;
28
28
  exports.theme = _default.theme;
29
+ exports.verticalBreakpoints = _default.verticalBreakpoints;
29
30
  exports.width = _default.width;
30
31
  exports.wordSpacing = _default.wordSpacing;
package/dist/theme.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- export { c as colors } from './colors-db01a23e';
2
- export { t as theme } from './default-c46850c2';
3
- import { T as Theme } from './types-154878eb';
4
- export { T as Theme, a as ThemeAnimation } from './types-154878eb';
1
+ export { c as colors } from './colors-06de139a';
2
+ export { t as theme } from './default-595a2a04';
3
+ import { T as Theme } from './types-f185ef8d';
4
+ export { T as Theme, a as ThemeAnimation } from './types-f185ef8d';
5
5
 
6
6
  declare const blur: {
7
7
  DEFAULT: string;
@@ -43,6 +43,13 @@ declare const breakpoints: {
43
43
  xl: string;
44
44
  '2xl': string;
45
45
  };
46
+ declare const verticalBreakpoints: {
47
+ sm: string;
48
+ md: string;
49
+ lg: string;
50
+ xl: string;
51
+ '2xl': string;
52
+ };
46
53
  declare const borderRadius: {
47
54
  DEFAULT: string;
48
55
  none: string;
@@ -151,4 +158,4 @@ declare const maxHeight: {
151
158
  none: string;
152
159
  };
153
160
 
154
- export { baseSize, blur, borderRadius, boxShadow, breakpoints, dropShadow, easing, fontFamily, fontSize, height, letterSpacing, lineHeight, maxHeight, maxWidth, textIndent, textShadow, textStrokeWidth, width, wordSpacing };
161
+ export { baseSize, blur, borderRadius, boxShadow, breakpoints, dropShadow, easing, fontFamily, fontSize, height, letterSpacing, lineHeight, maxHeight, maxWidth, textIndent, textShadow, textStrokeWidth, verticalBreakpoints, width, wordSpacing };
package/dist/theme.mjs CHANGED
@@ -1,2 +1,2 @@
1
1
  export { c as colors } from './chunks/colors.mjs';
2
- export { n as baseSize, b as blur, j as borderRadius, k as boxShadow, i as breakpoints, d as dropShadow, m as easing, f as fontFamily, a as fontSize, q as height, h as letterSpacing, l as lineHeight, r as maxHeight, p as maxWidth, c as textIndent, g as textShadow, e as textStrokeWidth, t as theme, o as width, w as wordSpacing } from './chunks/default.mjs';
2
+ export { n as baseSize, b as blur, j as borderRadius, k as boxShadow, i as breakpoints, d as dropShadow, m as easing, f as fontFamily, a as fontSize, q as height, h as letterSpacing, l as lineHeight, r as maxHeight, p as maxWidth, c as textIndent, g as textShadow, e as textStrokeWidth, t as theme, v as verticalBreakpoints, o as width, w as wordSpacing } from './chunks/default.mjs';
@@ -19,6 +19,7 @@ interface Theme {
19
19
  minBlockSize?: Record<string, string>;
20
20
  borderRadius?: Record<string, string>;
21
21
  breakpoints?: Record<string, string>;
22
+ verticalBreakpoints?: Record<string, string>;
22
23
  colors?: Record<string, string | Record<string, string>>;
23
24
  fontFamily?: Record<string, string>;
24
25
  fontSize?: Record<string, [string, string]>;
@@ -1,5 +1,5 @@
1
1
  import { DynamicMatcher, ParsedColorValue } from '@unocss/core';
2
- import { T as Theme } from './types-154878eb';
2
+ import { T as Theme } from './types-f185ef8d';
3
3
 
4
4
  /**
5
5
  * Provide {@link DynamicMatcher} function returning spacing definition. See spacing rules.
package/dist/utils.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as _unocss_core from '@unocss/core';
2
2
  import { RGBAColorValue, CSSColorValue, VariantHandler } from '@unocss/core';
3
- export { c as colorResolver, a as colorableShadows, d as directionSize, p as parseColor } from './utilities-0dc6e82e';
4
- import './types-154878eb';
3
+ export { c as colorResolver, a as colorableShadows, d as directionSize, p as parseColor } from './utilities-df1ea892';
4
+ import './types-f185ef8d';
5
5
 
6
6
  declare function hex2rgba(hex?: string): RGBAColorValue | undefined;
7
7
  declare function parseCssColor(str?: string): CSSColorValue | undefined;
package/dist/utils.mjs CHANGED
@@ -1,3 +1,3 @@
1
1
  export { c as colorResolver, a as colorToString, e as colorableShadows, b as cornerMap, d as directionMap, f as directionSize, l as getComponents, m as h, h as handler, j as hex2rgba, i as insetMap, p as parseColor, k as parseCssColor, g as positionMap, v as valueHandlers, x as xyzMap } from './chunks/utilities.mjs';
2
- export { v as variantMatcher, a as variantParentMatcher } from './chunks/variants.mjs';
2
+ export { a as variantMatcher, v as variantParentMatcher } from './chunks/variants.mjs';
3
3
  import '@unocss/core';
@@ -1,9 +1,9 @@
1
1
  import { Variant, VariantFunction, VariantObject } from '@unocss/core';
2
- import { T as Theme } from './types-154878eb';
2
+ import { T as Theme } from './types-f185ef8d';
3
3
  import { PresetMiniOptions } from './index';
4
- import './default-c46850c2';
5
- import './colors-db01a23e';
6
- import './utilities-0dc6e82e';
4
+ import './default-595a2a04';
5
+ import './colors-06de139a';
6
+ import './utilities-df1ea892';
7
7
 
8
8
  declare const variantBreakpoints: Variant<Theme>;
9
9
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@unocss/preset-mini",
3
- "version": "0.24.0",
3
+ "version": "0.24.4",
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.24.0"
64
+ "@unocss/core": "0.24.4"
65
65
  },
66
66
  "scripts": {
67
67
  "build": "unbuild",