vitrify 0.17.8 → 0.17.10
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/plugins/quasar/unocss/components/QCarousel.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/components/QDialog.unocss.js +2 -2
- package/dist/plugins/quasar/unocss/components/QFab.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/components/QImg.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/core/flex.unocss.js +7 -8
- package/dist/plugins/quasar/unocss/core/mouse.unocss.js +15 -2
- package/dist/plugins/quasar/unocss/core/size.unocss.js +13 -1
- package/dist/plugins/quasar/unocss/index.js +64 -6
- package/dist/plugins/quasar/unocss/plugins/QNotify.unocss.js +1 -1
- package/dist/plugins/quasar/unocss/theme.js +291 -284
- package/dist/types/plugins/quasar/unocss/core/mouse.unocss.d.ts +3 -2
- package/dist/types/plugins/quasar/unocss/core/size.unocss.d.ts +3 -2
- package/dist/types/plugins/quasar/unocss/theme.d.ts +291 -284
- package/package.json +1 -1
- package/src/node/plugins/quasar/unocss/components/QCarousel.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/components/QDialog.unocss.ts +2 -2
- package/src/node/plugins/quasar/unocss/components/QFab.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/components/QImg.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/core/flex.unocss.ts +9 -14
- package/src/node/plugins/quasar/unocss/core/mouse.unocss.ts +16 -3
- package/src/node/plugins/quasar/unocss/core/size.unocss.ts +14 -1
- package/src/node/plugins/quasar/unocss/index.ts +69 -5
- package/src/node/plugins/quasar/unocss/plugins/QNotify.unocss.ts +1 -1
- package/src/node/plugins/quasar/unocss/theme.ts +582 -570
|
@@ -14,7 +14,7 @@ const shortcuts = [
|
|
|
14
14
|
[
|
|
15
15
|
/^q-carousel__arrow$/,
|
|
16
16
|
([, c], { theme }) => theme.quasar?.components?.['q-carousel__arrow'] ??
|
|
17
|
-
`pointer-events-none [&_.q-icon]:(text-[28px]) [&_.q-btn]:()`
|
|
17
|
+
`pointer-events-none [&_.q-icon]:(text-[28px]) [&_.q-btn]:(pointer-events-all)`
|
|
18
18
|
],
|
|
19
19
|
[
|
|
20
20
|
/^q-carousel__prev-arrow--horizontal$/,
|
|
@@ -43,7 +43,7 @@ const shortcuts = [
|
|
|
43
43
|
/^q-dialog__inner$/,
|
|
44
44
|
([, c], { theme }) => theme.quasar?.components?.['q-dialog__inner'] ??
|
|
45
45
|
`outline-0
|
|
46
|
-
[&>div]:(pointer-events-
|
|
46
|
+
[&>div]:(pointer-events-all overflow-auto border-rd-4px)
|
|
47
47
|
[&>.q-card>.q-card\\_\\_actions_.q-btn--rectangle]:(min-w-64px)
|
|
48
48
|
`
|
|
49
49
|
],
|
|
@@ -109,7 +109,7 @@ const shortcuts = [
|
|
|
109
109
|
[
|
|
110
110
|
/^q-dialog__backdrop$/,
|
|
111
111
|
([, c], { theme }) => theme.quasar?.components?.['q-dialog__backdrop'] ??
|
|
112
|
-
`-z-1 pointer-events-
|
|
112
|
+
`-z-1 pointer-events-all outline-0 bg-black bg-op-40
|
|
113
113
|
`
|
|
114
114
|
],
|
|
115
115
|
[
|
|
@@ -107,7 +107,7 @@ const shortcuts = [
|
|
|
107
107
|
[
|
|
108
108
|
/^q-fab__actions--opened$/,
|
|
109
109
|
([, c], { theme }) => theme.quasar?.components?.['q-fab__actions--opened'] ??
|
|
110
|
-
`opacity-100 scale-100 translate-x-[0.1px] translate-y-[0]`
|
|
110
|
+
`opacity-100 scale-100 translate-x-[0.1px] translate-y-[0] pointer-events-all`
|
|
111
111
|
],
|
|
112
112
|
[
|
|
113
113
|
/^q-fab--align-left$/,
|
|
@@ -24,7 +24,7 @@ const shortcuts = [
|
|
|
24
24
|
[
|
|
25
25
|
/^q-img__content$/,
|
|
26
26
|
([, c], { theme }) => theme.quasar?.components?.['q-img__content'] ??
|
|
27
|
-
`[border-radius:inherit] pointer-events-none [&_>_div]:(absolute p-[16px] text-[#fff] bg-[rgba(0,_0,_0,_0.47)])`
|
|
27
|
+
`[border-radius:inherit] pointer-events-none [&_>_div]:(pointer-events-all absolute p-[16px] text-[#fff] bg-[rgba(0,_0,_0,_0.47)])`
|
|
28
28
|
],
|
|
29
29
|
[
|
|
30
30
|
/^q-img--no-menu$/,
|
|
@@ -41,20 +41,19 @@ const shortcuts = [
|
|
|
41
41
|
],
|
|
42
42
|
[
|
|
43
43
|
/^q-gutter-(none|xs|sm|md|lg|xl)$/,
|
|
44
|
-
([, size], { theme }) => `mt
|
|
45
|
-
ml
|
|
46
|
-
|
|
47
|
-
pl-${colGutter[size]})`
|
|
44
|
+
([, size], { theme }) => `mt--${colGutter[size]}
|
|
45
|
+
ml--${colGutter[size]}
|
|
46
|
+
[&_>_*]:(ml-${colGutter[size]} mt-${colGutter[size]})`
|
|
48
47
|
],
|
|
49
48
|
[
|
|
50
49
|
/^q-gutter-x-(none|xs|sm|md|lg|xl)$/,
|
|
51
|
-
([, size], { theme }) => `ml
|
|
52
|
-
|
|
50
|
+
([, size], { theme }) => `ml--${colGutter[size]}
|
|
51
|
+
space-x-${colGutter[size]}`
|
|
53
52
|
],
|
|
54
53
|
[
|
|
55
54
|
/^q-gutter-y-(none|xs|sm|md|lg|xl)$/,
|
|
56
|
-
([, size], { theme }) => `mt
|
|
57
|
-
|
|
55
|
+
([, size], { theme }) => `mt--${colGutter[size]}
|
|
56
|
+
space-y-${colGutter[size]}`
|
|
58
57
|
],
|
|
59
58
|
[/^wrap$/, ([, size], { theme }) => `flex-wrap`],
|
|
60
59
|
[/^no-wrap$/, ([, size], { theme }) => `flex-nowrap`],
|
|
@@ -25,8 +25,21 @@ const shortcuts = [
|
|
|
25
25
|
/^no-pointer-events--children$/,
|
|
26
26
|
([, c], { theme }) => `!pointer-events-none [&_*]:(!pointer-events-none)`
|
|
27
27
|
],
|
|
28
|
-
[/^all-pointer-events$/, ([, c], { theme }) => ``],
|
|
29
28
|
[/^cursor-inherit$/, ([, c], { theme }) => `[cursor:inherit!important]`],
|
|
30
29
|
['cursor-pointer', 'cursor-[pointer]!']
|
|
31
30
|
];
|
|
32
|
-
|
|
31
|
+
const rules = [
|
|
32
|
+
[
|
|
33
|
+
'all-pointer-events',
|
|
34
|
+
{
|
|
35
|
+
'pointer-events': 'all !important'
|
|
36
|
+
}
|
|
37
|
+
],
|
|
38
|
+
[
|
|
39
|
+
'pointer-events-all',
|
|
40
|
+
{
|
|
41
|
+
'pointer-events': 'all !important'
|
|
42
|
+
}
|
|
43
|
+
]
|
|
44
|
+
];
|
|
45
|
+
export { preflights, shortcuts, rules };
|
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
const preflights = [
|
|
2
|
+
{
|
|
3
|
+
getCSS: ({ theme }) => `
|
|
4
|
+
:root {
|
|
5
|
+
--q-size-xs: ${theme.breakpoints.xs};
|
|
6
|
+
--q-size-sm: ${theme.breakpoints.sm};
|
|
7
|
+
--q-size-md: ${theme.breakpoints.md};
|
|
8
|
+
--q-size-lg: ${theme.breakpoints.lg};
|
|
9
|
+
--q-size-xl: ${theme.breakpoints.xl};
|
|
10
|
+
}`
|
|
11
|
+
}
|
|
12
|
+
];
|
|
1
13
|
const shortcuts = [
|
|
2
14
|
[/^fit$/, ([, c], { theme }) => `!w-full !h-full`],
|
|
3
15
|
[/^full-height$/, ([, c], { theme }) => `!h-full`],
|
|
@@ -95,4 +107,4 @@ const shortcuts = [
|
|
|
95
107
|
[/^q-mr-auto$/, ([, c], { theme }) => `mr-auto`],
|
|
96
108
|
[/^q-mx-auto$/, ([, c], { theme }) => `ml-auto mr-auto`]
|
|
97
109
|
];
|
|
98
|
-
export { shortcuts };
|
|
110
|
+
export { preflights, shortcuts };
|
|
@@ -82,10 +82,10 @@ import { preflights as DarkPreflights, shortcuts as DarkShortcuts } from './core
|
|
|
82
82
|
import { shortcuts as ElevationShortcuts, rules as ElevationRules } from './core/elevation.unocss.js';
|
|
83
83
|
import { shortcuts as FlexShortcuts } from './core/flex.unocss.js';
|
|
84
84
|
import { rules as HelperRules, preflights as HelperPreflights, shortcuts as HelperShortcuts } from './core/helpers.unocss.js';
|
|
85
|
-
import { preflights as MousePreflights, shortcuts as MouseShortcuts } from './core/mouse.unocss.js';
|
|
85
|
+
import { preflights as MousePreflights, shortcuts as MouseShortcuts, rules as MouseRules } from './core/mouse.unocss.js';
|
|
86
86
|
import { shortcuts as OrientationShortcuts } from './core/orientation.unocss.js';
|
|
87
87
|
import { shortcuts as PositionShortcuts } from './core/position.unocss.js';
|
|
88
|
-
import { shortcuts as SizeShortcuts } from './core/size.unocss.js';
|
|
88
|
+
import { preflights as SizePreflights, shortcuts as SizeShortcuts } from './core/size.unocss.js';
|
|
89
89
|
import { shortcuts as TouchShortcuts } from './core/touch.unocss.js';
|
|
90
90
|
import { preflights as TransitionPreflights, shortcuts as TransitionsShortcuts } from './core/transitions.unocss.js';
|
|
91
91
|
import { preflights as TypographyPreflights, shortcuts as TypographyShortcuts } from './core/typography.unocss.js';
|
|
@@ -230,10 +230,63 @@ const pluginSafelistMap = {
|
|
|
230
230
|
'q-btn__progress-indicator',
|
|
231
231
|
'q-btn__progress--dark',
|
|
232
232
|
'q-spinner',
|
|
233
|
-
'q-spinner-mat'
|
|
233
|
+
'q-spinner-mat',
|
|
234
|
+
'q-notifications__list',
|
|
235
|
+
'q-notifications__list--center',
|
|
236
|
+
'q-notifications__list--top',
|
|
237
|
+
'q-notifications__list--bottom',
|
|
238
|
+
'q-notification',
|
|
239
|
+
'q-notification__icon',
|
|
240
|
+
'q-notification__icon--additional',
|
|
241
|
+
'q-notification__avatar',
|
|
242
|
+
'q-notification__avatar--additional',
|
|
243
|
+
'q-notification__spinner',
|
|
244
|
+
'q-notification__spinner--additional',
|
|
245
|
+
'q-notification__message',
|
|
246
|
+
'q-notification__caption',
|
|
247
|
+
'q-notification__actions',
|
|
248
|
+
'q-notification__badge',
|
|
249
|
+
'q-notification__badge--top-left',
|
|
250
|
+
'q-notification__badge--top-right',
|
|
251
|
+
'q-notification__badge--bottom-left',
|
|
252
|
+
'q-notification__badge--bottom-right',
|
|
253
|
+
'q-notification__progress',
|
|
254
|
+
'q-notification--standard',
|
|
255
|
+
'q-notification--multi-line',
|
|
256
|
+
'q-notification--top-left-enter-from',
|
|
257
|
+
'q-notification--top-left-leave-to',
|
|
258
|
+
'q-notification--top-enter-from',
|
|
259
|
+
'q-notification--top-leave-to',
|
|
260
|
+
'q-notification--top-right-enter-from',
|
|
261
|
+
'q-notification--top-right-leave-to',
|
|
262
|
+
'q-notification--left-enter-from',
|
|
263
|
+
'q-notification--left-leave-to',
|
|
264
|
+
'q-notification--center-enter-from',
|
|
265
|
+
'q-notification--center-leave-to',
|
|
266
|
+
'q-notification--right-enter-from',
|
|
267
|
+
'q-notification--right-leave-to',
|
|
268
|
+
'q-notification--bottom-left-enter-from',
|
|
269
|
+
'q-notification--bottom-left-leave-to',
|
|
270
|
+
'q-notification--bottom-enter-from',
|
|
271
|
+
'q-notification--bottom-leave-to',
|
|
272
|
+
'q-notification--bottom-right-enter-from',
|
|
273
|
+
'q-notification--bottom-right-leave-to',
|
|
274
|
+
'q-notification--top-left-leave-active',
|
|
275
|
+
'q-notification--top-leave-active',
|
|
276
|
+
'q-notification--top-right-leave-active',
|
|
277
|
+
'q-notification--left-leave-active',
|
|
278
|
+
'q-notification--center-leave-active',
|
|
279
|
+
'q-notification--right-leave-active',
|
|
280
|
+
'q-notification--bottom-left-leave-active',
|
|
281
|
+
'q-notification--bottom-leave-active',
|
|
282
|
+
'q-notification--bottom-right-leave-active'
|
|
234
283
|
]
|
|
235
284
|
};
|
|
236
285
|
const baseSafelist = [
|
|
286
|
+
'bg-primary',
|
|
287
|
+
'col',
|
|
288
|
+
'row',
|
|
289
|
+
'text-primary',
|
|
237
290
|
'absolute',
|
|
238
291
|
'absolute-bottom',
|
|
239
292
|
'absolute-full',
|
|
@@ -1700,8 +1753,8 @@ export default definePreset((options = {}) => {
|
|
|
1700
1753
|
}
|
|
1701
1754
|
/* beasties:include end */`
|
|
1702
1755
|
}
|
|
1703
|
-
].concat(QBreadcrumbsPreflights, QCheckboxPreflights, QChipPreflights, QCircularProgressPreflights, QDialogPreflights, QFieldPreflights, QLayoutPreflights, QLinearProgressPreflights, QRadioPreflights, QSelectPreflights, QSpinnerPreflights, QSkeletonPreflights, QTablePreflights, QTogglePreflights, QTreePreflights, ColorPreflights, DarkPreflights, HelperPreflights, MousePreflights, TypographyPreflights, VisibilityPreflights, TransitionPreflights),
|
|
1704
|
-
rules: [].concat(HelperRules, ElevationRules, VisibilityRules),
|
|
1756
|
+
].concat(QBreadcrumbsPreflights, QCheckboxPreflights, QChipPreflights, QCircularProgressPreflights, QDialogPreflights, QFieldPreflights, QLayoutPreflights, QLinearProgressPreflights, QRadioPreflights, QSelectPreflights, QSpinnerPreflights, QSkeletonPreflights, QTablePreflights, QTogglePreflights, QTreePreflights, ColorPreflights, DarkPreflights, HelperPreflights, MousePreflights, TypographyPreflights, VisibilityPreflights, TransitionPreflights, SizePreflights),
|
|
1757
|
+
rules: [].concat(MouseRules, HelperRules, ElevationRules, VisibilityRules),
|
|
1705
1758
|
shortcuts: [].concat(QIconShortcuts, QAjaxBarShortcuts, QAvatarShortcuts, QBadgeShortcuts, QBreadcrumbsShortcuts, QBannerShortcuts, QBarShortcuts, QBtnShortcuts, QBtnDropdownShortcuts, QBtnGroupShortcuts, QBtnToggleShortcuts, QCardShortcuts, QCarouselShortcuts, QChatMessageShortcuts, QCheckboxShortcuts, QChipShortcuts, QCircularProgressShortcuts, QColorPickerShortcuts, QDateShortcuts, QDialogShortcuts, QEditorShortcuts, QExpansionItemShortcuts, QFabShortcuts, QFieldShortcuts, QFileShortcuts, QFormShortcuts, QImgShortcuts, QInnerLoadingShortcuts, QInputShortcuts, QIntersectionShortcuts, QItemShortcuts, QKnobShortcuts, QLayoutShortcuts, QLinearProgressShortcuts, QMenuShortcuts, QOptionGroupShortcuts, QPageShortcuts, QPageStickyShortcuts, QPaginationShortcuts, QParallaxShortcuts, QPopupEditShortcuts, QPullToRefreshShortcuts, QRadioShortcuts, QRatingShortcuts, QResponsiveShortcuts, QScrollareaShortcuts, QSelectShortcuts, QSeparatorShortcuts, QSkeletonShortcuts, QSlideItemShortcuts, QSliderShortcuts, QSpaceShortcuts, QSpinnerShortcuts, QSplitterShortcuts, QStepperShortcuts, QTabPanelShortcuts, QTableShortcuts, QTabsShortcuts, QTimeShortcuts, QTimelineShortcuts, QToggleShortcuts, QToolbarShortcuts, QTooltipShortcuts, QTreeShortcuts, QUploaderShortcuts, QVideoShortcuts, QVirtualScrollShortcuts, PanelShortcuts, QMorphShortcuts, QRippleShortcuts, QBottomSheetShortcuts, QDialogPluginShortcuts, QLoadingShortcuts, QNotifyShortcuts, DarkShortcuts, FlexShortcuts, HelperShortcuts, MouseShortcuts, OrientationShortcuts, PositionShortcuts, SizeShortcuts, TouchShortcuts, TransitionsShortcuts, TypographyShortcuts, VisibilityShortcuts, QHeaderShortcuts, QFooterShortcuts, QDrawerShortcuts, ElevationShortcuts),
|
|
1706
1759
|
theme: defaultTheme,
|
|
1707
1760
|
variants: [
|
|
@@ -1715,6 +1768,7 @@ export default definePreset((options = {}) => {
|
|
|
1715
1768
|
const kebabMatch = code.matchAll(/q-(\w)([\w-]*)/g);
|
|
1716
1769
|
const pascalMatch = code.matchAll(/Q([A-Z][a-z0-9]+)+/g);
|
|
1717
1770
|
const transitionMatch = code.matchAll(/(transition|transition-show|transition-hide)="(\S*)"/g);
|
|
1771
|
+
const colorMatch = code.matchAll(/color="(\S*)"/g);
|
|
1718
1772
|
const matches = [];
|
|
1719
1773
|
for (const match of kebabMatch)
|
|
1720
1774
|
matches.push(match[0]);
|
|
@@ -1732,8 +1786,12 @@ export default definePreset((options = {}) => {
|
|
|
1732
1786
|
'leave-to'
|
|
1733
1787
|
].map((v) => `q-transition--${match[2]}-${v}`));
|
|
1734
1788
|
}
|
|
1789
|
+
const colorClasses = [];
|
|
1790
|
+
for (const match of colorMatch) {
|
|
1791
|
+
colorClasses.push(`text-${match[1]}`, `bg-${match[1]}`);
|
|
1792
|
+
}
|
|
1735
1793
|
const classes = qClasses.filter((c) => matches.some((component) => c.includes(component)));
|
|
1736
|
-
classes.push(...transitionClasses);
|
|
1794
|
+
classes.push(...transitionClasses, ...colorClasses);
|
|
1737
1795
|
return classes;
|
|
1738
1796
|
}
|
|
1739
1797
|
}
|
|
@@ -46,7 +46,7 @@ const shortcuts = [
|
|
|
46
46
|
[
|
|
47
47
|
/^q-notification$/,
|
|
48
48
|
([, c], { theme }) => `[box-shadow:0_1px_5px_rgba(0,_0,_0,_0.2),_0_2px_2px_rgba(0,_0,_0,_0.14),_0_3px_1px_-2px_rgba(0,_0,_0,_0.12)] rounded-[4px] inline-flex mt-[10px] mx-[10px] mb-[0] [transition:transform_1s,_opacity_1s] flex-shrink-0 max-w-[95vw] bg-[#323232] text-[#fff] text-[14px]
|
|
49
|
-
sm:max-w-65vw z-9500`
|
|
49
|
+
sm:max-w-65vw z-9500 pointer-events-all`
|
|
50
50
|
],
|
|
51
51
|
[
|
|
52
52
|
/^q-notification__icon$/,
|