vitrify 0.16.4 → 0.17.0

package/src/node/plugins/quasar/unocss/core/typography.unocss.ts

@@ -0,0 +1,192 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+body {
+  min-width: 100px;
+  min-height: 100%;
+  font-family: "Roboto", "-apple-system", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-smoothing: antialiased;
+  line-height: 1.5;
+  font-size: 14px;
+}
+
+h1 {
+  font-size: 6rem;
+  font-weight: 300;
+  line-height: 6rem;
+  letter-spacing: -0.01562em;
+}
+
+h2 {
+  font-size: 3.75rem;
+  font-weight: 300;
+  line-height: 3.75rem;
+  letter-spacing: -0.00833em;
+}
+
+h3 {
+  font-size: 3rem;
+  font-weight: 400;
+  line-height: 3.125rem;
+  letter-spacing: normal;
+}
+
+h4 {
+  font-size: 2.125rem;
+  font-weight: 400;
+  line-height: 2.5rem;
+  letter-spacing: 0.00735em;
+}
+
+h5 {
+  font-size: 1.5rem;
+  font-weight: 400;
+  line-height: 2rem;
+  letter-spacing: normal;
+}
+
+h6 {
+  font-size: 1.25rem;
+  font-weight: 500;
+  line-height: 2rem;
+  letter-spacing: 0.0125em;
+}
+
+p {
+  margin: 0 0 16px;
+}
+  
+small {
+  font-size: 80%;
+}
+
+big {
+  font-size: 170%;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}`
+  }
+]
+
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [
+    /^text-h1$/,
+    ([, c], { theme }) =>
+      `text-[6rem] font-light leading-[6rem] tracking-[-0.01562em]`
+  ],
+
+  [
+    /^text-h2$/,
+    ([, c], { theme }) =>
+      `text-[3.75rem] font-light leading-[3.75rem] tracking-[-0.00833em]`
+  ],
+
+  [
+    /^text-h3$/,
+    ([, c], { theme }) =>
+      `text-[3rem] font-normal leading-[3.125rem] tracking-[normal]`
+  ],
+
+  [
+    /^text-h4$/,
+    ([, c], { theme }) =>
+      `text-[2.125rem] font-normal leading-10 tracking-[0.00735em]`
+  ],
+
+  [
+    /^text-h5$/,
+    ([, c], { theme }) =>
+      `text-[1.5rem] font-normal leading-8 tracking-[normal]`
+  ],
+
+  [
+    /^text-h6$/,
+    ([, c], { theme }) =>
+      `text-[1.25rem] font-medium leading-8 tracking-[0.0125em]`
+  ],
+
+  [
+    /^text-subtitle1$/,
+    ([, c], { theme }) =>
+      `text-[1rem] font-normal leading-7 tracking-[0.00937em]`
+  ],
+
+  [
+    /^text-subtitle2$/,
+    ([, c], { theme }) =>
+      `text-[0.875rem] font-medium leading-[1.375rem] tracking-[0.00714em]`
+  ],
+
+  [
+    /^text-body1$/,
+    ([, c], { theme }) =>
+      `text-[1rem] font-normal leading-6 tracking-[0.03125em]`
+  ],
+
+  [
+    /^text-body2$/,
+    ([, c], { theme }) =>
+      `text-[0.875rem] font-normal leading-5 tracking-[0.01786em]`
+  ],
+
+  [
+    /^text-overline$/,
+    ([, c], { theme }) =>
+      `text-[0.75rem] font-medium leading-8 tracking-[0.16667em]`
+  ],
+
+  [
+    /^text-caption$/,
+    ([, c], { theme }) =>
+      `text-[0.75rem] font-normal leading-5 tracking-[0.03333em]`
+  ],
+
+  [/^text-uppercase$/, ([, c], { theme }) => `uppercase`],
+
+  [/^text-lowercase$/, ([, c], { theme }) => `lowercase`],
+
+  [/^text-capitalize$/, ([, c], { theme }) => `capitalize`],
+
+  [/^text-center$/, ([, c], { theme }) => `text-center`],
+
+  [/^text-left$/, ([, c], { theme }) => `text-left`],
+
+  [/^text-right$/, ([, c], { theme }) => `text-right`],
+
+  [/^text-justify$/, ([, c], { theme }) => `text-justify`],
+
+  [/^text-italic$/, ([, c], { theme }) => `italic`],
+
+  [/^text-bold$/, ([, c], { theme }) => `font-bold`],
+
+  [/^text-no-wrap$/, ([, c], { theme }) => `whitespace-nowrap`],
+
+  [/^text-strike$/, ([, c], { theme }) => `line-through`],
+
+  [/^text-weight-thin$/, ([, c], { theme }) => `font-thin`],
+
+  [/^text-weight-light$/, ([, c], { theme }) => `font-light`],
+
+  [/^text-weight-regular$/, ([, c], { theme }) => `font-normal`],
+
+  [/^text-weight-medium$/, ([, c], { theme }) => `font-medium`],
+
+  [/^text-weight-bold$/, ([, c], { theme }) => `font-bold`],
+
+  [/^text-weight-bolder$/, ([, c], { theme }) => `font-black`]
+]
+
+export { preflights, shortcuts }

package/src/node/plugins/quasar/unocss/core/visibility.unocss.ts

@@ -0,0 +1,250 @@
+import type { Preflight, Rule, UserShortcuts } from '@unocss/core'
+import type { QuasarTheme } from '../theme.js'
+
+const preflights: Preflight<QuasarTheme>[] = [
+  {
+    getCSS: ({ theme }) => `
+[disabled] * {
+  outline: 0 !important;
+  cursor: not-allowed !important;
+}
+  
+
+body:not(.desktop) .desktop-only,
+body.desktop .desktop-hide {
+  display: none !important;
+}
+
+body:not(.mobile) .mobile-only,
+body.mobile .mobile-hide {
+  display: none !important;
+}
+
+body:not(.native-mobile) .native-mobile-only,
+body.native-mobile .native-mobile-hide {
+  display: none !important;
+}
+
+body:not(.cordova) .cordova-only,
+body.cordova .cordova-hide {
+  display: none !important;
+}
+
+body:not(.capacitor) .capacitor-only,
+body.capacitor .capacitor-hide {
+  display: none !important;
+}
+
+body:not(.electron) .electron-only,
+body.electron .electron-hide {
+  display: none !important;
+}
+
+body:not(.touch) .touch-only,
+body.touch .touch-hide {
+  display: none !important;
+}
+
+body:not(.within-iframe) .within-iframe-only,
+body.within-iframe .within-iframe-hide {
+  display: none !important;
+}
+
+body:not(.platform-ios) .platform-ios-only,
+body.platform-ios .platform-ios-hide {
+  display: none !important;
+}
+
+body:not(.platform-android) .platform-android-only,
+body.platform-android .platform-android-hide {
+  display: none !important;
+}
+
+@media all and (orientation: portrait) {
+  .orientation-landscape {
+    display: none !important;
+  }
+}
+@media all and (orientation: landscape) {
+  .orientation-portrait {
+    display: none !important;
+  }
+}
+@media screen {
+  .print-only {
+    display: none !important;
+  }
+}
+@media print {
+  .print-hide {
+    display: none !important;
+  }
+}
+@media (max-width: 599.98px) {
+  .xs-hide, .gt-xs, .sm, .gt-sm, .md, .gt-md, .lg, .gt-lg, .xl {
+    display: none !important;
+  }
+}
+@media (min-width: 600px) and (max-width: 1023.98px) {
+  .sm-hide, .xs, .lt-sm, .gt-sm, .md, .gt-md, .lg, .gt-lg, .xl {
+    display: none !important;
+  }
+}
+@media (min-width: 1024px) and (max-width: 1439.98px) {
+  .md-hide, .xs, .lt-sm, .sm, .lt-md, .gt-md, .lg, .gt-lg, .xl {
+    display: none !important;
+  }
+}
+@media (min-width: 1440px) and (max-width: 1919.98px) {
+  .lg-hide, .xs, .lt-sm, .sm, .lt-md, .md, .lt-lg, .gt-lg, .xl {
+    display: none !important;
+  }
+}
+@media (min-width: 1920px) {
+  .xl-hide, .xs, .lt-sm, .sm, .lt-md, .md, .lt-lg, .lg, .lt-xl {
+    display: none !important;
+  }
+}
+
+body.desktop .q-focus-helper {
+  position: absolute;
+  top: 0;
+  left: 0 /* rtl:ignore */;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  border-radius: inherit;
+  opacity: 0;
+  transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);
+}
+body.desktop .q-focus-helper:before, body.desktop .q-focus-helper:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0 /* rtl:ignore */;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  border-radius: inherit;
+  transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 0.8, 0.5, 1);
+}
+body.desktop .q-focus-helper:before {
+  background: #000;
+}
+body.desktop .q-focus-helper:after {
+  background: #fff;
+}
+body.desktop .q-focus-helper--rounded {
+  border-radius: 4px;
+}
+body.desktop .q-focus-helper--round {
+  border-radius: 50%;
+}
+body.desktop .q-focusable:focus > .q-focus-helper, body.desktop .q-manual-focusable--focused > .q-focus-helper, body.desktop .q-hoverable:hover > .q-focus-helper {
+  background: currentColor;
+  opacity: 0.15;
+}
+body.desktop .q-focusable:focus > .q-focus-helper:before, body.desktop .q-manual-focusable--focused > .q-focus-helper:before, body.desktop .q-hoverable:hover > .q-focus-helper:before {
+  opacity: 0.1;
+}
+body.desktop .q-focusable:focus > .q-focus-helper:after, body.desktop .q-manual-focusable--focused > .q-focus-helper:after, body.desktop .q-hoverable:hover > .q-focus-helper:after {
+  opacity: 0.4;
+}
+body.desktop .q-focusable:focus > .q-focus-helper, body.desktop .q-manual-focusable--focused > .q-focus-helper {
+  opacity: 0.22;
+}
+`
+  }
+]
+
+const rules: Rule[] = [
+  [
+    /^invisible$/,
+    function* ([, c], { symbols }) {
+      yield {
+        visibility: 'hidden !important',
+        transition: 'none !important',
+        animation: 'none !important'
+      }
+      yield {
+        [symbols.selector]: (selector) => `${selector} > *`,
+        visibility: 'hidden !important',
+        transition: 'none !important',
+        animation: 'none !important'
+      }
+    }
+  ]
+]
+const shortcuts: UserShortcuts<QuasarTheme> = [
+  [/^no-margin$/, ([, c], { theme }) => `!m-0`],
+
+  [/^no-padding$/, ([, c], { theme }) => `!p-0`],
+
+  [/^no-border$/, ([, c], { theme }) => `!border-0`],
+
+  [/^no-border-radius$/, ([, c], { theme }) => `!rounded-none`],
+
+  [/^no-box-shadow$/, ([, c], { theme }) => `[box-shadow:none!important]`],
+
+  [/^no-outline$/, ([, c], { theme }) => `outline-0`],
+
+  [
+    /^ellipsis$/,
+    ([, c], { theme }) => `text-ellipsis whitespace-nowrap overflow-hidden`
+  ],
+
+  [/^ellipsis-2-lines$/, ([, c], { theme }) => `overflow-hidden `],
+
+  [/^ellipsis-3-lines$/, ([, c], { theme }) => `overflow-hidden `],
+
+  [/^readonly$/, ([, c], { theme }) => `!cursor-default`],
+
+  [
+    /^disabled$/,
+    ([, c], { theme }) =>
+      `!outline-0 !cursor-not-allowed [&_*]:(!outline-0 !cursor-not-allowed) !opacity-60`
+  ],
+
+  // [
+  //   /^invisible$/,
+  //   ([, c], { theme }) =>
+  //     `invisible !transition-none !animate-none [&_*]:(invisible !transition-none !animate-none)`
+  // ],
+
+  [/^transparent$/, ([, c], { theme }) => `!bg-transparent`],
+
+  [/^overflow-hidden-y$/, ([, c], { theme }) => `!overflow-y-hidden`],
+
+  [/^hide-scrollbar$/, ([, c], { theme }) => `[scrollbar-width:none]`],
+
+  [
+    /^hide-scrollbar::-webkit-scrollbar$/,
+    ([, c], { theme }) => `w-[0] h-[0] hidden`
+  ],
+
+  [
+    /^dimmed:after$/,
+    ([, c], { theme }) =>
+      `content-empty absolute top-0 right-0 bottom-0 left-0 !bg-[rgba(0,_0,_0,_0.4)]`
+  ],
+
+  [
+    /^light-dimmed:after$/,
+    ([, c], { theme }) =>
+      `content-empty absolute top-0 right-0 bottom-0 left-0 !bg-[rgba(255,_255,_255,_0.6)]`
+  ],
+
+  [/^z-top$/, ([, c], { theme }) => `z-7000`],
+
+  [/^z-max$/, ([, c], { theme }) => `z-9998`],
+
+  [/^q-focus-helper$/, ([, c], { theme }) => `outline-0`],
+
+  [/^q-focusable$/, ([, c], { theme }) => `outline-0`],
+
+  [/^q-manual-focusable$/, ([, c], { theme }) => `outline-0`],
+
+  [/^q-hoverable$/, ([, c], { theme }) => `outline-0`]
+]
+
+export { rules, preflights, shortcuts }