@unocss/preset-wind4 66.1.0-beta.3 → 66.1.0-beta.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.mjs +11 -11
- package/dist/rules.d.mts +14 -56
- package/dist/rules.d.ts +14 -56
- package/dist/rules.mjs +3 -3
- package/dist/shared/{preset-wind4.DAFeae-M.mjs → preset-wind4.Bv7psfuU.mjs} +1 -1
- package/dist/shared/{preset-wind4.C2WJ-LPg.mjs → preset-wind4.D40diWvF.mjs} +32 -16
- package/dist/shared/{preset-wind4.Bjnac6Vf.mjs → preset-wind4.DRtfClGs.mjs} +1 -1
- package/dist/shared/{preset-wind4.D0X5sI2o.mjs → preset-wind4.DXynlr0l.mjs} +2 -2
- package/dist/shared/{preset-wind4.kLLgLvQk.mjs → preset-wind4.utffEfyI.mjs} +936 -877
- package/dist/shortcuts.mjs +3 -3
- package/dist/theme.mjs +8 -8
- package/dist/utils.d.mts +9 -3
- package/dist/utils.d.ts +9 -3
- package/dist/utils.mjs +1 -1
- package/dist/variants.mjs +2 -2
- package/package.json +4 -4
package/dist/index.mjs
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { LAYER_PREFLIGHTS, definePreset } from '@unocss/core';
|
|
2
2
|
import { extractorArbitraryVariants } from '@unocss/extractor-arbitrary-variants';
|
|
3
|
-
import {
|
|
3
|
+
import { F as compressCSS, E as camelToHyphen, g as globalKeywords } from './shared/preset-wind4.D40diWvF.mjs';
|
|
4
4
|
import { alphaPlaceholdersRE } from '@unocss/rule-utils';
|
|
5
5
|
import { p as passThemeKey } from './shared/preset-wind4.DRtKeBWc.mjs';
|
|
6
6
|
import { postprocessors } from './postprocess.mjs';
|
|
7
|
-
import { l as variants } from './shared/preset-wind4.
|
|
7
|
+
import { l as variants } from './shared/preset-wind4.DXynlr0l.mjs';
|
|
8
8
|
import { theme as theme$1 } from './theme.mjs';
|
|
9
|
-
import { s as shortcuts } from './shared/preset-wind4.
|
|
10
|
-
import { r as rules } from './shared/preset-wind4.
|
|
9
|
+
import { s as shortcuts } from './shared/preset-wind4.Bv7psfuU.mjs';
|
|
10
|
+
import { r as rules } from './shared/preset-wind4.utffEfyI.mjs';
|
|
11
11
|
import './colors.mjs';
|
|
12
|
-
import './shared/preset-wind4.
|
|
12
|
+
import './shared/preset-wind4.DRtfClGs.mjs';
|
|
13
13
|
|
|
14
14
|
const resetCSS = `
|
|
15
15
|
/*
|
|
@@ -45,7 +45,7 @@ html,
|
|
|
45
45
|
-webkit-text-size-adjust: 100%; /* 2 */
|
|
46
46
|
tab-size: 4; /* 3 */
|
|
47
47
|
font-family: var(
|
|
48
|
-
--
|
|
48
|
+
--defaults-font-family,
|
|
49
49
|
ui-sans-serif,
|
|
50
50
|
system-ui,
|
|
51
51
|
sans-serif,
|
|
@@ -54,8 +54,8 @@ html,
|
|
|
54
54
|
'Segoe UI Symbol',
|
|
55
55
|
'Noto Color Emoji'
|
|
56
56
|
); /* 4 */
|
|
57
|
-
font-feature-settings: var(--
|
|
58
|
-
font-variation-settings: var(--
|
|
57
|
+
font-feature-settings: var(--defaults-font-feature-settings, normal); /* 5 */
|
|
58
|
+
font-variation-settings: var(--defaults-font-variation-settings, normal); /* 6 */
|
|
59
59
|
-webkit-tap-highlight-color: transparent; /* 7 */
|
|
60
60
|
}
|
|
61
61
|
|
|
@@ -133,7 +133,7 @@ kbd,
|
|
|
133
133
|
samp,
|
|
134
134
|
pre {
|
|
135
135
|
font-family: var(
|
|
136
|
-
--
|
|
136
|
+
--defaults-mono-font-family,
|
|
137
137
|
ui-monospace,
|
|
138
138
|
SFMono-Regular,
|
|
139
139
|
Menlo,
|
|
@@ -143,8 +143,8 @@ pre {
|
|
|
143
143
|
'Courier New',
|
|
144
144
|
monospace
|
|
145
145
|
); /* 1 */
|
|
146
|
-
font-feature-settings: var(--
|
|
147
|
-
font-variation-settings: var(--
|
|
146
|
+
font-feature-settings: var(--defaults-mono-font-feature-settings, normal); /* 2 */
|
|
147
|
+
font-variation-settings: var(--defaults-mono-font-variation-settings, normal); /* 3 */
|
|
148
148
|
font-size: 1em; /* 4 */
|
|
149
149
|
}
|
|
150
150
|
|
package/dist/rules.d.mts
CHANGED
|
@@ -40,28 +40,6 @@ declare const textDecorations: Rule<Theme>[];
|
|
|
40
40
|
|
|
41
41
|
declare const divides: Rule<Theme>[];
|
|
42
42
|
|
|
43
|
-
declare const filterBase: {
|
|
44
|
-
'--un-blur': string;
|
|
45
|
-
'--un-brightness': string;
|
|
46
|
-
'--un-contrast': string;
|
|
47
|
-
'--un-drop-shadow': string;
|
|
48
|
-
'--un-grayscale': string;
|
|
49
|
-
'--un-hue-rotate': string;
|
|
50
|
-
'--un-invert': string;
|
|
51
|
-
'--un-saturate': string;
|
|
52
|
-
'--un-sepia': string;
|
|
53
|
-
};
|
|
54
|
-
declare const backdropFilterBase: {
|
|
55
|
-
'--un-backdrop-blur': string;
|
|
56
|
-
'--un-backdrop-brightness': string;
|
|
57
|
-
'--un-backdrop-contrast': string;
|
|
58
|
-
'--un-backdrop-grayscale': string;
|
|
59
|
-
'--un-backdrop-hue-rotate': string;
|
|
60
|
-
'--un-backdrop-invert': string;
|
|
61
|
-
'--un-backdrop-opacity': string;
|
|
62
|
-
'--un-backdrop-saturate': string;
|
|
63
|
-
'--un-backdrop-sepia': string;
|
|
64
|
-
};
|
|
65
43
|
declare const filters: Rule<Theme>[];
|
|
66
44
|
|
|
67
45
|
declare const flex: Rule<Theme>[];
|
|
@@ -98,26 +76,23 @@ declare const boxSizing: Rule<Theme>[];
|
|
|
98
76
|
*/
|
|
99
77
|
declare const questionMark: Rule<Theme>[];
|
|
100
78
|
|
|
101
|
-
declare const ringBase: {
|
|
102
|
-
'--un-ring-inset': string;
|
|
103
|
-
'--un-ring-offset-width': string;
|
|
104
|
-
'--un-ring-offset-color': string;
|
|
105
|
-
'--un-ring-width': string;
|
|
106
|
-
'--un-ring-color': string;
|
|
107
|
-
'--un-shadow': string;
|
|
108
|
-
};
|
|
109
79
|
declare const rings: Rule<Theme>[];
|
|
110
80
|
|
|
111
|
-
declare const scrollSnapTypeBase: {
|
|
112
|
-
'--un-scroll-snap-strictness': string;
|
|
113
|
-
};
|
|
114
81
|
declare const scrolls: Rule<Theme>[];
|
|
115
82
|
|
|
116
|
-
declare const
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
83
|
+
declare const shadowProperties: {
|
|
84
|
+
shadow: string;
|
|
85
|
+
shadowColor: string;
|
|
86
|
+
insetShadow: string;
|
|
87
|
+
insetShadowColor: string;
|
|
88
|
+
ringColor: string;
|
|
89
|
+
ringShadow: string;
|
|
90
|
+
insetRingColor: string;
|
|
91
|
+
insetRingShadow: string;
|
|
92
|
+
ringInset: string;
|
|
93
|
+
ringOffsetWidth: string;
|
|
94
|
+
ringOffsetColor: string;
|
|
95
|
+
ringOffsetShadow: string;
|
|
121
96
|
};
|
|
122
97
|
declare const boxShadows: Rule<Theme>[];
|
|
123
98
|
|
|
@@ -129,7 +104,6 @@ declare const margins: Rule<Theme>[];
|
|
|
129
104
|
declare const spaces: Rule<Theme>[];
|
|
130
105
|
declare function notLastChildSelector(s: string): string;
|
|
131
106
|
|
|
132
|
-
declare const varEmpty = " ";
|
|
133
107
|
declare const displays: Rule<Theme>[];
|
|
134
108
|
declare const appearances: Rule<Theme>[];
|
|
135
109
|
declare const cursors: Rule<Theme>[];
|
|
@@ -159,17 +133,8 @@ declare const accessibility: Rule<Theme>[];
|
|
|
159
133
|
|
|
160
134
|
declare const svgUtilities: Rule<Theme>[];
|
|
161
135
|
|
|
162
|
-
declare const borderSpacingBase: {
|
|
163
|
-
'--un-border-spacing-x': number;
|
|
164
|
-
'--un-border-spacing-y': number;
|
|
165
|
-
};
|
|
166
136
|
declare const tables: Rule<Theme>[];
|
|
167
137
|
|
|
168
|
-
declare const touchActionBase: {
|
|
169
|
-
'--un-pan-x': string;
|
|
170
|
-
'--un-pan-y': string;
|
|
171
|
-
'--un-pinch-zoom': string;
|
|
172
|
-
};
|
|
173
138
|
declare const touchActions: Rule<Theme>[];
|
|
174
139
|
|
|
175
140
|
declare const transformBase: {
|
|
@@ -191,13 +156,6 @@ declare const tabSizes: Rule<Theme>[];
|
|
|
191
156
|
declare const textIndents: Rule<Theme>[];
|
|
192
157
|
declare const textStrokes: Rule<Theme>[];
|
|
193
158
|
declare const textShadows: Rule<Theme>[];
|
|
194
|
-
declare const fontVariantNumericBase: {
|
|
195
|
-
'--un-ordinal': string;
|
|
196
|
-
'--un-slashed-zero': string;
|
|
197
|
-
'--un-numeric-figure': string;
|
|
198
|
-
'--un-numeric-spacing': string;
|
|
199
|
-
'--un-numeric-fraction': string;
|
|
200
|
-
};
|
|
201
159
|
declare const fontVariantNumeric: Rule<Theme>[];
|
|
202
160
|
declare function splitShorthand(body: string, type: string): string[] | undefined;
|
|
203
161
|
|
|
@@ -206,4 +164,4 @@ declare const cssProperty: Rule<Theme>[];
|
|
|
206
164
|
|
|
207
165
|
declare const viewTransition: Rule<Theme>[];
|
|
208
166
|
|
|
209
|
-
export { accents, accessibility, alignments, animations, appearance, appearances, aspectRatio,
|
|
167
|
+
export { accents, accessibility, alignments, animations, appearance, appearances, aspectRatio, backgroundBlendModes, backgroundStyles, bgColors, borderStyles, borders, boxShadows, boxSizing, breaks, carets, colorScheme, columns, container, containerParent, containerShortcuts, contains, contentVisibility, contents, cssProperty, cssVariables, cursors, displays, divides, dynamicViewportHeight, filters, flex, flexGridJustifiesAlignments, floats, fontSmoothings, fontStyles, fontVariantNumeric, fonts, gaps, grids, handlerBorderStyle, hyphens, imageRenderings, insets, isolations, justifies, lineClamps, listStyle, margins, mixBlendModes, notLastChildSelector, objectPositions, opacity, orders, outline, overflows, overscrolls, paddings, placeholders, placements, pointerEvents, positions, questionMark, resizes, rings, screenReadersAccess, scrollBehaviors, scrolls, shadowProperties, sizes, spaces, splitShorthand, svgUtilities, tabSizes, tables, textAligns, textDecorations, textIndents, textOverflows, textShadows, textStrokes, textTransforms, textWraps, touchActions, transformBase, transforms, transitions, userSelects, verticalAligns, viewTransition, whitespaces, willChange, writingModes, writingOrientations, zIndexes };
|
package/dist/rules.d.ts
CHANGED
|
@@ -40,28 +40,6 @@ declare const textDecorations: Rule<Theme>[];
|
|
|
40
40
|
|
|
41
41
|
declare const divides: Rule<Theme>[];
|
|
42
42
|
|
|
43
|
-
declare const filterBase: {
|
|
44
|
-
'--un-blur': string;
|
|
45
|
-
'--un-brightness': string;
|
|
46
|
-
'--un-contrast': string;
|
|
47
|
-
'--un-drop-shadow': string;
|
|
48
|
-
'--un-grayscale': string;
|
|
49
|
-
'--un-hue-rotate': string;
|
|
50
|
-
'--un-invert': string;
|
|
51
|
-
'--un-saturate': string;
|
|
52
|
-
'--un-sepia': string;
|
|
53
|
-
};
|
|
54
|
-
declare const backdropFilterBase: {
|
|
55
|
-
'--un-backdrop-blur': string;
|
|
56
|
-
'--un-backdrop-brightness': string;
|
|
57
|
-
'--un-backdrop-contrast': string;
|
|
58
|
-
'--un-backdrop-grayscale': string;
|
|
59
|
-
'--un-backdrop-hue-rotate': string;
|
|
60
|
-
'--un-backdrop-invert': string;
|
|
61
|
-
'--un-backdrop-opacity': string;
|
|
62
|
-
'--un-backdrop-saturate': string;
|
|
63
|
-
'--un-backdrop-sepia': string;
|
|
64
|
-
};
|
|
65
43
|
declare const filters: Rule<Theme>[];
|
|
66
44
|
|
|
67
45
|
declare const flex: Rule<Theme>[];
|
|
@@ -98,26 +76,23 @@ declare const boxSizing: Rule<Theme>[];
|
|
|
98
76
|
*/
|
|
99
77
|
declare const questionMark: Rule<Theme>[];
|
|
100
78
|
|
|
101
|
-
declare const ringBase: {
|
|
102
|
-
'--un-ring-inset': string;
|
|
103
|
-
'--un-ring-offset-width': string;
|
|
104
|
-
'--un-ring-offset-color': string;
|
|
105
|
-
'--un-ring-width': string;
|
|
106
|
-
'--un-ring-color': string;
|
|
107
|
-
'--un-shadow': string;
|
|
108
|
-
};
|
|
109
79
|
declare const rings: Rule<Theme>[];
|
|
110
80
|
|
|
111
|
-
declare const scrollSnapTypeBase: {
|
|
112
|
-
'--un-scroll-snap-strictness': string;
|
|
113
|
-
};
|
|
114
81
|
declare const scrolls: Rule<Theme>[];
|
|
115
82
|
|
|
116
|
-
declare const
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
83
|
+
declare const shadowProperties: {
|
|
84
|
+
shadow: string;
|
|
85
|
+
shadowColor: string;
|
|
86
|
+
insetShadow: string;
|
|
87
|
+
insetShadowColor: string;
|
|
88
|
+
ringColor: string;
|
|
89
|
+
ringShadow: string;
|
|
90
|
+
insetRingColor: string;
|
|
91
|
+
insetRingShadow: string;
|
|
92
|
+
ringInset: string;
|
|
93
|
+
ringOffsetWidth: string;
|
|
94
|
+
ringOffsetColor: string;
|
|
95
|
+
ringOffsetShadow: string;
|
|
121
96
|
};
|
|
122
97
|
declare const boxShadows: Rule<Theme>[];
|
|
123
98
|
|
|
@@ -129,7 +104,6 @@ declare const margins: Rule<Theme>[];
|
|
|
129
104
|
declare const spaces: Rule<Theme>[];
|
|
130
105
|
declare function notLastChildSelector(s: string): string;
|
|
131
106
|
|
|
132
|
-
declare const varEmpty = " ";
|
|
133
107
|
declare const displays: Rule<Theme>[];
|
|
134
108
|
declare const appearances: Rule<Theme>[];
|
|
135
109
|
declare const cursors: Rule<Theme>[];
|
|
@@ -159,17 +133,8 @@ declare const accessibility: Rule<Theme>[];
|
|
|
159
133
|
|
|
160
134
|
declare const svgUtilities: Rule<Theme>[];
|
|
161
135
|
|
|
162
|
-
declare const borderSpacingBase: {
|
|
163
|
-
'--un-border-spacing-x': number;
|
|
164
|
-
'--un-border-spacing-y': number;
|
|
165
|
-
};
|
|
166
136
|
declare const tables: Rule<Theme>[];
|
|
167
137
|
|
|
168
|
-
declare const touchActionBase: {
|
|
169
|
-
'--un-pan-x': string;
|
|
170
|
-
'--un-pan-y': string;
|
|
171
|
-
'--un-pinch-zoom': string;
|
|
172
|
-
};
|
|
173
138
|
declare const touchActions: Rule<Theme>[];
|
|
174
139
|
|
|
175
140
|
declare const transformBase: {
|
|
@@ -191,13 +156,6 @@ declare const tabSizes: Rule<Theme>[];
|
|
|
191
156
|
declare const textIndents: Rule<Theme>[];
|
|
192
157
|
declare const textStrokes: Rule<Theme>[];
|
|
193
158
|
declare const textShadows: Rule<Theme>[];
|
|
194
|
-
declare const fontVariantNumericBase: {
|
|
195
|
-
'--un-ordinal': string;
|
|
196
|
-
'--un-slashed-zero': string;
|
|
197
|
-
'--un-numeric-figure': string;
|
|
198
|
-
'--un-numeric-spacing': string;
|
|
199
|
-
'--un-numeric-fraction': string;
|
|
200
|
-
};
|
|
201
159
|
declare const fontVariantNumeric: Rule<Theme>[];
|
|
202
160
|
declare function splitShorthand(body: string, type: string): string[] | undefined;
|
|
203
161
|
|
|
@@ -206,4 +164,4 @@ declare const cssProperty: Rule<Theme>[];
|
|
|
206
164
|
|
|
207
165
|
declare const viewTransition: Rule<Theme>[];
|
|
208
166
|
|
|
209
|
-
export { accents, accessibility, alignments, animations, appearance, appearances, aspectRatio,
|
|
167
|
+
export { accents, accessibility, alignments, animations, appearance, appearances, aspectRatio, backgroundBlendModes, backgroundStyles, bgColors, borderStyles, borders, boxShadows, boxSizing, breaks, carets, colorScheme, columns, container, containerParent, containerShortcuts, contains, contentVisibility, contents, cssProperty, cssVariables, cursors, displays, divides, dynamicViewportHeight, filters, flex, flexGridJustifiesAlignments, floats, fontSmoothings, fontStyles, fontVariantNumeric, fonts, gaps, grids, handlerBorderStyle, hyphens, imageRenderings, insets, isolations, justifies, lineClamps, listStyle, margins, mixBlendModes, notLastChildSelector, objectPositions, opacity, orders, outline, overflows, overscrolls, paddings, placeholders, placements, pointerEvents, positions, questionMark, resizes, rings, screenReadersAccess, scrollBehaviors, scrolls, shadowProperties, sizes, spaces, splitShorthand, svgUtilities, tabSizes, tables, textAligns, textDecorations, textIndents, textOverflows, textShadows, textStrokes, textTransforms, textWraps, touchActions, transformBase, transforms, transitions, userSelects, verticalAligns, viewTransition, whitespaces, willChange, writingModes, writingOrientations, zIndexes };
|
package/dist/rules.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { d as accents,
|
|
2
|
-
export { a as container, c as containerParent, b as containerShortcuts } from './shared/preset-wind4.
|
|
3
|
-
import './shared/preset-wind4.
|
|
1
|
+
export { d as accents, am as accessibility, H as alignments, a as animations, c as appearance, _ as appearances, U as aspectRatio, aj as backgroundBlendModes, b as backgroundStyles, m as bgColors, g as borderStyles, h as borders, S as boxShadows, N as boxSizing, a7 as breaks, e as carets, n as colorScheme, p as columns, a0 as contains, a5 as contentVisibility, a6 as contents, aB as cssProperty, aA as cssVariables, $ as cursors, Z as displays, u as divides, al as dynamicViewportHeight, x as filters, y as flex, J as flexGridJustifiesAlignments, L as floats, ac as fontSmoothings, ab as fontStyles, ay as fontVariantNumeric, at as fonts, z as gaps, A as grids, j as handlerBorderStyle, ad as hyphens, i as imageRenderings, K as insets, ah as isolations, F as justifies, C as lineClamps, l as listStyle, W as margins, ak as mixBlendModes, Y as notLastChildSelector, ai as objectPositions, k as opacity, G as orders, o as outline, B as overflows, f as overscrolls, V as paddings, D as placeholders, I as placements, a1 as pointerEvents, E as positions, O as questionMark, a2 as resizes, P as rings, r as rules, ag as screenReadersAccess, s as scrollBehaviors, Q as scrolls, R as shadowProperties, T as sizes, X as spaces, az as splitShorthand, an as svgUtilities, au as tabSizes, ao as tables, t as textAligns, q as textDecorations, av as textIndents, a9 as textOverflows, ax as textShadows, aw as textStrokes, aa as textTransforms, a8 as textWraps, ap as touchActions, aq as transformBase, ar as transforms, as as transitions, a3 as userSelects, v as verticalAligns, aC as viewTransition, a4 as whitespaces, w as willChange, ae as writingModes, af as writingOrientations, M as zIndexes } from './shared/preset-wind4.utffEfyI.mjs';
|
|
2
|
+
export { a as container, c as containerParent, b as containerShortcuts } from './shared/preset-wind4.DRtfClGs.mjs';
|
|
3
|
+
import './shared/preset-wind4.D40diWvF.mjs';
|
|
4
4
|
import '@unocss/core';
|
|
5
5
|
import '@unocss/rule-utils';
|
|
6
6
|
import './shared/preset-wind4.DRtKeBWc.mjs';
|
|
@@ -480,24 +480,32 @@ function colorableShadows(shadows, colorVar) {
|
|
|
480
480
|
}
|
|
481
481
|
return colored;
|
|
482
482
|
}
|
|
483
|
+
function colorCSSGenerator(data, property, varName, ctx) {
|
|
484
|
+
if (!data)
|
|
485
|
+
return;
|
|
486
|
+
const { color, key, alpha } = data;
|
|
487
|
+
const rawColorComment = ctx?.generator.config.envMode === "dev" && color ? ` /* ${color} */` : "";
|
|
488
|
+
const css = {};
|
|
489
|
+
if (color) {
|
|
490
|
+
const result = [css];
|
|
491
|
+
if (Object.values(SpecialColorKey).includes(color)) {
|
|
492
|
+
css[property] = color;
|
|
493
|
+
} else {
|
|
494
|
+
const alphaKey = `--un-${varName}-opacity`;
|
|
495
|
+
const value = key ? `var(--colors-${key})` : color;
|
|
496
|
+
css[alphaKey] = alpha;
|
|
497
|
+
css[property] = `color-mix(in oklch, ${value} var(${alphaKey}), transparent)${rawColorComment}`;
|
|
498
|
+
result.push(defineProperty(alphaKey, { syntax: "<percentage>", initialValue: "100%" }));
|
|
499
|
+
}
|
|
500
|
+
return result;
|
|
501
|
+
}
|
|
502
|
+
}
|
|
483
503
|
function colorResolver(property, varName) {
|
|
484
|
-
return ([, body],
|
|
485
|
-
const data = parseColor(body, theme);
|
|
504
|
+
return ([, body], ctx) => {
|
|
505
|
+
const data = parseColor(body, ctx.theme);
|
|
486
506
|
if (!data)
|
|
487
507
|
return;
|
|
488
|
-
|
|
489
|
-
const rawColorComment = generator.config.envMode === "dev" && color ? ` /* ${color} */` : "";
|
|
490
|
-
const css = {};
|
|
491
|
-
if (color) {
|
|
492
|
-
if (Object.values(SpecialColorKey).includes(color)) {
|
|
493
|
-
css[property] = color;
|
|
494
|
-
} else {
|
|
495
|
-
css[`--un-${varName}-opacity`] = `${opacity || 100}%`;
|
|
496
|
-
const value = key ? `var(--colors-${key})` : color;
|
|
497
|
-
css[property] = `color-mix(in oklch, ${value} var(--un-${varName}-opacity), transparent)${rawColorComment}`;
|
|
498
|
-
}
|
|
499
|
-
}
|
|
500
|
-
return css;
|
|
508
|
+
return colorCSSGenerator(data, property, varName, ctx);
|
|
501
509
|
};
|
|
502
510
|
}
|
|
503
511
|
function parseColor(body, theme) {
|
|
@@ -627,5 +635,13 @@ function camelToHyphen(str) {
|
|
|
627
635
|
function compressCSS(css) {
|
|
628
636
|
return css.trim().replace(/\s+/g, " ").replace(/\/\*[\s\S]*?\*\//g, "");
|
|
629
637
|
}
|
|
638
|
+
function defineProperty(property, options = {}) {
|
|
639
|
+
const {
|
|
640
|
+
syntax = "*",
|
|
641
|
+
inherits = false,
|
|
642
|
+
initialValue
|
|
643
|
+
} = options;
|
|
644
|
+
return `@property ${property} {syntax: "${syntax}";inherits: ${inherits};${initialValue != null ? `initial-value: ${initialValue};` : ""}}`;
|
|
645
|
+
}
|
|
630
646
|
|
|
631
|
-
export {
|
|
647
|
+
export { isCSSMathFn as A, isSize as B, CONTROL_MINI_NO_NEGATIVE as C, transformXYZ as D, camelToHyphen as E, compressCSS as F, defineProperty as G, bracketTypeRe as H, SpecialColorKey as S, h as a, xyzArray as b, cornerMap as c, directionMap as d, cssMathFnRE as e, cssVarFnRE as f, globalKeywords as g, handler as h, insetMap as i, directionSize as j, colorableShadows as k, colorCSSGenerator as l, colorResolver as m, numberResolver as n, parseColor as o, positionMap as p, parseThemeColor as q, getThemeColor as r, splitShorthand as s, colorVariable as t, hasParseableColor as u, valueHandlers as v, resolveBreakpoints as w, xyzMap as x, resolveVerticalBreakpoints as y, makeGlobalStaticRules as z };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { isString } from '@unocss/core';
|
|
2
|
-
import {
|
|
2
|
+
import { w as resolveBreakpoints } from './preset-wind4.D40diWvF.mjs';
|
|
3
3
|
|
|
4
4
|
const containerParent = [
|
|
5
5
|
[/^@container(?:\/(\w+))?(?:-(normal))?$/, ([, l, v]) => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { variantGetParameter, variantMatcher, variantGetBracket, variantParentMatcher, getBracket, hasThemeFn, transformThemeFn, getStringComponent } from '@unocss/rule-utils';
|
|
2
|
-
import { a as h,
|
|
2
|
+
import { a as h, w as resolveBreakpoints, C as CONTROL_MINI_NO_NEGATIVE, e as cssMathFnRE, f as cssVarFnRE, u as hasParseableColor } from './preset-wind4.D40diWvF.mjs';
|
|
3
3
|
import { escapeRegExp, escapeSelector } from '@unocss/core';
|
|
4
4
|
|
|
5
5
|
const variantAria = {
|
|
@@ -116,7 +116,7 @@ function variantBreakpoints() {
|
|
|
116
116
|
}
|
|
117
117
|
},
|
|
118
118
|
multiPass: true,
|
|
119
|
-
autocomplete: "(at-|lt-|max-|)$
|
|
119
|
+
autocomplete: "(at-|lt-|max-|)$breakpoint:"
|
|
120
120
|
};
|
|
121
121
|
}
|
|
122
122
|
|