vitrify 0.18.4 → 0.19.0

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

@@ -0,0 +1,95 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^q-editor$/,
+    (
+      [, c],
+      { theme }
+    ) => `border-solid border border-1px border-op-12 border-color-black border-rd-4px bg-white
+    [&>div:first-child]:(rounded-tl-[inherit] rounded-tr-[inherit])
+    [&_.q_btn]:(m-4px)
+    `
+  ],
+  [/^q-editor.disabled$/, ([, c], { theme }) => `border-dashed`],
+  [
+    /^q-editor__toolbars-container$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-editor__toolbars-container'] ??
+      `rounded-tl-[inherit] rounded-tr-[inherit]
+    [&>div:first-child]:(rounded-tl-[inherit] rounded-tr-[inherit])`
+  ],
+  [
+    /^q-editor__content$/,
+    (
+      [, c],
+      { theme }
+    ) => `outline-0 p-10px min-h-10em border-b-inherit border-b-inherit overflow-auto max-w-full
+      [&_pre]:(whitespace-pre-wrap)
+      [&_hr]:(border-none outline-0 m-1px h-1px bg-black bg-op-12)
+      [&:empty:not(:focus):before]:(content-[attr(placeholder)] op-70)
+    `
+  ],
+  [
+    /^q-editor__toolbar$/,
+    (
+      [, c],
+      { theme }
+    ) => `border-b-solid border-b-color-black border-b-op-12 border-b-1px
+    min-h-32px
+    `
+  ],
+  [
+    /^q-editor__toolbars-container$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-editor__toolbars-container'] ??
+      `max-w-full
+    `
+  ],
+  [
+    /^q-editor__toolbar-group$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-editor__toolbar-group'] ??
+      `relative mx-4px my-0
+    [&+.q-editor\\_\\_toolbar-group:before]:(content-empty absolute left--4px top-4px bottom-4px w-1px bg-black bg-op-12)
+    `
+  ],
+  [
+    /^q-editor__link-input$/,
+    (
+      [, c],
+      { theme }
+    ) => `text-inherit decoration-none normal-case border-none border-rd-0 bg-none outline-0
+    `
+  ],
+  [
+    /^q-editor--flat$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-editor--flat'] ??
+      `border-0
+      [&_.q-editor\\_\\_toolbar]:(border-0)
+    `
+  ],
+  [
+    /^q-editor--dense$/,
+    (
+      [, c],
+      { theme }
+    ) => `[&_.q-editor\\_\\_toolbar-group]:(flex items-center flex-nowrap)
+    `
+  ],
+  [
+    /^q-editor--dark$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-editor--dark'] ??
+      `border-color-white border-op-28
+      [&_.q-editor\\_\\_content_hr]:(border-color-white border-op-28)
+      [&_.q-editor\\_\\_toolbar]:(border-color-white border-op-28)
+      [&_.q-editor\\_\\_toolbar-group+.q-editor\\_\\_toolbar-group:before]:(border-color-white border-op-28)
+
+    `
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,66 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^q-expansion-item__border$/, ([, c], { theme }) => `opacity-0`],
+
+  [
+    /^q-expansion-item__toggle-icon$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-expansion-item__toggle-icon'] ??
+      `relative [transition:transform_0.3s]`
+  ],
+
+  [
+    /^q-expansion-item__toggle-icon--rotated$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-expansion-item__toggle-icon--rotated'] ??
+      `rotate-180`
+  ],
+
+  [
+    /^q-expansion-item__toggle-focus$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-expansion-item__toggle-focus'] ??
+      `!w-[1em] !h-[1em] !relative [&_+_.q-expansion-item\\_\\_toggle-icon]:(-mt-[1em])`
+  ],
+
+  [
+    /^q-expansion-item--popup$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-expansion-item--popup'] ??
+      `[transition:padding_0.5s] [&_>_.q-expansion-item\\_\\_container]:(border-[1px] border-solid border-[rgba(0,0,0,0.12)]) [&_>_.q-expansion-item\\_\\_container_>_.q-separator]:(hidden)`
+  ],
+
+  [
+    /^q-expansion-item__content$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-expansion-item__content'] ??
+      `[&_>_.q-card]:([box-shadow:none] rounded-none)`
+  ],
+
+  [
+    /^q-expansion-item$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-expansion-item'] ??
+      `[&:first-child_>_div_>_.q-expansion-item\\_\\_border--top]:(opacity-0) [&:last-child_>_div_>_.q-expansion-item\\_\\_border--bottom]:(opacity-0)`
+  ],
+
+  [
+    /^q-expansion-item--expanded$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-expansion-item--expanded'] ??
+      `[&__+_.q-expansion-item--expanded
+  __>_div
+  __>_.q-expansion-item\\_\\_border--top]:(opacity-0)`
+  ],
+
+  [
+    /^q-expansion-item--expanded$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-expansion-item--expanded'] ??
+      `[&_.q-textarea--autogrow_textarea]:(animate-[q-expansion-done_0s])`
+  ]
+]
+
+export { shortcuts }

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

