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.
Files changed (130) hide show
  1. package/dist/plugins/quasar/unocss/components/QAjaxBar.unocss.js +8 -4
  2. package/dist/plugins/quasar/unocss/components/QAvatar.unocss.js +4 -2
  3. package/dist/plugins/quasar/unocss/components/QBadge.unocss.js +8 -4
  4. package/dist/plugins/quasar/unocss/components/QBanner.unocss.js +6 -3
  5. package/dist/plugins/quasar/unocss/components/QBar.unocss.js +6 -3
  6. package/dist/plugins/quasar/unocss/components/QBtn.unocss.js +26 -13
  7. package/dist/plugins/quasar/unocss/components/QBtnDropdown.unocss.js +4 -2
  8. package/dist/plugins/quasar/unocss/components/QBtnGroup.unocss.js +10 -5
  9. package/dist/plugins/quasar/unocss/components/QCard.unocss.js +14 -7
  10. package/dist/plugins/quasar/unocss/components/QCarousel.unocss.js +38 -19
  11. package/dist/plugins/quasar/unocss/components/QChatMessage.unocss.js +14 -7
  12. package/dist/plugins/quasar/unocss/components/QCheckbox.unocss.js +16 -8
  13. package/dist/plugins/quasar/unocss/components/QChip.unocss.js +25 -47
  14. package/dist/plugins/quasar/unocss/components/QCircularProgress.unocss.js +4 -2
  15. package/dist/plugins/quasar/unocss/components/QColorPicker.unocss.js +46 -102
  16. package/dist/plugins/quasar/unocss/components/QDate.unocss.js +54 -27
  17. package/dist/plugins/quasar/unocss/components/QDialog.unocss.js +24 -12
  18. package/dist/plugins/quasar/unocss/components/QDrawer.unocss.js +28 -25
  19. package/dist/plugins/quasar/unocss/components/QEditor.unocss.js +10 -5
  20. package/dist/plugins/quasar/unocss/components/QExpansionItem.unocss.js +16 -8
  21. package/dist/plugins/quasar/unocss/components/QFab.unocss.js +46 -23
  22. package/dist/plugins/quasar/unocss/components/QField.unocss.js +60 -30
  23. package/dist/plugins/quasar/unocss/components/QFile.unocss.js +6 -3
  24. package/dist/plugins/quasar/unocss/components/QFooter.unocss.js +4 -2
  25. package/dist/plugins/quasar/unocss/components/QHeader.unocss.js +4 -2
  26. package/dist/plugins/quasar/unocss/components/QImg.unocss.js +12 -6
  27. package/dist/plugins/quasar/unocss/components/QInnerLoading.unocss.js +2 -1
  28. package/dist/plugins/quasar/unocss/components/QInput.unocss.js +4 -18
  29. package/dist/plugins/quasar/unocss/components/QItem.unocss.js +32 -16
  30. package/dist/plugins/quasar/unocss/components/QKnob.unocss.js +5 -6
  31. package/dist/plugins/quasar/unocss/components/QLayout.unocss.js +6 -3
  32. package/dist/plugins/quasar/unocss/components/QLinearProgress.unocss.js +23 -12
  33. package/dist/plugins/quasar/unocss/components/QMenu.unocss.js +4 -2
  34. package/dist/plugins/quasar/unocss/components/QPageSticky.unocss.js +2 -1
  35. package/dist/plugins/quasar/unocss/components/QPagination.unocss.js +6 -3
  36. package/dist/plugins/quasar/unocss/components/QParallax.unocss.js +4 -2
  37. package/dist/plugins/quasar/unocss/components/QPopupEdit.unocss.js +2 -1
  38. package/dist/plugins/quasar/unocss/components/QPullToRefresh.unocss.js +4 -2
  39. package/dist/plugins/quasar/unocss/components/QRadio.unocss.js +29 -15
  40. package/dist/plugins/quasar/unocss/components/QRating.unocss.js +8 -4
  41. package/dist/plugins/quasar/unocss/components/QResponsive.unocss.js +4 -2
  42. package/dist/plugins/quasar/unocss/components/QScrollarea.unocss.js +10 -5
  43. package/dist/plugins/quasar/unocss/components/QSelect.unocss.js +14 -7
  44. package/dist/plugins/quasar/unocss/components/QSeparator.unocss.js +9 -5
  45. package/dist/plugins/quasar/unocss/components/QSkeleton.unocss.js +67 -42
  46. package/dist/plugins/quasar/unocss/components/QSlideItem.unocss.js +10 -5
  47. package/dist/plugins/quasar/unocss/components/QSlider.unocss.js +70 -35
  48. package/dist/plugins/quasar/unocss/components/QSpinner.unocss.js +2 -1
  49. package/dist/plugins/quasar/unocss/components/QSplitter.unocss.js +18 -16
  50. package/dist/plugins/quasar/unocss/components/QStepper.unocss.js +54 -38
  51. package/dist/plugins/quasar/unocss/components/QTable.unocss.js +101 -55
  52. package/dist/plugins/quasar/unocss/components/QTabs.unocss.js +67 -44
  53. package/dist/plugins/quasar/unocss/components/QTime.unocss.js +167 -65
  54. package/dist/plugins/quasar/unocss/components/QTimeline.unocss.js +41 -30
  55. package/dist/plugins/quasar/unocss/components/QToggle.unocss.js +23 -18
  56. package/dist/plugins/quasar/unocss/components/QToolbar.unocss.js +4 -2
  57. package/dist/plugins/quasar/unocss/components/QTooltip.unocss.js +4 -2
  58. package/dist/plugins/quasar/unocss/components/QTree.unocss.js +54 -27
  59. package/dist/plugins/quasar/unocss/components/QUploader.unocss.js +37 -25
  60. package/dist/plugins/quasar/unocss/components/QVideo.unocss.js +4 -2
  61. package/dist/plugins/quasar/unocss/components/QVirtualScroll.unocss.js +6 -3
  62. package/dist/plugins/quasar/unocss/core/elevation.unocss.js +59 -56
  63. package/dist/plugins/quasar/unocss/index.js +2 -2
  64. package/dist/plugins/quasar/unocss/theme.js +300 -426
  65. package/dist/types/plugins/quasar/unocss/theme.d.ts +827 -127
  66. package/package.json +1 -1
  67. package/src/node/plugins/quasar/unocss/components/QAjaxBar.unocss.ts +12 -4
  68. package/src/node/plugins/quasar/unocss/components/QAvatar.unocss.ts +2 -0
  69. package/src/node/plugins/quasar/unocss/components/QBadge.unocss.ts +8 -2
  70. package/src/node/plugins/quasar/unocss/components/QBanner.unocss.ts +3 -0
  71. package/src/node/plugins/quasar/unocss/components/QBar.unocss.ts +9 -3
  72. package/src/node/plugins/quasar/unocss/components/QBtn.unocss.ts +21 -4
  73. package/src/node/plugins/quasar/unocss/components/QBtnDropdown.unocss.ts +4 -1
  74. package/src/node/plugins/quasar/unocss/components/QBtnGroup.unocss.ts +5 -0
  75. package/src/node/plugins/quasar/unocss/components/QCard.unocss.ts +9 -1
  76. package/src/node/plugins/quasar/unocss/components/QCarousel.unocss.ts +41 -11
  77. package/src/node/plugins/quasar/unocss/components/QChatMessage.unocss.ts +13 -3
  78. package/src/node/plugins/quasar/unocss/components/QCheckbox.unocss.ts +10 -1
  79. package/src/node/plugins/quasar/unocss/components/QChip.unocss.ts +47 -50
  80. package/src/node/plugins/quasar/unocss/components/QCircularProgress.unocss.ts +2 -0
  81. package/src/node/plugins/quasar/unocss/components/QColorPicker.unocss.ts +93 -102
  82. package/src/node/plugins/quasar/unocss/components/QDate.unocss.ts +45 -9
  83. package/src/node/plugins/quasar/unocss/components/QDialog.unocss.ts +36 -12
  84. package/src/node/plugins/quasar/unocss/components/QDrawer.unocss.ts +28 -25
  85. package/src/node/plugins/quasar/unocss/components/QEditor.unocss.ts +15 -5
  86. package/src/node/plugins/quasar/unocss/components/QExpansionItem.unocss.ts +16 -4
  87. package/src/node/plugins/quasar/unocss/components/QFab.unocss.ts +35 -6
  88. package/src/node/plugins/quasar/unocss/components/QField.unocss.ts +38 -4
  89. package/src/node/plugins/quasar/unocss/components/QFile.unocss.ts +5 -1
  90. package/src/node/plugins/quasar/unocss/components/QFooter.unocss.ts +4 -1
  91. package/src/node/plugins/quasar/unocss/components/QHeader.unocss.ts +4 -1
  92. package/src/node/plugins/quasar/unocss/components/QImg.unocss.ts +12 -3
  93. package/src/node/plugins/quasar/unocss/components/QInnerLoading.unocss.ts +1 -0
  94. package/src/node/plugins/quasar/unocss/components/QInput.unocss.ts +4 -24
  95. package/src/node/plugins/quasar/unocss/components/QItem.unocss.ts +30 -7
  96. package/src/node/plugins/quasar/unocss/components/QKnob.unocss.ts +5 -9
  97. package/src/node/plugins/quasar/unocss/components/QLayout.unocss.ts +5 -1
  98. package/src/node/plugins/quasar/unocss/components/QLinearProgress.unocss.ts +23 -5
  99. package/src/node/plugins/quasar/unocss/components/QMenu.unocss.ts +2 -0
  100. package/src/node/plugins/quasar/unocss/components/QPageSticky.unocss.ts +1 -0
  101. package/src/node/plugins/quasar/unocss/components/QPagination.unocss.ts +3 -0
  102. package/src/node/plugins/quasar/unocss/components/QParallax.unocss.ts +2 -0
  103. package/src/node/plugins/quasar/unocss/components/QPopupEdit.unocss.ts +3 -1
  104. package/src/node/plugins/quasar/unocss/components/QPullToRefresh.unocss.ts +4 -1
  105. package/src/node/plugins/quasar/unocss/components/QRadio.unocss.ts +31 -15
  106. package/src/node/plugins/quasar/unocss/components/QRating.unocss.ts +8 -2
  107. package/src/node/plugins/quasar/unocss/components/QResponsive.unocss.ts +2 -0
  108. package/src/node/plugins/quasar/unocss/components/QScrollarea.unocss.ts +13 -4
  109. package/src/node/plugins/quasar/unocss/components/QSelect.unocss.ts +17 -5
  110. package/src/node/plugins/quasar/unocss/components/QSeparator.unocss.ts +14 -4
  111. package/src/node/plugins/quasar/unocss/components/QSkeleton.unocss.ts +83 -43
  112. package/src/node/plugins/quasar/unocss/components/QSlideItem.unocss.ts +5 -0
  113. package/src/node/plugins/quasar/unocss/components/QSlider.unocss.ts +55 -10
  114. package/src/node/plugins/quasar/unocss/components/QSpinner.unocss.ts +1 -0
  115. package/src/node/plugins/quasar/unocss/components/QSplitter.unocss.ts +20 -18
  116. package/src/node/plugins/quasar/unocss/components/QStepper.unocss.ts +51 -34
  117. package/src/node/plugins/quasar/unocss/components/QTable.unocss.ts +110 -51
  118. package/src/node/plugins/quasar/unocss/components/QTabs.unocss.ts +77 -46
  119. package/src/node/plugins/quasar/unocss/components/QTime.unocss.ts +192 -65
  120. package/src/node/plugins/quasar/unocss/components/QTimeline.unocss.ts +36 -28
  121. package/src/node/plugins/quasar/unocss/components/QToggle.unocss.ts +24 -20
  122. package/src/node/plugins/quasar/unocss/components/QToolbar.unocss.ts +2 -0
  123. package/src/node/plugins/quasar/unocss/components/QTooltip.unocss.ts +2 -0
  124. package/src/node/plugins/quasar/unocss/components/QTree.unocss.ts +59 -24
  125. package/src/node/plugins/quasar/unocss/components/QUploader.unocss.ts +36 -22
  126. package/src/node/plugins/quasar/unocss/components/QVideo.unocss.ts +2 -0
  127. package/src/node/plugins/quasar/unocss/components/QVirtualScroll.unocss.ts +3 -0
  128. package/src/node/plugins/quasar/unocss/core/elevation.unocss.ts +61 -60
  129. package/src/node/plugins/quasar/unocss/index.ts +2 -2
  130. 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 }) => `fixed z-9998 transition-transform bg-red`
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 }) => `left-0 right-0 bottom-0 w-full`
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 }) => `top-0 bottom-0 right-0 h-full`
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 }) => `top-0 bottom-0 left-0 h-full`
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 }) => `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])`
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 }) => `text-[0.5em] leading-[0.5em] [border-radius:inherit] [height:inherit] [width:inherit]`
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 }) => `text-[#fff] bg-primary px-[6px] py-[2px] rounded-[4px] text-[12px] leading-none min-h-[12px] font-normal align-baseline`
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 }) => `break-all [word-wrap:break-word]`
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 }) => `absolute -top-[4px] -right-[3px] [cursor:inherit]`
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 }) => `bg-transparent border-[1px] border-solid border-[currentColor]`
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 }) => `min-w-1px! [&.q-avatar]:(text-46px)
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 }) => `[&.col-auto]:(pl-16px)
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 }) => `min-h-32px p-8px
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 }) => `bg-black op-20
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 }) => `px-12px py-0 h-32px text-18px
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 }) => `px-8px py-0 h-24px text-14px
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 }) => `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)])`
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 }) => `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
+ ([, 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 }) => `!bg-transparent [&:before]:(border-[1px] border-solid border-[currentColor]) [&:before]:([box-shadow:none]) [&_.q-btn\\_\\_progress-indicator]:(opacity-20 bg-current)`
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 }) => `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])`
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 }) => `rounded-[50%] p-0 min-w-[3em] min-h-[3em]`
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 }) => `[&:before]:([box-shadow:none]) [&_.q-btn\\_\\_progress-indicator]:(opacity-20 bg-current)`
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 }) => `[&:before]:([box-shadow:none])`
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 }) => `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])`
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 }) => `[&_.q-icon]:(text-[24px]) p-[16px] min-h-[56px] min-w-[56px] [&_.q-icon]:(m-auto)`
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 }) => `[&_.q-icon]:(text-[24px]) p-[8px] min-h-[40px] min-w-[40px]`
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 }) => `opacity-0 pointer-events-none`
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 }) => `-translate-x-full bg-[rgba(255,_255,_255,_0.25)]`
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 }) => `[&_.q-btn\\_\\_progress-indicator]:(bg-[rgba(0,_0,_0,_0.2)])`
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 }) => `[&+.q-btn-dropdown\\_\\_arrow]:(ml-8px)`
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 }) => `transition-property-transform transition-duration-280`
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 }) => `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]:()`
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 }) => `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
+ ([, 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 }) => `[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])`
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 }) => `[&_>_.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)_)])`
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 }) => `[&_>_.q-btn-group]:(!flex) [&_>_.q-btn-item]:(w-auto min-w-[0] max-w-full flex-[10000_1_0%])
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 }) => `[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])`
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 }) => `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
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 }) => `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)]`
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 }) => `[&_>_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])`
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 }) => `p-[8px] items-center [&_.q-btn--rectangle]:(px-[8px] py-[0])`
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 }) => `[&_>_.q-btn-item_+_.q-btn-item]:(ml-[8px]) [&_>_.q-btn-group_+_.q-btn-item]:(ml-[8px]) [&_>_.q-btn-item_+_.q-btn-group]:(ml-[8px])`
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 }) => `[&_>_.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)`
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 }) => `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)`
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 }) => `min-h-full bg-cover bg-[50%] p-[16px]`
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 }) => `pointer-events-none [&_.q-icon]:(text-[28px]) [&_.q-btn]:()`
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 }) => `top-[16px] bottom-[16px] left-[16px]`
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 }) => `top-[16px] bottom-[16px] right-[16px]`
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 }) => `left-[16px] right-[16px] top-[16px]`
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 }) => `left-[16px] right-[16px] bottom-[16px]`
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 }) => `left-[16px] right-[16px] overflow-x-auto overflow-y-hidden top-[16px]`
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 }) => `left-[16px] right-[16px] overflow-x-auto overflow-y-hidden bottom-[16px]`
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 }) => `top-[16px] bottom-[16px] overflow-x-hidden overflow-y-auto [&_>_.q-carousel\\_\\_navigation-inner]:(flex-col) left-[16px]`
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 }) => `top-[16px] bottom-[16px] overflow-x-hidden overflow-y-auto [&_>_.q-carousel\\_\\_navigation-inner]:(flex-col) right-[16px]`
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 }) => `[&_.q-btn]:(mx-[4px] my-[6px] p-[5px])`
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 }) => `opacity-70`
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 }) => `[&_.q-carousel--padding]:(pt-[60px])`
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 }) => `[&_.q-carousel--padding]:(pt-[60px]) [&_.q-carousel--padding]:(pb-[60px])`
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 }) => `[&_.q-carousel--padding]:(pb-[60px])`
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 }) => `[&_.q-carousel--padding]:(pl-[60px])`
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 }) => `[&_.q-carousel--padding]:(pl-[60px]) [&_.q-carousel--padding]:(pr-[60px])`
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 }) => `[&_.q-carousel--padding]:(pr-[60px])`
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 }) => `mx-[0] my-[24px] text-center text-[small]`
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 }) => `[color:inherit] mt-[4px] opacity-60 hidden text-[small]`
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 }) => `rounded-[50%] w-[48px] h-[48px] min-w-[48px]`
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 }) => `mb-[8px] [&:first-child_.q-message-label]:(mt-0)`
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 }) => `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])`
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 }) => `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])`
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 }) => `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])`
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 }) => `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]`
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 }) => `stroke-current stroke-[3.12px]`
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 }) => `fill-current origin-[50%_50%] -rotate-[280deg] scale-0`
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 }) => `text-[40px] w-[1em] min-w-[1em] h-[1em] outline-0 rounded-[50%] text-[rgba(0,_0,_0,_0.54)]`
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 }) => `text-primary [&_.q-checkbox\\_\\_bg]:(bg-current) [&_path]:([transition:stroke-dashoffset_0.18s_cubic-bezier(0.4,_0,_0.6,_1)_0ms])`
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 }) => `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])`
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 }) => `[&_.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)`
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 }) => `[&_.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])`
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 };