vitrify 0.17.5 → 0.17.6
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/QAjaxBar.unocss.js +8 -4
- package/dist/plugins/quasar/unocss/components/QAvatar.unocss.js +4 -2
- package/dist/plugins/quasar/unocss/components/QBadge.unocss.js +8 -4
- package/dist/plugins/quasar/unocss/components/QBanner.unocss.js +6 -3
- package/dist/plugins/quasar/unocss/components/QBar.unocss.js +6 -3
- package/dist/plugins/quasar/unocss/components/QBtn.unocss.js +26 -13
- package/dist/plugins/quasar/unocss/components/QBtnDropdown.unocss.js +4 -2
- package/dist/plugins/quasar/unocss/components/QBtnGroup.unocss.js +10 -5
- package/dist/plugins/quasar/unocss/components/QCard.unocss.js +14 -7
- package/dist/plugins/quasar/unocss/components/QCarousel.unocss.js +38 -19
- package/dist/plugins/quasar/unocss/components/QChatMessage.unocss.js +14 -7
- package/dist/plugins/quasar/unocss/components/QCheckbox.unocss.js +16 -8
- package/dist/plugins/quasar/unocss/components/QChip.unocss.js +25 -47
- package/dist/plugins/quasar/unocss/components/QCircularProgress.unocss.js +4 -2
- package/dist/plugins/quasar/unocss/components/QColorPicker.unocss.js +46 -102
- package/dist/plugins/quasar/unocss/components/QDate.unocss.js +54 -27
- package/dist/plugins/quasar/unocss/components/QDialog.unocss.js +24 -12
- package/dist/plugins/quasar/unocss/components/QDrawer.unocss.js +28 -25
- package/dist/plugins/quasar/unocss/components/QEditor.unocss.js +10 -5
- package/dist/plugins/quasar/unocss/components/QExpansionItem.unocss.js +16 -8
- package/dist/plugins/quasar/unocss/components/QFab.unocss.js +46 -23
- package/dist/plugins/quasar/unocss/components/QField.unocss.js +60 -30
- package/dist/plugins/quasar/unocss/components/QFile.unocss.js +6 -3
- package/dist/plugins/quasar/unocss/components/QFooter.unocss.js +4 -2
- package/dist/plugins/quasar/unocss/components/QHeader.unocss.js +4 -2
- package/dist/plugins/quasar/unocss/components/QImg.unocss.js +12 -6
- package/dist/plugins/quasar/unocss/components/QInnerLoading.unocss.js +2 -1
- package/dist/plugins/quasar/unocss/components/QInput.unocss.js +4 -18
- package/dist/plugins/quasar/unocss/components/QItem.unocss.js +32 -16
- package/dist/plugins/quasar/unocss/components/QKnob.unocss.js +5 -6
- package/dist/plugins/quasar/unocss/components/QLayout.unocss.js +6 -3
- package/dist/plugins/quasar/unocss/components/QLinearProgress.unocss.js +23 -12
- package/dist/plugins/quasar/unocss/components/QMenu.unocss.js +4 -2
- package/dist/plugins/quasar/unocss/components/QPageSticky.unocss.js +2 -1
- package/dist/plugins/quasar/unocss/components/QPagination.unocss.js +6 -3
- package/dist/plugins/quasar/unocss/components/QParallax.unocss.js +4 -2
- package/dist/plugins/quasar/unocss/components/QPopupEdit.unocss.js +2 -1
- package/dist/plugins/quasar/unocss/components/QPullToRefresh.unocss.js +4 -2
- package/dist/plugins/quasar/unocss/components/QRadio.unocss.js +29 -15
- package/dist/plugins/quasar/unocss/components/QRating.unocss.js +8 -4
- package/dist/plugins/quasar/unocss/components/QResponsive.unocss.js +4 -2
- package/dist/plugins/quasar/unocss/components/QScrollarea.unocss.js +10 -5
- package/dist/plugins/quasar/unocss/components/QSelect.unocss.js +14 -7
- package/dist/plugins/quasar/unocss/components/QSeparator.unocss.js +9 -5
- package/dist/plugins/quasar/unocss/components/QSkeleton.unocss.js +67 -42
- package/dist/plugins/quasar/unocss/components/QSlideItem.unocss.js +10 -5
- package/dist/plugins/quasar/unocss/components/QSlider.unocss.js +70 -35
- package/dist/plugins/quasar/unocss/components/QSpinner.unocss.js +2 -1
- package/dist/plugins/quasar/unocss/components/QSplitter.unocss.js +18 -16
- package/dist/plugins/quasar/unocss/components/QStepper.unocss.js +54 -38
- package/dist/plugins/quasar/unocss/components/QTable.unocss.js +101 -55
- package/dist/plugins/quasar/unocss/components/QTabs.unocss.js +67 -44
- package/dist/plugins/quasar/unocss/components/QTime.unocss.js +167 -65
- package/dist/plugins/quasar/unocss/components/QTimeline.unocss.js +41 -30
- package/dist/plugins/quasar/unocss/components/QToggle.unocss.js +23 -18
- package/dist/plugins/quasar/unocss/components/QToolbar.unocss.js +4 -2
- package/dist/plugins/quasar/unocss/components/QTooltip.unocss.js +4 -2
- package/dist/plugins/quasar/unocss/components/QTree.unocss.js +54 -27
- package/dist/plugins/quasar/unocss/components/QUploader.unocss.js +37 -25
- package/dist/plugins/quasar/unocss/components/QVideo.unocss.js +4 -2
- package/dist/plugins/quasar/unocss/components/QVirtualScroll.unocss.js +6 -3
- package/dist/plugins/quasar/unocss/core/elevation.unocss.js +59 -56
- package/dist/plugins/quasar/unocss/index.js +2 -2
- package/dist/plugins/quasar/unocss/theme.js +300 -426
- package/dist/types/plugins/quasar/unocss/theme.d.ts +827 -127
- package/package.json +1 -1
- package/src/node/plugins/quasar/unocss/components/QAjaxBar.unocss.ts +12 -4
- package/src/node/plugins/quasar/unocss/components/QAvatar.unocss.ts +2 -0
- package/src/node/plugins/quasar/unocss/components/QBadge.unocss.ts +8 -2
- package/src/node/plugins/quasar/unocss/components/QBanner.unocss.ts +3 -0
- package/src/node/plugins/quasar/unocss/components/QBar.unocss.ts +9 -3
- package/src/node/plugins/quasar/unocss/components/QBtn.unocss.ts +21 -4
- package/src/node/plugins/quasar/unocss/components/QBtnDropdown.unocss.ts +4 -1
- package/src/node/plugins/quasar/unocss/components/QBtnGroup.unocss.ts +5 -0
- package/src/node/plugins/quasar/unocss/components/QCard.unocss.ts +9 -1
- package/src/node/plugins/quasar/unocss/components/QCarousel.unocss.ts +41 -11
- package/src/node/plugins/quasar/unocss/components/QChatMessage.unocss.ts +13 -3
- package/src/node/plugins/quasar/unocss/components/QCheckbox.unocss.ts +10 -1
- package/src/node/plugins/quasar/unocss/components/QChip.unocss.ts +47 -50
- package/src/node/plugins/quasar/unocss/components/QCircularProgress.unocss.ts +2 -0
- package/src/node/plugins/quasar/unocss/components/QColorPicker.unocss.ts +93 -102
- package/src/node/plugins/quasar/unocss/components/QDate.unocss.ts +45 -9
- package/src/node/plugins/quasar/unocss/components/QDialog.unocss.ts +36 -12
- package/src/node/plugins/quasar/unocss/components/QDrawer.unocss.ts +28 -25
- package/src/node/plugins/quasar/unocss/components/QEditor.unocss.ts +15 -5
- package/src/node/plugins/quasar/unocss/components/QExpansionItem.unocss.ts +16 -4
- package/src/node/plugins/quasar/unocss/components/QFab.unocss.ts +35 -6
- package/src/node/plugins/quasar/unocss/components/QField.unocss.ts +38 -4
- package/src/node/plugins/quasar/unocss/components/QFile.unocss.ts +5 -1
- package/src/node/plugins/quasar/unocss/components/QFooter.unocss.ts +4 -1
- package/src/node/plugins/quasar/unocss/components/QHeader.unocss.ts +4 -1
- package/src/node/plugins/quasar/unocss/components/QImg.unocss.ts +12 -3
- package/src/node/plugins/quasar/unocss/components/QInnerLoading.unocss.ts +1 -0
- package/src/node/plugins/quasar/unocss/components/QInput.unocss.ts +4 -24
- package/src/node/plugins/quasar/unocss/components/QItem.unocss.ts +30 -7
- package/src/node/plugins/quasar/unocss/components/QKnob.unocss.ts +5 -9
- package/src/node/plugins/quasar/unocss/components/QLayout.unocss.ts +5 -1
- package/src/node/plugins/quasar/unocss/components/QLinearProgress.unocss.ts +23 -5
- package/src/node/plugins/quasar/unocss/components/QMenu.unocss.ts +2 -0
- package/src/node/plugins/quasar/unocss/components/QPageSticky.unocss.ts +1 -0
- package/src/node/plugins/quasar/unocss/components/QPagination.unocss.ts +3 -0
- package/src/node/plugins/quasar/unocss/components/QParallax.unocss.ts +2 -0
- package/src/node/plugins/quasar/unocss/components/QPopupEdit.unocss.ts +3 -1
- package/src/node/plugins/quasar/unocss/components/QPullToRefresh.unocss.ts +4 -1
- package/src/node/plugins/quasar/unocss/components/QRadio.unocss.ts +31 -15
- package/src/node/plugins/quasar/unocss/components/QRating.unocss.ts +8 -2
- package/src/node/plugins/quasar/unocss/components/QResponsive.unocss.ts +2 -0
- package/src/node/plugins/quasar/unocss/components/QScrollarea.unocss.ts +13 -4
- package/src/node/plugins/quasar/unocss/components/QSelect.unocss.ts +17 -5
- package/src/node/plugins/quasar/unocss/components/QSeparator.unocss.ts +14 -4
- package/src/node/plugins/quasar/unocss/components/QSkeleton.unocss.ts +83 -43
- package/src/node/plugins/quasar/unocss/components/QSlideItem.unocss.ts +5 -0
- package/src/node/plugins/quasar/unocss/components/QSlider.unocss.ts +55 -10
- package/src/node/plugins/quasar/unocss/components/QSpinner.unocss.ts +1 -0
- package/src/node/plugins/quasar/unocss/components/QSplitter.unocss.ts +20 -18
- package/src/node/plugins/quasar/unocss/components/QStepper.unocss.ts +51 -34
- package/src/node/plugins/quasar/unocss/components/QTable.unocss.ts +110 -51
- package/src/node/plugins/quasar/unocss/components/QTabs.unocss.ts +77 -46
- package/src/node/plugins/quasar/unocss/components/QTime.unocss.ts +192 -65
- package/src/node/plugins/quasar/unocss/components/QTimeline.unocss.ts +36 -28
- package/src/node/plugins/quasar/unocss/components/QToggle.unocss.ts +24 -20
- package/src/node/plugins/quasar/unocss/components/QToolbar.unocss.ts +2 -0
- package/src/node/plugins/quasar/unocss/components/QTooltip.unocss.ts +2 -0
- package/src/node/plugins/quasar/unocss/components/QTree.unocss.ts +59 -24
- package/src/node/plugins/quasar/unocss/components/QUploader.unocss.ts +36 -22
- package/src/node/plugins/quasar/unocss/components/QVideo.unocss.ts +2 -0
- package/src/node/plugins/quasar/unocss/components/QVirtualScroll.unocss.ts +3 -0
- package/src/node/plugins/quasar/unocss/core/elevation.unocss.ts +61 -60
- package/src/node/plugins/quasar/unocss/index.ts +2 -2
- package/src/node/plugins/quasar/unocss/theme.ts +1422 -428
|
@@ -1,20 +1,24 @@
|
|
|
1
1
|
const shortcuts = [
|
|
2
2
|
[
|
|
3
3
|
/^q-loading-bar$/,
|
|
4
|
-
([, c], { theme }) =>
|
|
4
|
+
([, c], { theme }) => theme.quasar?.components?.['q-loading-bar'] ??
|
|
5
|
+
`fixed z-9998 transition-transform bg-red`
|
|
5
6
|
],
|
|
6
7
|
[/^q-loading-bar--top$/, ([, c], { theme }) => `left-0 right-0 top-0 w-full`],
|
|
7
8
|
[
|
|
8
9
|
/^q-loading-bar--bottom$/,
|
|
9
|
-
([, c], { theme }) =>
|
|
10
|
+
([, c], { theme }) => theme.quasar?.components?.['q-loading-bar--bottom'] ??
|
|
11
|
+
`left-0 right-0 bottom-0 w-full`
|
|
10
12
|
],
|
|
11
13
|
[
|
|
12
14
|
/^q-loading-bar--right$/,
|
|
13
|
-
([, c], { theme }) =>
|
|
15
|
+
([, c], { theme }) => theme.quasar?.components?.['q-loading-bar--right'] ??
|
|
16
|
+
`top-0 bottom-0 right-0 h-full`
|
|
14
17
|
],
|
|
15
18
|
[
|
|
16
19
|
/^q-loading-bar--left$/,
|
|
17
|
-
([, c], { theme }) =>
|
|
20
|
+
([, c], { theme }) => theme.quasar?.components?.['q-loading-bar--left'] ??
|
|
21
|
+
`top-0 bottom-0 left-0 h-full`
|
|
18
22
|
]
|
|
19
23
|
];
|
|
20
24
|
export { shortcuts };
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
const shortcuts = [
|
|
2
2
|
[
|
|
3
3
|
/^q-avatar$/,
|
|
4
|
-
([, c], { theme }) =>
|
|
4
|
+
([, c], { theme }) => theme.quasar?.components?.['q-avatar'] ??
|
|
5
|
+
`relative align-middle inline-block rounded-[50%] text-[48px] h-[1em] w-[1em] [&_img:not(.q-icon):not(.q-img\\_\\_image)]:([border-radius:inherit] [height:inherit] [width:inherit])`
|
|
5
6
|
],
|
|
6
7
|
[
|
|
7
8
|
/^q-avatar__content$/,
|
|
8
|
-
([, c], { theme }) =>
|
|
9
|
+
([, c], { theme }) => theme.quasar?.components?.['q-avatar__content'] ??
|
|
10
|
+
`text-[0.5em] leading-[0.5em] [border-radius:inherit] [height:inherit] [width:inherit]`
|
|
9
11
|
],
|
|
10
12
|
[/^q-avatar--square$/, ([, c], { theme }) => `rounded-none`]
|
|
11
13
|
];
|
|
@@ -1,21 +1,25 @@
|
|
|
1
1
|
const shortcuts = [
|
|
2
2
|
[
|
|
3
3
|
/^q-badge$/,
|
|
4
|
-
([, c], { theme }) =>
|
|
4
|
+
([, c], { theme }) => theme.quasar?.components?.['q-badge'] ??
|
|
5
|
+
`text-[#fff] bg-primary px-[6px] py-[2px] rounded-[4px] text-[12px] leading-none min-h-[12px] font-normal align-baseline`
|
|
5
6
|
],
|
|
6
7
|
[/^q-badge--single-line$/, ([, c], { theme }) => `whitespace-nowrap`],
|
|
7
8
|
[
|
|
8
9
|
/^q-badge--multi-line$/,
|
|
9
|
-
([, c], { theme }) =>
|
|
10
|
+
([, c], { theme }) => theme.quasar?.components?.['q-badge--multi-line'] ??
|
|
11
|
+
`break-all [word-wrap:break-word]`
|
|
10
12
|
],
|
|
11
13
|
[
|
|
12
14
|
/^q-badge--floating$/,
|
|
13
|
-
([, c], { theme }) =>
|
|
15
|
+
([, c], { theme }) => theme.quasar?.components?.['q-badge--floating'] ??
|
|
16
|
+
`absolute -top-[4px] -right-[3px] [cursor:inherit]`
|
|
14
17
|
],
|
|
15
18
|
[/^q-badge--transparent$/, ([, c], { theme }) => `opacity-80`],
|
|
16
19
|
[
|
|
17
20
|
/^q-badge--outline$/,
|
|
18
|
-
([, c], { theme }) =>
|
|
21
|
+
([, c], { theme }) => theme.quasar?.components?.['q-badge--outline'] ??
|
|
22
|
+
`bg-transparent border-[1px] border-solid border-[currentColor]`
|
|
19
23
|
],
|
|
20
24
|
[/^q-badge--rounded$/, ([, c], { theme }) => `rounded-[1em]`]
|
|
21
25
|
];
|
|
@@ -4,18 +4,21 @@ const shortcuts = [
|
|
|
4
4
|
[/^q-banner--top-padding$/, ([, c], { theme }) => `pt-14px`],
|
|
5
5
|
[
|
|
6
6
|
/^q-banner__avatar$/,
|
|
7
|
-
([, c], { theme }) =>
|
|
7
|
+
([, c], { theme }) => theme.quasar?.components?.['q-banner__avatar'] ??
|
|
8
|
+
`min-w-1px! [&.q-avatar]:(text-46px)
|
|
8
9
|
[&.q-icon]:(text-40px)
|
|
9
10
|
[&:not(:empty)+.q-banner\\_\\_content]:(pl-16px)`
|
|
10
11
|
],
|
|
11
12
|
[
|
|
12
13
|
/^q-banner__actions$/,
|
|
13
|
-
([, c], { theme }) =>
|
|
14
|
+
([, c], { theme }) => theme.quasar?.components?.['q-banner__actions'] ??
|
|
15
|
+
`[&.col-auto]:(pl-16px)
|
|
14
16
|
[&.col-all_.q.btn-item]:(mt-4px mb-0 ml-4px mr-0)`
|
|
15
17
|
],
|
|
16
18
|
[
|
|
17
19
|
/^q-banner--dense$/,
|
|
18
|
-
([, c], { theme }) =>
|
|
20
|
+
([, c], { theme }) => theme.quasar?.components?.['q-banner--dense'] ??
|
|
21
|
+
`min-h-32px p-8px
|
|
19
22
|
[&_.q-banner\\_\\_avatar>.q-avatar,.q-banner--dense_.q-banner\\_\\_avatar>.q-icon]:(text-28px)
|
|
20
23
|
[&_.q-banner\\_\\_avatar:not(:empty)+.q-banner\\_\\_content]:(pl-8px)
|
|
21
24
|
[&_.q-banner\\_\\_actions.col-auto]:(pl-8px)`
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
const shortcuts = [
|
|
2
2
|
[
|
|
3
3
|
/^q-bar$/,
|
|
4
|
-
([, c], { theme }) =>
|
|
4
|
+
([, c], { theme }) => theme.quasar?.components?.['q-bar'] ??
|
|
5
|
+
`bg-black op-20
|
|
5
6
|
[&>.q-icon]:(ml-2px)
|
|
6
7
|
[&>div]:(ml-8px)
|
|
7
8
|
[&>div+.q-icon]:(ml-8px)
|
|
@@ -12,13 +13,15 @@ const shortcuts = [
|
|
|
12
13
|
],
|
|
13
14
|
[
|
|
14
15
|
/^q-bar--standard$/,
|
|
15
|
-
([, c], { theme }) =>
|
|
16
|
+
([, c], { theme }) => theme.quasar?.components?.['q-bar--standard'] ??
|
|
17
|
+
`px-12px py-0 h-32px text-18px
|
|
16
18
|
[&>div]:(text-16px)
|
|
17
19
|
[&_.q-btn]:(text-11px)`
|
|
18
20
|
],
|
|
19
21
|
[
|
|
20
22
|
/^q-bar--dense$/,
|
|
21
|
-
([, c], { theme }) =>
|
|
23
|
+
([, c], { theme }) => theme.quasar?.components?.['q-bar--dense'] ??
|
|
24
|
+
`px-8px py-0 h-24px text-14px
|
|
22
25
|
[&_.q-btn]:(text-8px)`
|
|
23
26
|
],
|
|
24
27
|
[/^q-bar--dark$/, ([, c], { theme }) => `bg-white op-15`]
|
|
@@ -1,62 +1,75 @@
|
|
|
1
1
|
const shortcuts = [
|
|
2
2
|
[
|
|
3
3
|
/^q-btn$/,
|
|
4
|
-
([, c], { theme }) =>
|
|
4
|
+
([, c], { theme }) => theme.quasar?.components?.['q-btn'] ??
|
|
5
|
+
`items-stretch relative outline-0 border-0 align-middle text-[14px] leading-[1.715em] no-underline [color:inherit] bg-transparent font-medium uppercase text-center w-auto h-auto cursor-default px-[16px] py-[4px] min-h-[2.572em] [&_.q-icon]:(text-[1.715em]) [&_.q-spinner]:(text-[1.715em]) [&.disabled]:(!opacity-70) [&:before]:(content-empty block absolute left-[0] right-[0] top-[0] bottom-[0] [border-radius:inherit] [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)])`
|
|
5
6
|
// inline-flex flex-col
|
|
6
7
|
],
|
|
7
8
|
[
|
|
8
9
|
/^q-btn--actionable$/,
|
|
9
|
-
([, c], { theme }) =>
|
|
10
|
+
([, c], { theme }) => theme.quasar?.components?.['q-btn--actionable'] ??
|
|
11
|
+
`cursor-pointer [&.q-btn--standard:before]:([transition:box-shadow_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)]) [&.q-btn--standard:active:before]:([box-shadow:0_3px_5px_-1px_rgba(0,_0,_0,_0.2),_0_5px_8px_rgba(0,_0,_0,_0.14),_0_1px_14px_rgba(0,_0,_0,_0.12)]) [&.q-btn--standard.q-btn--active:before]:([box-shadow:0_3px_5px_-1px_rgba(0,_0,_0,_0.2),_0_5px_8px_rgba(0,_0,_0,_0.14),_0_1px_14px_rgba(0,_0,_0,_0.12)])`
|
|
10
12
|
],
|
|
11
13
|
[/^q-btn--no-uppercase$/, ([, c], { theme }) => `normal-case`],
|
|
12
14
|
[/^q-btn--rectangle$/, ([, c], { theme }) => `rounded-[3px]`],
|
|
13
15
|
[
|
|
14
16
|
/^q-btn--outline$/,
|
|
15
|
-
([, c], { theme }) =>
|
|
17
|
+
([, c], { theme }) => theme.quasar?.components?.['q-btn--outline'] ??
|
|
18
|
+
`!bg-transparent [&:before]:(border-[1px] border-solid border-[currentColor]) [&:before]:([box-shadow:none]) [&_.q-btn\\_\\_progress-indicator]:(opacity-20 bg-current)`
|
|
16
19
|
],
|
|
17
20
|
[
|
|
18
21
|
/^q-btn--push$/,
|
|
19
|
-
([, c], { theme }) =>
|
|
22
|
+
([, c], { theme }) => theme.quasar?.components?.['q-btn--push'] ??
|
|
23
|
+
`rounded-[7px] [&:before]:([border-bottom:3px_solid_rgba(0,_0,_0,_0.15)]) [&.q-btn--actionable]:([transition:transform_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)]) [&.q-btn--actionable:before]:([transition:border-width_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)]) [&.q-btn--actionable:active]:(translate-y-[2px]) [&.q-btn--actionable.q-btn--active]:(translate-y-[2px]) [&.q-btn--actionable:active:before]:(border-b-[0]) [&.q-btn--actionable.q-btn--active:before]:(border-b-[0])`
|
|
20
24
|
],
|
|
21
25
|
[/^q-btn--rounded$/, ([, c], { theme }) => `rounded-[28px]`],
|
|
22
26
|
[
|
|
23
27
|
/^q-btn--round$/,
|
|
24
|
-
([, c], { theme }) =>
|
|
28
|
+
([, c], { theme }) => theme.quasar?.components?.['q-btn--round'] ??
|
|
29
|
+
`rounded-[50%] p-0 min-w-[3em] min-h-[3em]`
|
|
25
30
|
],
|
|
26
31
|
[/^q-btn--square$/, ([, c], { theme }) => `rounded-none`],
|
|
27
32
|
[
|
|
28
33
|
/^q-btn--flat$/,
|
|
29
|
-
([, c], { theme }) =>
|
|
34
|
+
([, c], { theme }) => theme.quasar?.components?.['q-btn--flat'] ??
|
|
35
|
+
`[&:before]:([box-shadow:none]) [&_.q-btn\\_\\_progress-indicator]:(opacity-20 bg-current)`
|
|
30
36
|
],
|
|
31
37
|
[
|
|
32
38
|
/^q-btn--unelevated$/,
|
|
33
|
-
([, c], { theme }) =>
|
|
39
|
+
([, c], { theme }) => theme.quasar?.components?.['q-btn--unelevated'] ??
|
|
40
|
+
`[&:before]:([box-shadow:none])`
|
|
34
41
|
],
|
|
35
42
|
[
|
|
36
43
|
/^q-btn--dense$/,
|
|
37
|
-
([, c], { theme }) =>
|
|
44
|
+
([, c], { theme }) => theme.quasar?.components?.['q-btn--dense'] ??
|
|
45
|
+
`p-[0.285em] min-h-[2em] [&.q-btn--round]:(p-0 min-h-[2.4em] min-w-[2.4em]) [&_.on-left]:(mr-[6px]) [&_.on-right]:(ml-[6px])`
|
|
38
46
|
],
|
|
39
47
|
[
|
|
40
48
|
/^q-btn--fab$/,
|
|
41
|
-
([, c], { theme }) =>
|
|
49
|
+
([, c], { theme }) => theme.quasar?.components?.['q-btn--fab'] ??
|
|
50
|
+
`[&_.q-icon]:(text-[24px]) p-[16px] min-h-[56px] min-w-[56px] [&_.q-icon]:(m-auto)`
|
|
42
51
|
],
|
|
43
52
|
[
|
|
44
53
|
/^q-btn--fab-mini$/,
|
|
45
|
-
([, c], { theme }) =>
|
|
54
|
+
([, c], { theme }) => theme.quasar?.components?.['q-btn--fab-mini'] ??
|
|
55
|
+
`[&_.q-icon]:(text-[24px]) p-[8px] min-h-[40px] min-w-[40px]`
|
|
46
56
|
],
|
|
47
57
|
[/^q-btn__content$/, ([, c], { theme }) => `[transition:opacity_0.3s] z-0`],
|
|
48
58
|
[
|
|
49
59
|
/^q-btn__content--hidden$/,
|
|
50
|
-
([, c], { theme }) =>
|
|
60
|
+
([, c], { theme }) => theme.quasar?.components?.['q-btn__content--hidden'] ??
|
|
61
|
+
`opacity-0 pointer-events-none`
|
|
51
62
|
],
|
|
52
63
|
[/^q-btn__progress$/, ([, c], { theme }) => `[border-radius:inherit] z-0`],
|
|
53
64
|
[
|
|
54
65
|
/^q-btn__progress-indicator$/,
|
|
55
|
-
([, c], { theme }) =>
|
|
66
|
+
([, c], { theme }) => theme.quasar?.components?.['q-btn__progress-indicator'] ??
|
|
67
|
+
`-translate-x-full bg-[rgba(255,_255,_255,_0.25)]`
|
|
56
68
|
],
|
|
57
69
|
[
|
|
58
70
|
/^q-btn__progress--dark$/,
|
|
59
|
-
([, c], { theme }) =>
|
|
71
|
+
([, c], { theme }) => theme.quasar?.components?.['q-btn__progress--dark'] ??
|
|
72
|
+
`[&_.q-btn\\_\\_progress-indicator]:(bg-[rgba(0,_0,_0,_0.2)])`
|
|
60
73
|
]
|
|
61
74
|
];
|
|
62
75
|
export { shortcuts };
|
|
@@ -8,11 +8,13 @@ const shortcuts = [
|
|
|
8
8
|
],
|
|
9
9
|
[
|
|
10
10
|
/^q-btn-dropdown--simple$/,
|
|
11
|
-
([, c], { theme }) =>
|
|
11
|
+
([, c], { theme }) => theme.quasar?.components?.['q-btn-dropdown--simple'] ??
|
|
12
|
+
`[&+.q-btn-dropdown\\_\\_arrow]:(ml-8px)`
|
|
12
13
|
],
|
|
13
14
|
[
|
|
14
15
|
/^q-btn-dropdown__arrow$/,
|
|
15
|
-
([, c], { theme }) =>
|
|
16
|
+
([, c], { theme }) => theme.quasar?.components?.['q-btn-dropdown__arrow'] ??
|
|
17
|
+
`transition-property-transform transition-duration-280`
|
|
16
18
|
],
|
|
17
19
|
[/^q-btn-dropdown--current$/, ([, c], { theme }) => `grow-1`]
|
|
18
20
|
];
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
const shortcuts = [
|
|
2
2
|
[
|
|
3
3
|
/^q-btn-group$/,
|
|
4
|
-
([, c], { theme }) =>
|
|
4
|
+
([, c], { theme }) => theme.quasar?.components?.['q-btn-group'] ??
|
|
5
|
+
`rounded-[3px] [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)] align-middle [&_>_.q-btn-item]:([border-radius:inherit] self-stretch) [&_>_.q-btn-item:before]:([box-shadow:none]) [&_>_.q-btn-item_.q-badge--floating]:(right-0) [&_>_.q-btn-group]:([box-shadow:none]) [&_>_.q-btn-group:first-child_>_.q-btn:first-child]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit]) [&_>_.q-btn-group:last-child_>_.q-btn:last-child]:([border-top-right-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_.q-btn-group:not(:first-child)_>_.q-btn:first-child:before]:([border-left:0]) [&_>_.q-btn-group:not(:last-child)_>_.q-btn:last-child:before]:([border-right:0]) [&_>_.q-btn-item:not(:last-child)]:(rounded-tr-none rounded-br-none) [&_>_.q-btn-item:not(:first-child)]:(rounded-tl-none rounded-bl-none) [&_>_.q-btn-item.q-btn--standard:before]:()`
|
|
5
6
|
],
|
|
6
7
|
[
|
|
7
8
|
/^q-btn-group--push$/,
|
|
8
|
-
([, c], { theme }) =>
|
|
9
|
+
([, c], { theme }) => theme.quasar?.components?.['q-btn-group--push'] ??
|
|
10
|
+
`rounded-[7px] [&_>_.q-btn--push.q-btn--actionable]:(transform-none) [&_>_.q-btn--push.q-btn--actionable_.q-btn\\_\\_content]:([transition:margin-top_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1),_margin-bottom_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)]) [&_>_.q-btn--push.q-btn--actionable:active_.q-btn\\_\\_content]:(mt-[2px] -mb-[2px])
|
|
9
11
|
[&__>_.q-btn--push.q-btn--actionable.q-btn--active__.q-btn\\_\\_content]:(mt-[2px] -mb-[2px])`
|
|
10
12
|
],
|
|
11
13
|
[/^q-btn-group--rounded$/, ([, c], { theme }) => `rounded-[28px]`],
|
|
@@ -13,17 +15,20 @@ const shortcuts = [
|
|
|
13
15
|
[/^q-btn-group--flat$/, ([, c], { theme }) => `[box-shadow:none]`],
|
|
14
16
|
[
|
|
15
17
|
/^q-btn-group--outline$/,
|
|
16
|
-
([, c], { theme }) =>
|
|
18
|
+
([, c], { theme }) => theme.quasar?.components?.['q-btn-group--outline'] ??
|
|
19
|
+
`[box-shadow:none] [&_>_.q-separator]:(hidden) [&_>_.q-btn-item_+_.q-btn-item:before]:([border-left:0]) [&_>_.q-btn-item:not(:last-child):before]:([border-right:0])`
|
|
17
20
|
],
|
|
18
21
|
[/^q-btn-group--unelevated$/, ([, c], { theme }) => `[box-shadow:none]`],
|
|
19
22
|
[/^q-btn-group--stretch$/, ([, c], { theme }) => `self-stretch rounded-none`],
|
|
20
23
|
[
|
|
21
24
|
/^q-btn-group--glossy$/,
|
|
22
|
-
([, c], { theme }) =>
|
|
25
|
+
([, c], { theme }) => theme.quasar?.components?.['q-btn-group--glossy'] ??
|
|
26
|
+
`[&_>_.q-btn-item]:(!bg-[linear-gradient(_to_bottom,_rgba(255,_255,_255,_0.3),_rgba(255,_255,_255,_0)_50%,_rgba(0,_0,_0,_0.12)_51%,_rgba(0,_0,_0,_0.04)_)])`
|
|
23
27
|
],
|
|
24
28
|
[
|
|
25
29
|
/^q-btn-group--spread$/,
|
|
26
|
-
([, c], { theme }) =>
|
|
30
|
+
([, c], { theme }) => theme.quasar?.components?.['q-btn-group--spread'] ??
|
|
31
|
+
`[&_>_.q-btn-group]:(!flex) [&_>_.q-btn-item]:(w-auto min-w-[0] max-w-full flex-[10000_1_0%])
|
|
27
32
|
[&__>_.q-btn-group_>_.q-btn-item:not(.q-btn-dropdown\\_\\_arrow-container)]:(w-auto min-w-[0] max-w-full flex-[10000_1_0%])`
|
|
28
33
|
]
|
|
29
34
|
];
|
|
@@ -1,33 +1,40 @@
|
|
|
1
1
|
const shortcuts = [
|
|
2
2
|
[
|
|
3
3
|
/^q-card$/,
|
|
4
|
-
([, c], { theme }) =>
|
|
4
|
+
([, c], { theme }) => theme.quasar?.components?.['q-card'] ??
|
|
5
|
+
`[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] align-top bg-[#fff] relative [&_>_div:not(.q--avoid-card-border)]:(rounded-tl-none rounded-tr-none rounded-bl-none rounded-br-none) [&_>_img:not(.q--avoid-card-border)]:(rounded-tl-none rounded-tr-none rounded-bl-none rounded-br-none) [&_>_div:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top:0] [border-top-left-radius:inherit] [border-top-right-radius:inherit]) [&_>_img:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top:0] [border-top-left-radius:inherit] [border-top-right-radius:inherit]) [&_>_div:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-bottom:0] [border-bottom-left-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_img:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-bottom:0] [border-bottom-left-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_div:not(.q--avoid-card-border)]:([border-left:0] [border-right:0] [box-shadow:none]) [&_>_img]:(block w-full max-w-full border-[0])`
|
|
5
6
|
],
|
|
6
7
|
[
|
|
7
8
|
/^q-card--bordered$/,
|
|
8
|
-
([, c], { theme }) =>
|
|
9
|
+
([, c], { theme }) => theme.quasar?.components?.['q-card--bordered'] ??
|
|
10
|
+
`border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
|
|
9
11
|
],
|
|
10
12
|
[
|
|
11
13
|
/^q-card--dark$/,
|
|
12
|
-
([, c], { theme }) =>
|
|
14
|
+
([, c], { theme }) => theme.quasar?.components?.['q-card--dark'] ??
|
|
15
|
+
`border-[rgba(255,_255,_255,_0.28)] [box-shadow:0_1px_5px_rgba(255,_255,_255,_0.2),_0_2px_2px_rgba(255,_255,_255,_0.14),_0_3px_1px_-2px_rgba(255,_255,_255,_0.12)]`
|
|
13
16
|
],
|
|
14
17
|
[/^q-card__section$/, ([, c], { theme }) => `relative`],
|
|
15
18
|
[/^q-card__section--vert$/, ([, c], { theme }) => `p-[16px]`],
|
|
16
19
|
[
|
|
17
20
|
/^q-card__section--horiz$/,
|
|
18
|
-
([, c], { theme }) =>
|
|
21
|
+
([, c], { theme }) => theme.quasar?.components?.['q-card__section--horiz'] ??
|
|
22
|
+
`[&_>_div:not(.q--avoid-card-border)]:(rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none) [&_>_img:not(.q--avoid-card-border)]:(rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none) [&_>_div:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit]) [&_>_img:nth-child(1_of_:not(.q--avoid-card-border))]:([border-top-left-radius:inherit] [border-bottom-left-radius:inherit]) [&_>_div:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-top-right-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_img:nth-last-child(1_of_:not(.q--avoid-card-border))]:([border-top-right-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_div:not(.q--avoid-card-border)]:([border-top:0] [border-bottom:0] [box-shadow:none])`
|
|
19
23
|
],
|
|
20
24
|
[
|
|
21
25
|
/^q-card__actions$/,
|
|
22
|
-
([, c], { theme }) =>
|
|
26
|
+
([, c], { theme }) => theme.quasar?.components?.['q-card__actions'] ??
|
|
27
|
+
`p-[8px] items-center [&_.q-btn--rectangle]:(px-[8px] py-[0])`
|
|
23
28
|
],
|
|
24
29
|
[
|
|
25
30
|
/^q-card__actions--horiz$/,
|
|
26
|
-
([, c], { theme }) =>
|
|
31
|
+
([, c], { theme }) => theme.quasar?.components?.['q-card__actions--horiz'] ??
|
|
32
|
+
`[&_>_.q-btn-item_+_.q-btn-item]:(ml-[8px]) [&_>_.q-btn-group_+_.q-btn-item]:(ml-[8px]) [&_>_.q-btn-item_+_.q-btn-group]:(ml-[8px])`
|
|
27
33
|
],
|
|
28
34
|
[
|
|
29
35
|
/^q-card__actions--vert$/,
|
|
30
|
-
([, c], { theme }) =>
|
|
36
|
+
([, c], { theme }) => theme.quasar?.components?.['q-card__actions--vert'] ??
|
|
37
|
+
`[&_>_.q-btn-item.q-btn--round]:(self-center) [&_>_.q-btn-item_+_.q-btn-item]:(mt-[4px]) [&_>_.q-btn-group_+_.q-btn-item]:(mt-[4px]) [&_>_.q-btn-item_+_.q-btn-group]:(mt-[4px]) [&_>_.q-btn-group_>_.q-btn-item]:(flex-grow)`
|
|
31
38
|
]
|
|
32
39
|
];
|
|
33
40
|
export { shortcuts };
|
|
@@ -1,82 +1,101 @@
|
|
|
1
1
|
const shortcuts = [
|
|
2
2
|
[
|
|
3
3
|
/^q-carousel$/,
|
|
4
|
-
([, c], { theme }) =>
|
|
4
|
+
([, c], { theme }) => theme.quasar?.components?.['q-carousel'] ??
|
|
5
|
+
`bg-[#fff] h-[400px] [&_.q-carousel--padding]:(p-[16px]) [&_.q-carousel\\_\\_thumbnail]:(m-[2px] h-[50px] w-auto inline-block cursor-pointer border-[1px] border-solid border-[transparent] rounded-[4px] align-middle opacity-70 [transition:opacity_0.3s]) [&_.q-carousel\\_\\_thumbnail:hover]:(opacity-100) [&_.q-carousel\\_\\_thumbnail--active]:(opacity-100) [&_.q-carousel\\_\\_thumbnail--active]:(border-current cursor-default)`
|
|
5
6
|
],
|
|
6
7
|
[
|
|
7
8
|
/^q-carousel__slide$/,
|
|
8
|
-
([, c], { theme }) =>
|
|
9
|
+
([, c], { theme }) => theme.quasar?.components?.['q-carousel__slide'] ??
|
|
10
|
+
`min-h-full bg-cover bg-[50%] p-[16px]`
|
|
9
11
|
],
|
|
10
12
|
[/^q-carousel__slides-container$/, ([, c], { theme }) => `h-full`],
|
|
11
13
|
[/^q-carousel__control$/, ([, c], { theme }) => `text-[#fff]`],
|
|
12
14
|
[
|
|
13
15
|
/^q-carousel__arrow$/,
|
|
14
|
-
([, c], { theme }) =>
|
|
16
|
+
([, c], { theme }) => theme.quasar?.components?.['q-carousel__arrow'] ??
|
|
17
|
+
`pointer-events-none [&_.q-icon]:(text-[28px]) [&_.q-btn]:()`
|
|
15
18
|
],
|
|
16
19
|
[
|
|
17
20
|
/^q-carousel__prev-arrow--horizontal$/,
|
|
18
|
-
([, c], { theme }) =>
|
|
21
|
+
([, c], { theme }) => theme.quasar?.components?.['q-carousel__prev-arrow--horizontal'] ??
|
|
22
|
+
`top-[16px] bottom-[16px] left-[16px]`
|
|
19
23
|
],
|
|
20
24
|
[
|
|
21
25
|
/^q-carousel__next-arrow--horizontal$/,
|
|
22
|
-
([, c], { theme }) =>
|
|
26
|
+
([, c], { theme }) => theme.quasar?.components?.['q-carousel__next-arrow--horizontal'] ??
|
|
27
|
+
`top-[16px] bottom-[16px] right-[16px]`
|
|
23
28
|
],
|
|
24
29
|
[
|
|
25
30
|
/^q-carousel__prev-arrow--vertical$/,
|
|
26
|
-
([, c], { theme }) =>
|
|
31
|
+
([, c], { theme }) => theme.quasar?.components?.['q-carousel__prev-arrow--vertical'] ??
|
|
32
|
+
`left-[16px] right-[16px] top-[16px]`
|
|
27
33
|
],
|
|
28
34
|
[
|
|
29
35
|
/^q-carousel__next-arrow--vertical$/,
|
|
30
|
-
([, c], { theme }) =>
|
|
36
|
+
([, c], { theme }) => theme.quasar?.components?.['q-carousel__next-arrow--vertical'] ??
|
|
37
|
+
`left-[16px] right-[16px] bottom-[16px]`
|
|
31
38
|
],
|
|
32
39
|
[
|
|
33
40
|
/^q-carousel__navigation--top$/,
|
|
34
|
-
([, c], { theme }) =>
|
|
41
|
+
([, c], { theme }) => theme.quasar?.components?.['q-carousel__navigation--top'] ??
|
|
42
|
+
`left-[16px] right-[16px] overflow-x-auto overflow-y-hidden top-[16px]`
|
|
35
43
|
],
|
|
36
44
|
[
|
|
37
45
|
/^q-carousel__navigation--bottom$/,
|
|
38
|
-
([, c], { theme }) =>
|
|
46
|
+
([, c], { theme }) => theme.quasar?.components?.['q-carousel__navigation--bottom'] ??
|
|
47
|
+
`left-[16px] right-[16px] overflow-x-auto overflow-y-hidden bottom-[16px]`
|
|
39
48
|
],
|
|
40
49
|
[
|
|
41
50
|
/^q-carousel__navigation--left$/,
|
|
42
|
-
([, c], { theme }) =>
|
|
51
|
+
([, c], { theme }) => theme.quasar?.components?.['q-carousel__navigation--left'] ??
|
|
52
|
+
`top-[16px] bottom-[16px] overflow-x-hidden overflow-y-auto [&_>_.q-carousel\\_\\_navigation-inner]:(flex-col) left-[16px]`
|
|
43
53
|
],
|
|
44
54
|
[
|
|
45
55
|
/^q-carousel__navigation--right$/,
|
|
46
|
-
([, c], { theme }) =>
|
|
56
|
+
([, c], { theme }) => theme.quasar?.components?.['q-carousel__navigation--right'] ??
|
|
57
|
+
`top-[16px] bottom-[16px] overflow-x-hidden overflow-y-auto [&_>_.q-carousel\\_\\_navigation-inner]:(flex-col) right-[16px]`
|
|
47
58
|
],
|
|
48
59
|
[/^q-carousel__navigation-inner$/, ([, c], { theme }) => `flex-auto`],
|
|
49
60
|
[
|
|
50
61
|
/^q-carousel__navigation$/,
|
|
51
|
-
([, c], { theme }) =>
|
|
62
|
+
([, c], { theme }) => theme.quasar?.components?.['q-carousel__navigation'] ??
|
|
63
|
+
`[&_.q-btn]:(mx-[4px] my-[6px] p-[5px])`
|
|
52
64
|
],
|
|
53
65
|
[
|
|
54
66
|
/^q-carousel__navigation-icon--inactive$/,
|
|
55
|
-
([, c], { theme }) =>
|
|
67
|
+
([, c], { theme }) => theme.quasar?.components?.['q-carousel__navigation-icon--inactive'] ??
|
|
68
|
+
`opacity-70`
|
|
56
69
|
],
|
|
57
70
|
[
|
|
58
71
|
/^q-carousel--navigation-top$/,
|
|
59
|
-
([, c], { theme }) =>
|
|
72
|
+
([, c], { theme }) => theme.quasar?.components?.['q-carousel--navigation-top'] ??
|
|
73
|
+
`[&_.q-carousel--padding]:(pt-[60px])`
|
|
60
74
|
],
|
|
61
75
|
[
|
|
62
76
|
/^q-carousel--arrows-vertical$/,
|
|
63
|
-
([, c], { theme }) =>
|
|
77
|
+
([, c], { theme }) => theme.quasar?.components?.['q-carousel--arrows-vertical'] ??
|
|
78
|
+
`[&_.q-carousel--padding]:(pt-[60px]) [&_.q-carousel--padding]:(pb-[60px])`
|
|
64
79
|
],
|
|
65
80
|
[
|
|
66
81
|
/^q-carousel--navigation-bottom$/,
|
|
67
|
-
([, c], { theme }) =>
|
|
82
|
+
([, c], { theme }) => theme.quasar?.components?.['q-carousel--navigation-bottom'] ??
|
|
83
|
+
`[&_.q-carousel--padding]:(pb-[60px])`
|
|
68
84
|
],
|
|
69
85
|
[
|
|
70
86
|
/^q-carousel--navigation-left$/,
|
|
71
|
-
([, c], { theme }) =>
|
|
87
|
+
([, c], { theme }) => theme.quasar?.components?.['q-carousel--navigation-left'] ??
|
|
88
|
+
`[&_.q-carousel--padding]:(pl-[60px])`
|
|
72
89
|
],
|
|
73
90
|
[
|
|
74
91
|
/^q-carousel--arrows-horizontal$/,
|
|
75
|
-
([, c], { theme }) =>
|
|
92
|
+
([, c], { theme }) => theme.quasar?.components?.['q-carousel--arrows-horizontal'] ??
|
|
93
|
+
`[&_.q-carousel--padding]:(pl-[60px]) [&_.q-carousel--padding]:(pr-[60px])`
|
|
76
94
|
],
|
|
77
95
|
[
|
|
78
96
|
/^q-carousel--navigation-right$/,
|
|
79
|
-
([, c], { theme }) =>
|
|
97
|
+
([, c], { theme }) => theme.quasar?.components?.['q-carousel--navigation-right'] ??
|
|
98
|
+
`[&_.q-carousel--padding]:(pr-[60px])`
|
|
80
99
|
]
|
|
81
100
|
];
|
|
82
101
|
export { shortcuts };
|
|
@@ -2,24 +2,29 @@ const shortcuts = [
|
|
|
2
2
|
[/^q-message-name$/, ([, c], { theme }) => `text-[small]`],
|
|
3
3
|
[
|
|
4
4
|
/^q-message-label$/,
|
|
5
|
-
([, c], { theme }) =>
|
|
5
|
+
([, c], { theme }) => theme.quasar?.components?.['q-message-label'] ??
|
|
6
|
+
`mx-[0] my-[24px] text-center text-[small]`
|
|
6
7
|
],
|
|
7
8
|
[
|
|
8
9
|
/^q-message-stamp$/,
|
|
9
|
-
([, c], { theme }) =>
|
|
10
|
+
([, c], { theme }) => theme.quasar?.components?.['q-message-stamp'] ??
|
|
11
|
+
`[color:inherit] mt-[4px] opacity-60 hidden text-[small]`
|
|
10
12
|
],
|
|
11
13
|
[
|
|
12
14
|
/^q-message-avatar$/,
|
|
13
|
-
([, c], { theme }) =>
|
|
15
|
+
([, c], { theme }) => theme.quasar?.components?.['q-message-avatar'] ??
|
|
16
|
+
`rounded-[50%] w-[48px] h-[48px] min-w-[48px]`
|
|
14
17
|
],
|
|
15
18
|
[
|
|
16
19
|
/^q-message$/,
|
|
17
|
-
([, c], { theme }) =>
|
|
20
|
+
([, c], { theme }) => theme.quasar?.components?.['q-message'] ??
|
|
21
|
+
`mb-[8px] [&:first-child_.q-message-label]:(mt-0)`
|
|
18
22
|
],
|
|
19
23
|
[/^q-message-avatar--received$/, ([, c], { theme }) => `mr-[8px]`],
|
|
20
24
|
[
|
|
21
25
|
/^q-message-text--received$/,
|
|
22
|
-
([, c], { theme }) =>
|
|
26
|
+
([, c], { theme }) => theme.quasar?.components?.['q-message-text--received'] ??
|
|
27
|
+
`text-[#81c784] rounded-tl-[4px] rounded-br-[4px] rounded-tr-[4px] rounded-bl-[0] [&:last-child:before]:(right-full [border-right:0_solid_transparent] [border-left:8px_solid_transparent] [border-bottom:8px_solid_currentColor])`
|
|
23
28
|
],
|
|
24
29
|
[/^q-message-text-content--received$/, ([, c], { theme }) => `text-[#000]`],
|
|
25
30
|
[/^q-message-name--sent$/, ([, c], { theme }) => `text-right`],
|
|
@@ -27,12 +32,14 @@ const shortcuts = [
|
|
|
27
32
|
[/^q-message-container--sent$/, ([, c], { theme }) => `flex-row-reverse`],
|
|
28
33
|
[
|
|
29
34
|
/^q-message-text--sent$/,
|
|
30
|
-
([, c], { theme }) =>
|
|
35
|
+
([, c], { theme }) => theme.quasar?.components?.['q-message-text--sent'] ??
|
|
36
|
+
`text-[#e0e0e0] rounded-tl-[4px] rounded-br-[0] rounded-tr-[4px] rounded-bl-[4px] [&:last-child:before]:(left-full [border-left:0_solid_transparent] [border-right:8px_solid_transparent] [border-bottom:8px_solid_currentColor])`
|
|
31
37
|
],
|
|
32
38
|
[/^q-message-text-content--sent$/, ([, c], { theme }) => `text-[#000]`],
|
|
33
39
|
[
|
|
34
40
|
/^q-message-text$/,
|
|
35
|
-
([, c], { theme }) =>
|
|
41
|
+
([, c], { theme }) => theme.quasar?.components?.['q-message-text'] ??
|
|
42
|
+
`bg-current p-[8px] leading-[1.2] relative [&_+_.q-message-text]:(mt-[3px]) [&:last-child]:(min-h-[48px]) [&:last-child_.q-message-stamp]:(block) [&:last-child:before]:(content-empty absolute bottom-0 w-[0] h-[0])`
|
|
36
43
|
]
|
|
37
44
|
];
|
|
38
45
|
export { shortcuts };
|
|
@@ -28,38 +28,46 @@ const shortcuts = [
|
|
|
28
28
|
[/^q-checkbox__native$/, ([, c], { theme }) => `w-px h-px`],
|
|
29
29
|
[
|
|
30
30
|
/^q-checkbox__bg$/,
|
|
31
|
-
([, c], { theme }) =>
|
|
31
|
+
([, c], { theme }) => theme.quasar?.components?.['q-checkbox__bg'] ??
|
|
32
|
+
`select-none top-1/4 left-1/4 w-1/2 h-1/2 border-[2px] border-solid border-[currentColor] rounded-[2px] [transition:background_0.22s_cubic-bezier(0,_0,_0.2,_1)_0ms]`
|
|
32
33
|
],
|
|
33
34
|
[/^q-checkbox__icon-container$/, ([, c], { theme }) => `select-none`],
|
|
34
35
|
[/^q-checkbox__icon$/, ([, c], { theme }) => `text-current text-[0.5em]`],
|
|
35
36
|
[/^q-checkbox__svg$/, ([, c], { theme }) => `text-[#fff]`],
|
|
36
37
|
[
|
|
37
38
|
/^q-checkbox__truthy$/,
|
|
38
|
-
([, c], { theme }) =>
|
|
39
|
+
([, c], { theme }) => theme.quasar?.components?.['q-checkbox__truthy'] ??
|
|
40
|
+
`stroke-current stroke-[3.12px]`
|
|
39
41
|
],
|
|
40
42
|
[
|
|
41
43
|
/^q-checkbox__indet$/,
|
|
42
|
-
([, c], { theme }) =>
|
|
44
|
+
([, c], { theme }) => theme.quasar?.components?.['q-checkbox__indet'] ??
|
|
45
|
+
`fill-current origin-[50%_50%] -rotate-[280deg] scale-0`
|
|
43
46
|
],
|
|
44
47
|
[
|
|
45
48
|
/^q-checkbox__inner$/,
|
|
46
|
-
([, c], { theme }) =>
|
|
49
|
+
([, c], { theme }) => theme.quasar?.components?.['q-checkbox__inner'] ??
|
|
50
|
+
`text-[40px] w-[1em] min-w-[1em] h-[1em] outline-0 rounded-[50%] text-[rgba(0,_0,_0,_0.54)]`
|
|
47
51
|
],
|
|
48
52
|
[
|
|
49
53
|
/^q-checkbox__inner--truthy$/,
|
|
50
|
-
([, c], { theme }) =>
|
|
54
|
+
([, c], { theme }) => theme.quasar?.components?.['q-checkbox__inner--truthy'] ??
|
|
55
|
+
`text-primary [&_.q-checkbox\\_\\_bg]:(bg-current) [&_path]:([transition:stroke-dashoffset_0.18s_cubic-bezier(0.4,_0,_0.6,_1)_0ms])`
|
|
51
56
|
],
|
|
52
57
|
[
|
|
53
58
|
/^q-checkbox__inner--indet$/,
|
|
54
|
-
([, c], { theme }) =>
|
|
59
|
+
([, c], { theme }) => theme.quasar?.components?.['q-checkbox__inner--indet'] ??
|
|
60
|
+
`text-primary [&_.q-checkbox\\_\\_bg]:(bg-current) [&_.q-checkbox\\_\\_indet]:(rotate-[0] scale-100 [transition:transform_0.22s_cubic-bezier(0,_0,_0.2,_1)_0ms])`
|
|
55
61
|
],
|
|
56
62
|
[
|
|
57
63
|
/^q-checkbox--dark$/,
|
|
58
|
-
([, c], { theme }) =>
|
|
64
|
+
([, c], { theme }) => theme.quasar?.components?.['q-checkbox--dark'] ??
|
|
65
|
+
`[&_.q-checkbox\\_\\_inner]:(text-[rgba(255,_255,_255,_0.7)]) [&_.q-checkbox\\_\\_inner:before]:(!opacity-[0.32]) [&_.q-checkbox\\_\\_inner--truthy]:(text-primary) [&_.q-checkbox\\_\\_inner--indet]:(text-primary)`
|
|
59
66
|
],
|
|
60
67
|
[
|
|
61
68
|
/^q-checkbox--dense$/,
|
|
62
|
-
([, c], { theme }) =>
|
|
69
|
+
([, c], { theme }) => theme.quasar?.components?.['q-checkbox--dense'] ??
|
|
70
|
+
`[&_.q-checkbox\\_\\_inner]:(w-[0.5em] min-w-[0.5em] h-[0.5em]) [&_.q-checkbox\\_\\_bg]:(left-[5%] top-[5%] w-[90%] h-[90%]) [&_.q-checkbox\\_\\_label]:(pl-[0.5em])`
|
|
63
71
|
]
|
|
64
72
|
];
|
|
65
73
|
export { preflights, shortcuts };
|