vitrify 0.18.4 → 0.19.0

package/dist/index.js

@@ -14,7 +14,7 @@ import { addOrReplaceTitle, appendToBody } from './helpers/utils.js';
 import Components from 'unplugin-vue-components/vite';
 import { VitePWA } from 'vite-plugin-pwa';
 import UnoCSS from 'unocss/vite';
-import QuasarPreset from './plugins/quasar/unocss/index.js';
+import { QuasarPreset } from './plugins/quasar/unocss/index.js';
 const internalServerModules = [
     'util',
     'vitrify',

package/dist/plugins/quasar/unocss/core/elevation.unocss.js

@@ -71,6 +71,102 @@ const shortcuts = [
     [/^shadow-none$/, ([, c], { theme }) => `shadow-none`],
     [/^no-shadow$/, ([, c], { theme }) => `shadow-none`],
     // TODO
-    [/^shadow-(0?[1-9]|1[0-9]|2[0-4])$/, ([, nr], { theme }) => `shadow-md`]
+    [/^shadow-(0?[1-9]|1[0-9]|2[0-4])$/, ([, nr], { theme }) => `shadow-md`],
+    [
+        /^elevation-1$/,
+        ([, nr], { theme }) => `shadow-[0px_1px_3px_0px_rgba(0,_0,_0,_0.2),0px_1px_1px_0px_rgba(0,_0,_0,_0.14),0px_2px_1px_-1px_rgba(0,_0,_0,_0.12)]`
+    ],
+    [
+        /^elevation-2$/,
+        ([, nr], { theme }) => `shadow-[0px_1px_5px_0px_rgba(0,_0,_0,_0.2),0px_2px_2px_0px_rgba(0,_0,_0,_0.14),0px_3px_1px_-2px_rgba(0,_0,_0,_0.12)]`
+    ],
+    [
+        /^elevation-3$/,
+        ([, nr], { theme }) => `shadow-[0px_1px_8px_0px_rgba(0,_0,_0,_0.2),0px_3px_4px_0px_rgba(0,_0,_0,_0.14),0px_3px_3px_-2px_rgba(0,_0,_0,_0.12)]`
+    ],
+    [
+        /^elevation-4$/,
+        ([, nr], { theme }) => `shadow-[0px_2px_4px_-1px_rgba(0,_0,_0,_0.2),0px_4px_5px_0px_rgba(0,_0,_0,_0.14),0px_1px_10px_0px_rgba(0,_0,_0,_0.12)]`
+    ],
+    [
+        /^elevation-5$/,
+        ([, nr], { theme }) => `shadow-[0px_3px_5px_-1px_rgba(0,_0,_0,_0.2),0px_5px_8px_0px_rgba(0,_0,_0,_0.14),0px_1px_14px_0px_rgba(0,_0,_0,_0.12)]`
+    ],
+    [
+        /^elevation-6$/,
+        ([, nr], { theme }) => `shadow-[0px_3px_5px_-1px_rgba(0,_0,_0,_0.2),0px_6px_10px_0px_rgba(0,_0,_0,_0.14),0px_1px_18px_0px_rgba(0,_0,_0,_0.12)]`
+    ],
+    [
+        /^elevation-7$/,
+        ([, nr], { theme }) => `shadow-[0px_4px_5px_-2px_rgba(0,_0,_0,_0.2),0px_7px_10px_1px_rgba(0,_0,_0,_0.14),0px_2px_16px_1px_rgba(0,_0,_0,_0.12)]`
+    ],
+    [
+        /^elevation-8$/,
+        ([, nr], { theme }) => `shadow-[0px_5px_5px_-3px_rgba(0,_0,_0,_0.2),0px_8px_10px_1px_rgba(0,_0,_0,_0.14),0px_3px_14px_2px_rgba(0,_0,_0,_0.12)]`
+    ],
+    [
+        /^elevation-9$/,
+        ([, nr], { theme }) => `shadow-[0px_5px_6px_-3px_rgba(0,_0,_0,_0.2),0px_9px_12px_1px_rgba(0,_0,_0,_0.14),0px_3px_16px_2px_rgba(0,_0,_0,_0.12)]`
+    ],
+    [
+        /^elevation-10$/,
+        ([, nr], { theme }) => `shadow-[0px_6px_6px_-3px_rgba(0,_0,_0,_0.2),0px_10px_14px_1px_rgba(0,_0,_0,_0.14),0px_4px_18px_3px_rgba(0,_0,_0,_0.12)]`
+    ],
+    [
+        /^elevation-11$/,
+        ([, nr], { theme }) => `shadow-[0px_6px_7px_-4px_rgba(0,_0,_0,_0.2),0px_11px_15px_1px_rgba(0,_0,_0,_0.14),0px_4px_20px_3px_rgba(0,_0,_0,_0.12)]`
+    ],
+    [
+        /^elevation-12$/,
+        ([, nr], { theme }) => `shadow-[0px_7px_8px_-4px_rgba(0,_0,_0,_0.2),0px_12px_17px_2px_rgba(0,_0,_0,_0.14),0px_5px_22px_4px_rgba(0,_0,_0,_0.12)]`
+    ],
+    [
+        /^elevation-13$/,
+        ([, nr], { theme }) => `shadow-[0px_7px_8px_-4px_rgba(0,_0,_0,_0.2),0px_13px_19px_2px_rgba(0,_0,_0,_0.14),0px_5px_24px_4px_rgba(0,_0,_0,_0.12)]`
+    ],
+    [
+        /^elevation-14$/,
+        ([, nr], { theme }) => `shadow-[0px_7px_9px_-4px_rgba(0,_0,_0,_0.2),0px_14px_21px_2px_rgba(0,_0,_0,_0.14),0px_5px_26px_4px_rgba(0,_0,_0,_0.12)]`
+    ],
+    [
+        /^elevation-15$/,
+        ([, nr], { theme }) => `shadow-[0px_8px_9px_-5px_rgba(0,_0,_0,_0.2),0px_15px_22px_2px_rgba(0,_0,_0,_0.14),0px_6px_28px_5px_rgba(0,_0,_0,_0.12)]`
+    ],
+    [
+        /^elevation-16$/,
+        ([, nr], { theme }) => `shadow-[0px_8px_10px_-5px_rgba(0,_0,_0,_0.2),0px_16px_24px_2px_rgba(0,_0,_0,_0.14),0px_6px_30px_5px_rgba(0,_0,_0,_0.12)]`
+    ],
+    [
+        /^elevation-17$/,
+        ([, nr], { theme }) => `shadow-[0px_8px_11px_-5px_rgba(0,_0,_0,_0.2),0px_17px_26px_2px_rgba(0,_0,_0,_0.14),0px_6px_32px_5px_rgba(0,_0,_0,_0.12)]`
+    ],
+    [
+        /^elevation-18$/,
+        ([, nr], { theme }) => `shadow-[0px_9px_11px_-5px_rgba(0,_0,_0,_0.2),0px_18px_28px_2px_rgba(0,_0,_0,_0.14),0px_7px_34px_6px_rgba(0,_0,_0,_0.12)]`
+    ],
+    [
+        /^elevation-19$/,
+        ([, nr], { theme }) => `shadow-[0px_9px_12px_-6px_rgba(0,_0,_0,_0.2),0px_19px_29px_2px_rgba(0,_0,_0,_0.14),0px_7px_36px_6px_rgba(0,_0,_0,_0.12)]`
+    ],
+    [
+        /^elevation-20$/,
+        ([, nr], { theme }) => `shadow-[0px_10px_13px_-6px_rgba(0,_0,_0,_0.2),0px_20px_31px_3px_rgba(0,_0,_0,_0.14),0px_8px_38px_7px_rgba(0,_0,_0,_0.12)]`
+    ],
+    [
+        /^elevation-21$/,
+        ([, nr], { theme }) => `shadow-[0px_10px_13px_-6px_rgba(0,_0,_0,_0.2),0px_21px_33px_3px_rgba(0,_0,_0,_0.14),0px_8px_40px_7px_rgba(0,_0,_0,_0.12)]`
+    ],
+    [
+        /^elevation-22$/,
+        ([, nr], { theme }) => `shadow-[0px_10px_14px_-6px_rgba(0,_0,_0,_0.2),0px_22px_35px_3px_rgba(0,_0,_0,_0.14),0px_8px_42px_7px_rgba(0,_0,_0,_0.12)]`
+    ],
+    [
+        /^elevation-23$/,
+        ([, nr], { theme }) => `shadow-[0px_11px_14px_-7px_rgba(0,_0,_0,_0.2),0px_23px_36px_3px_rgba(0,_0,_0,_0.14),0px_9px_44px_8px_rgba(0,_0,_0,_0.12)]`
+    ],
+    [
+        /^elevation-24$/,
+        ([, nr], { theme }) => `shadow-[0px_11px_15px_-7px_rgba(0,_0,_0,_0.2),0px_24px_38px_3px_rgba(0,_0,_0,_0.14),0px_9px_46px_8px_rgba(0,_0,_0,_0.12)]`
+    ]
 ];
 export { rules, shortcuts };

package/dist/plugins/quasar/unocss/core/flex.unocss.js

@@ -50,16 +50,18 @@ const shortcuts = [
     ],
     [
         /^q-gutter-(none|xs|sm|md|lg|xl)$/,
-        ([, size], { theme }) => `[&_>_*]:(mr-${colGutter[size]} mb-${colGutter[size]})`
+        ([, size], { theme }) => `ml--${colGutter[size]}
+      mt--${colGutter[size]}
+      [&_>_*]:(mr-${colGutter[size]} mb-${colGutter[size]})`
     ],
     [
         /^q-gutter-x-(none|xs|sm|md|lg|xl)$/,
-        ([, size], { theme }) => `
+        ([, size], { theme }) => `ml--${colGutter[size]}
         [&_>_*]:(mr-${colGutter[size]})`
     ],
     [
         /^q-gutter-y-(none|xs|sm|md|lg|xl)$/,
-        ([, size], { theme }) => `
+        ([, size], { theme }) => `mt--${colGutter[size]}
         [&_>_*]:(mb-${colGutter[size]})`
     ],
     [/^wrap$/, ([, size], { theme }) => `flex-wrap`],

package/dist/plugins/quasar/unocss/core/index.js

@@ -0,0 +1,291 @@
+import { preflights as ColorPreflights } from './colors.unocss.js';
+import { preflights as DarkPreflights, shortcuts as DarkShortcuts } from './dark.unocss.js';
+import { shortcuts as ElevationShortcuts, rules as ElevationRules } from './elevation.unocss.js';
+import { shortcuts as FlexShortcuts } from './flex.unocss.js';
+import { rules as HelperRules, preflights as HelperPreflights, shortcuts as HelperShortcuts } from './helpers.unocss.js';
+import { preflights as MousePreflights, shortcuts as MouseShortcuts, rules as MouseRules } from './mouse.unocss.js';
+import { shortcuts as OrientationShortcuts } from './orientation.unocss.js';
+import { shortcuts as PositionShortcuts } from './position.unocss.js';
+import { preflights as SizePreflights, shortcuts as SizeShortcuts } from './size.unocss.js';
+import { shortcuts as TouchShortcuts } from './touch.unocss.js';
+import { preflights as TransitionPreflights, shortcuts as TransitionsShortcuts } from './transitions.unocss.js';
+import { preflights as TypographyPreflights, shortcuts as TypographyShortcuts } from './typography.unocss.js';
+import { rules as VisibilityRules, preflights as VisibilityPreflights, shortcuts as VisibilityShortcuts } from './visibility.unocss.js';
+export const preflights = [
+    {
+        getCSS: ({ theme }) => `/* beasties:include start */
+/* Document
+* ========================================================================== */
+
+/**
+* 1. Correct the line height in all browsers.
+* 2. Prevent adjustments of font size after orientation changes in iOS.
+*/
+
+:where(html) {
+line-height: 1.15; /* 1 */
+-webkit-text-size-adjust: 100%; /* 2 */
+text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+* ========================================================================== */
+
+/**
+* Correct the font size and margin on \`h1\` elements within \`section\` and
+* \`article\` contexts in Chrome, Edge, Firefox, and Safari.
+*/
+
+:where(h1) {
+font-size: 2em;
+margin-block-end: 0.67em;
+margin-block-start: 0.67em;
+}
+
+/* Grouping content
+* ========================================================================== */
+
+/**
+* Remove the margin on nested lists in Chrome, Edge, and Safari.
+*/
+
+:where(dl, ol, ul) :where(dl, ol, ul) {
+margin-block-end: 0;
+margin-block-start: 0;
+}
+
+/**
+* 1. Add the correct box sizing in Firefox.
+* 2. Correct the inheritance of border color in Firefox.
+*/
+
+:where(hr) {
+box-sizing: content-box; /* 1 */
+color: inherit; /* 2 */
+height: 0; /* 1 */
+}
+
+/* Text-level semantics
+* ========================================================================== */
+
+/**
+* Add the correct text decoration in Safari.
+*/
+
+:where(abbr[title]) {
+text-decoration: underline;
+text-decoration: underline dotted;
+}
+
+/**
+* Add the correct font weight in Chrome, Edge, and Safari.
+*/
+
+:where(b, strong) {
+font-weight: bolder;
+}
+
+/**
+* 1. Correct the inheritance and scaling of font size in all browsers.
+* 2. Correct the odd \`em\` font sizing in all browsers.
+*/
+
+:where(code, kbd, pre, samp) {
+font-family: monospace, monospace; /* 1 */
+font-size: 1em; /* 2 */
+}
+
+/**
+* Add the correct font size in all browsers.
+*/
+
+:where(small) {
+font-size: 80%;
+}
+
+/* Tabular data
+* ========================================================================== */
+
+/**
+* 1. Correct table border color in Chrome, Edge, and Safari.
+* 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
+*/
+
+:where(table) {
+border-color: currentColor; /* 1 */
+text-indent: 0; /* 2 */
+}
+
+/* Forms
+* ========================================================================== */
+
+/**
+* Remove the margin on controls in Safari.
+*/
+
+:where(button, input, select) {
+margin: 0;
+}
+
+/**
+* Remove the inheritance of text transform in Firefox.
+*/
+
+:where(button) {
+text-transform: none;
+}
+
+/**
+* Correct the inability to style buttons in iOS and Safari.
+*/
+
+:where(button, input:is([type="button" i], [type="reset" i], [type="submit" i])) {
+-webkit-appearance: button;
+}
+
+/**
+* Add the correct vertical alignment in Chrome, Edge, and Firefox.
+*/
+
+:where(progress) {
+vertical-align: baseline;
+}
+
+/**
+* Remove the inheritance of text transform in Firefox.
+*/
+
+:where(select) {
+text-transform: none;
+}
+
+/**
+* Remove the margin in Firefox and Safari.
+*/
+
+:where(textarea) {
+margin: 0;
+}
+
+/**
+* 1. Correct the odd appearance in Chrome, Edge, and Safari.
+* 2. Correct the outline style in Safari.
+*/
+
+:where(input[type="search" i]) {
+-webkit-appearance: textfield; /* 1 */
+outline-offset: -2px; /* 2 */
+}
+
+/**
+* Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+height: auto;
+}
+
+/**
+* Correct the text style of placeholders in Chrome, Edge, and Safari.
+*/
+
+::-webkit-input-placeholder {
+color: inherit;
+opacity: 0.54;
+}
+
+/**
+* Remove the inner padding in Chrome, Edge, and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+-webkit-appearance: none;
+}
+
+/**
+* 1. Correct the inability to style upload buttons in iOS and Safari.
+* 2. Change font properties to \`inherit\` in Safari.
+*/
+
+::-webkit-file-upload-button {
+-webkit-appearance: button; /* 1 */
+font: inherit; /* 2 */
+}
+
+/**
+* Remove the inner border and padding of focus outlines in Firefox.
+*/
+
+:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focus-inner {
+border-style: none;
+padding: 0;
+}
+
+/**
+* Restore the focus outline styles unset by the previous rule in Firefox.
+*/
+
+:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focusring {
+outline: 1px dotted ButtonText;
+}
+
+/**
+* Remove the additional :invalid styles in Firefox.
+*/
+
+:where(:-moz-ui-invalid) {
+box-shadow: none;
+}
+
+/* Interactive
+* ========================================================================== */
+
+/*
+* Add the correct styles in Safari.
+*/
+
+:where(dialog) {
+background-color: white;
+border: solid;
+color: black;
+height: -moz-fit-content;
+height: fit-content;
+left: 0;
+margin: auto;
+padding: 1em;
+position: absolute;
+right: 0;
+width: -moz-fit-content;
+width: fit-content;
+}
+
+:where(dialog:not([open])) {
+display: none;
+}
+
+/*
+* Add the correct display in all browsers.
+*/
+
+:where(summary) {
+display: list-item;
+}
+
+/* * Change font properties to \`inherit\` in all browsers (opinionated).
+* */
+button,
+input,
+optgroup,
+select,
+textarea {
+font: inherit;
+font-family: inherit;
+margin: 0;
+}
+
+/* beasties:include end */`
+    }
+].concat(ColorPreflights, DarkPreflights, HelperPreflights, MousePreflights, TypographyPreflights, VisibilityPreflights, TransitionPreflights, SizePreflights);
+export const rules = [].concat(MouseRules, HelperRules, ElevationRules, VisibilityRules);
+export const shortcuts = [].concat(DarkShortcuts, FlexShortcuts, HelperShortcuts, MouseShortcuts, OrientationShortcuts, PositionShortcuts, SizeShortcuts, TouchShortcuts, TransitionsShortcuts, TypographyShortcuts, VisibilityShortcuts, ElevationShortcuts);

package/dist/plugins/quasar/unocss/core/position.unocss.js

@@ -2,7 +2,7 @@ const shortcuts = [
     [/^fixed-full$/, ([, c], { theme }) => `fixed top-0 right-0 bottom-0 left-0`],
     [
         /^fullscreen$/,
-        ([, c], { theme }) => `fixed !rounded-none max-w-[100vw] max-h-screen top-0 right-0 bottom-0 left-0`
+        ([, c], { theme }) => `fixed !rounded-none max-w-[100vw] max-h-screen top-0 right-0 bottom-0 left-0 z-${theme.quasar.z.fullscreen}`
     ],
     [
         /^fixed-center$/,