vitrify 0.18.4 → 0.19.0

package/src/node/plugins/quasar/unocss/styles/md3/components/QTable.unocss.ts

@@ -0,0 +1,253 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+body.desktop .q-table > tbody > tr:not(.q-tr--no-hover):hover > td:not(.q-td--no-hover):before {
+  content: "";
+}`
+  }
+]
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-markup-table$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-markup-table'] ?? `overflow-auto bg-[#fff]`
+  ],
+
+  [
+    /^q-table$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table'] ??
+      `w-full max-w-full border-separate [border-spacing:0] [&_thead_tr]:(h-[48px]) [&_tbody_td]:(h-[48px]) [&_th]:(font-medium text-[12px] select-none) [&_th.sortable]:(cursor-pointer) [&_th.sortable:hover_.q-table\\_\\_sort-icon]:(opacity-[0.64]) [&_th.sorted_.q-table\\_\\_sort-icon]:(!opacity-[0.86]) [&_th.sort-desc_.q-table\\_\\_sort-icon]:(rotate-180) [&_th]:(px-[16px] py-[7px] [background-color:inherit]) [&_td]:(px-[16px] py-[7px] [background-color:inherit]) [&_thead]:(border-solid border-0) [&_td]:(border-solid border-0) [&_th]:(border-solid border-0) [&_tbody_td]:(text-[13px]) [&_thead]:(border-[rgba(0,_0,_0,_0.12)]) [&_tr]:(border-[rgba(0,_0,_0,_0.12)]) [&_th]:(border-[rgba(0,_0,_0,_0.12)]) [&_td]:(border-[rgba(0,_0,_0,_0.12)]) [&_tbody_td]:(relative) [&_tbody_td:before]:(absolute top-[0] left-[0] right-[0] bottom-[0] pointer-events-none) [&_tbody_td:after]:(absolute top-[0] left-[0] right-[0] bottom-[0] pointer-events-none) [&_tbody_td:before]:(bg-[rgba(0,_0,_0,_0.03)]) [&_tbody_td:after]:(bg-[rgba(0,_0,_0,_0.06)]) [&_tbody_tr.selected_td:after]:(content-['']) [&_.q-virtual-scroll\\_\\_padding_tr]:(!h-[0]) [&_.q-virtual-scroll\\_\\_padding_td]:(!p-0)`
+  ],
+
+  [
+    /^q-table__card$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__card'] ??
+      `text-[#000] bg-[#fff] rounded-[4px] [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)] [&_.q-table\\_\\_middle]:(flex-auto) [&_.q-table\\_\\_top]:(flex-[0_0_auto]) [&_.q-table\\_\\_bottom]:(flex-[0_0_auto])`
+  ],
+
+  [
+    /^q-table__container$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__container'] ??
+      `relative [&_>_div:first-child]:([border-top-left-radius:inherit] [border-top-right-radius:inherit]) [&_>_div:last-child]:([border-bottom-left-radius:inherit] [border-bottom-right-radius:inherit]) [&_>_.q-inner-loading]:([border-radius:inherit!important])`
+  ],
+
+  [
+    /^q-table__top$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__top'] ??
+      `px-[16px] py-[12px] [&_.q-table\\_\\_control]:(flex-wrap)`
+  ],
+
+  [
+    /^q-table__title$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__title'] ??
+      `text-[20px] tracking-[0.005em] font-normal`
+  ],
+
+  [
+    /^q-table__separator$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__separator'] ?? `!min-w-[8px]`
+  ],
+
+  [
+    /^q-table__progress$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__progress'] ??
+      `!h-[0] [&_th]:(!p-0 !border-0) [&_.q-linear-progress]:(absolute bottom-[0])`
+  ],
+
+  [
+    /^q-table__middle$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__middle'] ?? `max-w-full`
+  ],
+
+  [
+    /^q-table__bottom$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__bottom'] ??
+      `min-h-[50px] pl-[16px] pr-[14px] py-[4px] text-[12px] [&_.q-table\\_\\_control]:(min-h-[24px]) [border-top:1px_solid_rgba(0,_0,_0,_0.12)]`
+  ],
+
+  [
+    /^q-table__bottom-nodata-icon$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__bottom-nodata-icon'] ??
+      `text-[200%] mr-[8px]`
+  ],
+
+  [
+    /^q-table__bottom-item$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__bottom-item'] ?? `mr-[16px]`
+  ],
+
+  [
+    /^q-table__control$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__control'] ?? `flex items-center`
+  ],
+
+  [
+    /^q-table__sort-icon$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__sort-icon'] ??
+      `[transition:transform_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)] opacity-0 text-[120%]`
+  ],
+
+  [
+    /^q-table__sort-icon--left$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__sort-icon--left'] ?? `ml-[4px]`
+  ],
+
+  [
+    /^q-table__sort-icon--center$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__sort-icon--center'] ?? `ml-[4px]`
+  ],
+
+  [
+    /^q-table__sort-icon--right$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__sort-icon--right'] ?? `mr-[4px]`
+  ],
+
+  [
+    /^q-table--col-auto-width$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table--col-auto-width'] ?? `w-px`
+  ],
+
+  [
+    /^q-table__card--dark$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__card--dark'] ??
+      `[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)] border-[rgba(255,_255,_255,_0.28)]`
+  ],
+
+  [
+    /^q-table--dark$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table--dark'] ??
+      `[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)] border-[rgba(255,_255,_255,_0.28)] [&_.q-table\\_\\_bottom]:(border-[rgba(255,_255,_255,_0.28)]) [&_thead]:(border-[rgba(255,_255,_255,_0.28)]) [&_tr]:(border-[rgba(255,_255,_255,_0.28)]) [&_th]:(border-[rgba(255,_255,_255,_0.28)]) [&_td]:(border-[rgba(255,_255,_255,_0.28)]) [&_tbody_td:before]:(bg-[rgba(255,_255,_255,_0.07)]) [&_tbody_td:after]:(bg-[rgba(255,_255,_255,_0.1)]) [&.q-table--vertical-separator_.q-table\\_\\_top]:(border-[rgba(255,_255,_255,_0.28)]) [&.q-table--cell-separator_.q-table\\_\\_top]:(border-[rgba(255,_255,_255,_0.28)])`
+  ],
+
+  [
+    /^q-table--flat$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table--flat'] ?? `[box-shadow:none]`
+  ],
+
+  [
+    /^q-table--bordered$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table--bordered'] ??
+      `border-[1px] border-solid border-[rgba(0,0,0,0.12)]`
+  ],
+
+  [
+    /^q-table--square$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table--square'] ?? `rounded-none`
+  ],
+
+  [
+    /^q-table__linear-progress$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__linear-progress'] ?? `h-[2px]`
+  ],
+
+  [
+    /^q-table--no-wrap$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table--no-wrap'] ??
+      `[&_th]:(whitespace-nowrap) [&_td]:(whitespace-nowrap)`
+  ],
+
+  [
+    /^q-table--grid$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table--grid'] ??
+      `[box-shadow:none] rounded-[4px] [&_.q-table\\_\\_top]:(pb-[4px]) [&_.q-table\\_\\_middle]:(min-h-[2px] mb-[4px]) [&_.q-table\\_\\_middle_thead]:(!border-0) [&_.q-table\\_\\_middle_thead_th]:(!border-0) [&_.q-table\\_\\_linear-progress]:(bottom-[0]) [&_.q-table\\_\\_bottom]:([border-top:0]) [&_.q-table\\_\\_grid-content]:(flex-auto) [&.fullscreen]:([background:inherit])`
+  ],
+
+  [
+    /^q-table__grid-item-card$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__grid-item-card'] ??
+      `align-top p-[12px] [&_.q-separator]:(mx-[0] my-[12px])`
+  ],
+
+  [
+    /^q-table__grid-item-row$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__grid-item-row'] ??
+      `[&_+_.q-table\\_\\_grid-item-row]:(mt-[8px])`
+  ],
+
+  [
+    /^q-table__grid-item-title$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__grid-item-title'] ??
+      `opacity-[0.54] font-medium text-[12px]`
+  ],
+
+  [
+    /^q-table__grid-item-value$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__grid-item-value'] ?? `text-[13px]`
+  ],
+
+  [
+    /^q-table__grid-item$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__grid-item'] ??
+      `p-[4px] [transition:transform_0.3s_cubic-bezier(0.25,_0.8,_0.5,_1)]`
+  ],
+
+  [
+    /^q-table__grid-item--selected$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table__grid-item--selected'] ??
+      `scale-[0.95]`
+  ],
+
+  [
+    /^q-table--horizontal-separator$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table--horizontal-separator'] ??
+      `[&_thead_th]:(border-b) [&_tbody_tr:not(:last-child)_>_td]:(border-b)`
+  ],
+
+  [
+    /^q-table--cell-separator$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table--cell-separator'] ??
+      `[&_thead_th]:(border-b) [&_tbody_tr:not(:last-child)_>_td]:(border-b) [&_td]:(border-l) [&_th]:(border-l) [&_thead_tr:last-child_th]:(border-b) [&.q-table--loading_tr:nth-last-child(2)_th]:(border-b) [&_td:first-child]:([border-left:0]) [&_th:first-child]:([border-left:0]) [&_.q-table\\_\\_top]:([border-bottom:1px_solid_rgba(0,_0,_0,_0.12)])`
+  ],
+
+  [
+    /^q-table--vertical-separator$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table--vertical-separator'] ??
+      `[&_td]:(border-l) [&_th]:(border-l) [&_thead_tr:last-child_th]:(border-b) [&.q-table--loading_tr:nth-last-child(2)_th]:(border-b) [&_td:first-child]:([border-left:0]) [&_th:first-child]:([border-left:0]) [&_.q-table\\_\\_top]:([border-bottom:1px_solid_rgba(0,_0,_0,_0.12)])`
+  ],
+
+  [
+    /^q-table--dense$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-table--dense'] ??
+      `[&_.q-table\\_\\_top]:(px-[16px] py-[6px]) [&_.q-table\\_\\_bottom]:(min-h-[33px]) [&_.q-table\\_\\_sort-icon]:(text-[110%]) [&_.q-table_th]:(px-[8px] py-[4px]) [&_.q-table_td]:(px-[8px] py-[4px]) [&_.q-table_thead_tr]:(h-[28px]) [&_.q-table_tbody_tr]:(h-[28px]) [&_.q-table_tbody_td]:(h-[28px]) [&_.q-table_th:first-child]:(pl-[16px]) [&_.q-table_td:first-child]:(pl-[16px]) [&_.q-table_th:last-child]:(pr-[16px]) [&_.q-table_td:last-child]:(pr-[16px]) [&_.q-table\\_\\_bottom-item]:(mr-[8px]) [&_.q-table\\_\\_select_.q-field\\_\\_control]:(min-h-[24px] p-0) [&_.q-table\\_\\_select_.q-field\\_\\_native]:(min-h-[24px] p-0) [&_.q-table\\_\\_select_.q-field\\_\\_marginal]:(h-[24px])`
+  ]
+]
+
+export { preflights, shortcuts }