@@ -0,0 +1,178 @@
+import type { Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../../../theme.js'
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^z-fab$/, ([, c], { theme }) => ``],
+
+  [
+    /^q-fab$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab'] ?? `relative align-middle`
+    // [&_>_.q-btn]:(w-full)
+  ],
+
+  [/^q-fab--form-rounded$/, ([, c], { theme }) => `rounded-[28px]`],
+
+  [/^q-fab--form-square$/, ([, c], { theme }) => `rounded-[4px]`],
+
+  [
+    /^q-fab__icon$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__icon'] ??
+      `[transition:opacity_0.4s,_transform_0.4s] opacity-100 rotate-0 relative!`
+  ],
+
+  [
+    /^q-fab__active-icon$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__active-icon'] ??
+      `[transition:opacity_0.4s,_transform_0.4s] opacity-0 -rotate-180 relative! !left--20px !mr--20px`
+  ],
+
+  [
+    /^q-fab__label--external$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__label--external'] ??
+      `absolute px-[8px] py-[0] [transition:opacity_0.18s_cubic-bezier(0.65,_0.815,_0.735,_0.395)]`
+  ],
+
+  [
+    /^q-fab__label--external-hidden$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__label--external-hidden'] ??
+      `opacity-0 pointer-events-none`
+  ],
+
+  [
+    /^q-fab__label--external-left$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__label--external-left'] ??
+      `top-2/4 -left-[12px] -translate-x-full -translate-y-1/2`
+  ],
+
+  [
+    /^q-fab__label--external-right$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__label--external-right'] ??
+      `top-2/4 -right-[12px] translate-x-full -translate-y-1/2`
+  ],
+
+  [
+    /^q-fab__label--external-bottom$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__label--external-bottom'] ??
+      `-bottom-[12px] left-2/4 -translate-x-1/2 translate-y-full`
+  ],
+
+  [
+    /^q-fab__label--external-top$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__label--external-top'] ??
+      `-top-[12px] left-2/4 -translate-x-1/2 -translate-y-full`
+  ],
+
+  [
+    /^q-fab__label--internal$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__label--internal'] ??
+      `p-0 [transition:font-size_0.12s_cubic-bezier(0.65,_0.815,_0.735,_0.395),_max-height_0.12s_cubic-bezier(0.65,_0.815,_0.735,_0.395),_opacity_0.07s_cubic-bezier(0.65,_0.815,_0.735,_0.395)] max-h-[30px]`
+  ],
+
+  [
+    /^q-fab__label--internal-hidden$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__label--internal-hidden'] ??
+      `text-[0] opacity-0`
+  ],
+
+  [/^q-fab__label--internal-top$/, ([, c], { theme }) => `pb-[0.12em]`],
+
+  [/^q-fab__label--internal-bottom$/, ([, c], { theme }) => `pt-[0.12em]`],
+
+  [
+    /^q-fab__label--internal-left$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__label--internal-left'] ??
+      `pl-[0.285em] pr-[0.571em]`
+  ],
+
+  [
+    /^q-fab__label--internal-right$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__label--internal-right'] ??
+      `pr-[0.285em] pl-[0.571em]`
+  ],
+
+  [
+    /^q-fab__icon-holder$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__icon-holder'] ??
+      `[&:before]:(content-empty)`
+    // min-w-[24px] min-h-[24px] relative
+  ],
+
+  [
+    /^q-fab__icon-holder--opened$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__icon-holder--opened'] ??
+      `[&_.q-fab\\_\\_icon]:(rotate-180 opacity-0) [&_.q-fab\\_\\_active-icon]:(rotate-0 opacity-100)`
+  ],
+
+  [
+    /^q-fab__actions$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__actions'] ??
+      `absolute opacity-0 [transition:transform_0.18s_ease-in,_opacity_0.18s_ease-in] pointer-events-none items-center justify-center self-center p-[3px] [&_.q-btn]:(m-[5px])`
+  ],
+
+  [
+    /^q-fab__actions--right$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__actions--right'] ??
+      `origin-[0_50%] scale-[0.4] -translate-x-[62px] h-[56px] left-full ml-[9px]`
+  ],
+
+  [
+    /^q-fab__actions--left$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__actions--left'] ??
+      `origin-[100%_50%] scale-[0.4] translate-x-[62px] h-[56px] right-full mr-[9px] flex-row-reverse`
+  ],
+
+  [
+    /^q-fab__actions--up$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__actions--up'] ??
+      `origin-[50%_100%] scale-[0.4] translate-y-[62px] w-[56px] bottom-full mb-[9px] flex-col-reverse left-2/4 -ml-[28px]`
+  ],
+
+  [
+    /^q-fab__actions--down$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__actions--down'] ??
+      `origin-[50%_0] scale-[0.4] -translate-y-[62px] w-[56px] top-full mt-[9px] flex-col left-2/4 -ml-[28px]`
+  ],
+
+  [
+    /^q-fab__actions--opened$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab__actions--opened'] ??
+      `opacity-100 scale-100 translate-x-[0.1px] translate-y-[0] pointer-events-all`
+  ],
+
+  [
+    /^q-fab--align-left$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab--align-left'] ??
+      `[&_>_.q-fab\\_\\_actions--up]:(items-start left-[28px]) [&_>_.q-fab\\_\\_actions--down]:(items-start left-[28px])`
+  ],
+
+  [
+    /^q-fab--align-right$/,
+    ([, c], { theme }) =>
+      theme.quasar?.components?.['q-fab--align-right'] ??
+      `[&_>_.q-fab\\_\\_actions--up]:(items-end left-auto right-0) [&_>_.q-fab\\_\\_actions--down]:(items-end left-auto right-0)`
+  ]
+]
+
+export { shortcuts }