package/src/node/plugins/quasar/unocss/styles/md3/components/QTabs.unocss.ts

@@ -0,0 +1,170 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-tab$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tab'] ??
+      `px-[16px] py-[0] min-h-[48px] [transition:color_0.3s,_background-color_0.3s] uppercase whitespace-nowrap [color:inherit] no-underline [&_.q-badge]:(top-[3px] -right-[12px])`
+  ],
+
+  [
+    /^q-tab--full$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tab--full'] ?? `min-h-[72px]`
+  ],
+
+  [
+    /^q-tab--no-caps$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tab--no-caps'] ?? `normal-case`
+  ],
+
+  [
+    /^q-tab__content$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tab__content'] ??
+      `[height:inherit] px-[0] py-[4px] min-w-[40px] [&_.q-chip--floating]:(top-[0] -right-[16px])`
+  ],
+
+  [
+    /^q-tab__content--inline$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tab__content--inline'] ??
+      `[&_.q-tab\\_\\_icon_+_.q-tab\\_\\_label]:(pl-[8px])`
+  ],
+
+  [
+    /^q-tab__icon$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tab__icon'] ??
+      `w-[24px] h-[24px] text-[24px]`
+  ],
+
+  [
+    /^q-tab__label$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tab__label'] ??
+      `text-[14px] leading-[1.715em] font-medium`
+  ],
+
+  [
+    /^q-tab__alert$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tab__alert'] ??
+      `absolute top-[7px] -right-[9px] h-[10px] w-[10px] rounded-[50%] bg-current`
+  ],
+
+  [
+    /^q-tab__alert-icon$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tab__alert-icon'] ??
+      `absolute top-[2px] -right-[12px] text-[18px]`
+  ],
+
+  [
+    /^q-tab__indicator$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tab__indicator'] ??
+      `!relative opacity-0 h-[2px] bg-current`
+  ],
+
+  [
+    /^q-tab--active$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tab--active'] ??
+      `[&_.q-tab\\_\\_indicator]:(opacity-100 origin-left)`
+  ],
+
+  [
+    /^q-tab--inactive$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tab--inactive'] ?? `opacity-[0.85]`
+  ],
+
+  [
+    /^q-tabs$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tabs'] ??
+      `!flex-initial relative [transition:color_0.3s,_background-color_0.3s]`
+  ],
+
+  [
+    /^q-tabs--scrollable$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tabs--scrollable'] ??
+      `[&.q-tabs__arrows--outside.q-tabs--horizontal]:(pl-[36px] pr-[36px]) [&.q-tabs__arrows--outside.q-tabs--vertical]:(pt-[36px] pb-[36px]) [&.q-tabs__arrows--outside_.q-tabs\\_\\_arrow--faded]:(opacity-30 pointer-events-none) [&.q-tabs__arrows--inside_.q-tabs\\_\\_arrow--faded]:(hidden)`
+  ],
+
+  [
+    /^q-tabs--not-scrollable$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tabs--not-scrollable'] ??
+      `[&.q-tabs__arrows--outside]:(pl-0 pr-0) [&_.q-tabs\\_\\_arrow]:(!hidden) [&_.q-tabs\\_\\_content]:([border-radius:inherit])`
+  ],
+
+  [
+    /^q-tabs__arrow$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tabs__arrow'] ??
+      `cursor-pointer text-[32px] min-w-[36px] [text-shadow:0_0_3px_#fff,_0_0_1px_#fff,_0_0_1px_#000] [transition:opacity_0.3s]`
+  ],
+
+  [
+    /^q-tabs__content$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tabs__content'] ??
+      `overflow-hidden flex-auto`
+  ],
+
+  [
+    /^q-tabs__content--align-center$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tabs__content--align-center'] ??
+      `justify-center`
+  ],
+
+  [
+    /^q-tabs__content--align-right$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tabs__content--align-right'] ??
+      `justify-end`
+  ],
+
+  [
+    /^q-tabs__content--align-justify$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tabs__content--align-justify'] ??
+      `[&_.q-tab]:(flex-auto)`
+  ],
+
+  [
+    /^q-tabs__offset$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tabs__offset'] ?? `hidden`
+  ],
+
+  [
+    /^q-tabs--horizontal$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tabs--horizontal'] ??
+      `[&_.q-tabs\\_\\_arrow]:(h-full) [&_.q-tabs\\_\\_arrow--left]:(top-[0] left-[0] bottom-[0]) [&_.q-tabs\\_\\_arrow--right]:(top-[0] right-[0] bottom-[0])`
+  ],
+
+  [
+    /^q-tabs--vertical$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tabs--vertical'] ??
+      `!block h-full [&_.q-tabs\\_\\_content]:(!block h-full) [&_.q-tabs\\_\\_arrow]:(w-full h-[36px] text-center) [&_.q-tabs\\_\\_arrow--left]:(top-[0] left-[0] right-[0]) [&_.q-tabs\\_\\_arrow--right]:(left-[0] right-[0] bottom-[0]) [&_.q-tab]:(px-[8px] py-[0]) [&_.q-tab\\_\\_indicator]:(h-[unset] w-[2px]) [&.q-tabs--not-scrollable_.q-tabs\\_\\_content]:(h-full) [&.q-tabs--dense_.q-tab\\_\\_content]:(min-w-[24px])`
+  ],
+
+  [
+    /^q-tabs--dense$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-tabs--dense'] ??
+      `[&_.q-tab]:(min-h-[36px]) [&_.q-tab--full]:(min-h-[52px])`
+  ]
+]
+
+export { shortcuts }