@quidgest/ui 0.14.18 → 0.14.20

package/esm/components/QField/QField.vue.js

@@ -1,17 +1,15 @@
-import { defineComponent as u, ref as _, computed as r, createElementBlock as o, openBlock as d, normalizeClass as m, createCommentVNode as i, renderSlot as l, createElementVNode as a, toDisplayString as q, mergeProps as y } from "vue";
-const v = ["id"], $ = {
-  key: 0,
-  class: "q-field__label"
-}, b = ["for"], h = {
+import { defineComponent as u, ref as m, computed as r, createElementBlock as o, openBlock as d, normalizeClass as q, createBlock as _, createCommentVNode as a, renderSlot as s, unref as v, withCtx as t, createElementVNode as b, mergeProps as y } from "vue";
+import { QLabel as $ } from "../QLabel/index.js";
+const k = ["id"], h = {
   key: 0,
   class: "q-field__prepend"
-}, k = {
+}, B = {
   key: 1,
   class: "q-field__append"
-}, B = {
+}, C = {
   key: 1,
   class: "q-field__extras"
-}, R = /* @__PURE__ */ u({
+}, N = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "QField",
   props: {
@@ -22,59 +20,69 @@ const v = ["id"], $ = {
     size: { default: "medium" },
     readonly: { type: Boolean },
     disabled: { type: Boolean },
-    required: { type: Boolean }
+    required: { type: Boolean },
+    invalid: { type: Boolean }
   },
-  setup(n, { expose: f }) {
-    const e = n, t = _(null), p = r(() => e.required && !e.readonly && !e.disabled), c = r(() => [
+  setup(n, { expose: p }) {
+    const e = n, i = m(null), f = r(() => e.required && !e.readonly && !e.disabled), c = r(() => [
       "q-field",
       `q-field--${e.size}`,
       {
         "q-field--readonly": e.readonly,
         "q-field--disabled": e.disabled,
-        "q-field--required": p.value
+        "q-field--required": f.value,
+        "q-field--invalid": e.invalid
       },
       e.class
     ]);
-    return f({
-      fieldRef: t
-    }), (s, z) => (d(), o("div", {
+    return p({
+      fieldRef: i
+    }), (l, z) => (d(), o("div", {
       id: e.id,
-      class: m(c.value)
+      class: q(c.value)
     }, [
-      e.label ? (d(), o("div", $, [
-        l(s.$slots, "label.prepend"),
-        a("label", {
-          for: e.for
-        }, q(e.label), 9, b),
-        l(s.$slots, "label.append")
-      ])) : i("v-if", !0),
-      l(s.$slots, "control", {}, () => [
-        a(
+      e.label ? (d(), _(v($), {
+        key: 0,
+        class: "q-field__label",
+        label: e.label,
+        for: e.for
+      }, {
+        prepend: t(() => [
+          s(l.$slots, "label.prepend")
+        ]),
+        append: t(() => [
+          s(l.$slots, "label.append")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["label", "for"])) : a("v-if", !0),
+      s(l.$slots, "control", {}, () => [
+        b(
           "div",
           y({
             ref_key: "fieldRef",
-            ref: t,
+            ref: i,
             class: "q-field__control"
-          }, s.$attrs),
+          }, l.$attrs),
           [
-            s.$slots.prepend ? (d(), o("div", h, [
-              l(s.$slots, "prepend")
-            ])) : i("v-if", !0),
-            l(s.$slots, "default"),
-            s.$slots.append ? (d(), o("div", k, [
-              l(s.$slots, "append")
-            ])) : i("v-if", !0)
+            l.$slots.prepend ? (d(), o("div", h, [
+              s(l.$slots, "prepend")
+            ])) : a("v-if", !0),
+            s(l.$slots, "default"),
+            l.$slots.append ? (d(), o("div", B, [
+              s(l.$slots, "append")
+            ])) : a("v-if", !0)
           ],
           16
           /* FULL_PROPS */
         )
       ]),
-      s.$slots.extras ? (d(), o("div", B, [
-        l(s.$slots, "extras")
-      ])) : i("v-if", !0)
-    ], 10, v));
+      l.$slots.extras ? (d(), o("div", C, [
+        s(l.$slots, "extras")
+      ])) : a("v-if", !0)
+    ], 10, k));
   }
 });
 export {
-  R as default
+  N as default
 };

package/esm/components/QField/types.d.ts

@@ -1,14 +1,6 @@
-import { QBaseComponentProps } from '../../types/component';
+import { QLabelProps } from '../QLabel';
 export type QFieldSize = 'mini' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'block';
-export type QFieldProps = QBaseComponentProps & {
-    /**
-     * The label of the input.
-     */
-    label?: string;
-    /**
-     * The form field associated with the label.
-     */
-    for?: string;
+export type QFieldProps = QLabelProps & {
     /**
      * The size category of the field.
      */
@@ -26,5 +18,9 @@ export type QFieldProps = QBaseComponentProps & {
      * to indicate that the field is required.
      */
     required?: boolean;
+    /**
+     * Whether the input is invalid.
+     */
+    invalid?: boolean;
 };
 //# sourceMappingURL=types.d.ts.map

package/esm/components/QField/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QField/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAA;AAE/F,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QField/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAA;AAE/F,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG;IACvC;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA"}

package/esm/components/QFileUpload/QFileUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QFileUpload.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QFileUpload/QFileUpload.vue"],"names":[],"mappings":"AAwFA;AAkOC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAYtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAM/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AA2HrC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,IAAI,CAAC;CACjB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAoOT,OAAO,IAA6B;;wBAbrB,GAAG;;;;;;;EAkB/B;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QFileUpload.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QFileUpload/QFileUpload.vue"],"names":[],"mappings":"AAyFA;AAmOC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAYtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAM/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AA2HrC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,IAAI,CAAC;CACjB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAsOT,OAAO,IAA6B;;wBAbrB,GAAG;;;;;;;EAkB/B;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QFileUpload/QFileUpload.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, mergeModels as N, useModel as O, computed as d, ref as h, watch as T, createBlock as w, openBlock as n, unref as i, createSlots as Z, withCtx as _, createElementVNode as a, normalizeClass as Q, createElementBlock as c, mergeProps as F, createVNode as s, normalizeProps as m, guardReactiveProps as v, toDisplayString as y, createCommentVNode as j, createTextVNode as M, renderSlot as P } from "vue";
+import { defineComponent as L, mergeModels as N, useModel as O, computed as d, ref as h, watch as T, createBlock as w, openBlock as n, unref as i, createSlots as Z, withCtx as _, createElementVNode as a, normalizeClass as Q, createElementBlock as c, mergeProps as F, createVNode as s, normalizeProps as v, guardReactiveProps as m, toDisplayString as y, createCommentVNode as j, createTextVNode as M, renderSlot as P } from "vue";
 import { DEFAULT_TEXTS as $, DEFAULT_ICONS as H } from "./types.js";
 import { QButton as b } from "../QButton/index.js";
 import { QField as W } from "../QField/index.js";
@@ -33,6 +33,7 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
     readonly: { type: Boolean },
     disabled: { type: Boolean },
     required: { type: Boolean },
+    invalid: { type: Boolean },
     accept: {},
     icons: { default: () => H },
     texts: { default: () => $ }
@@ -49,16 +50,16 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
       r.value = o ? URL.createObjectURL(l) : null;
     });
     const f = h(null);
-    function U() {
+    function B() {
       var l;
       (l = f.value) == null || l.click();
     }
-    function V(l) {
+    function U(l) {
       var C;
       const o = l.target;
       (C = o == null ? void 0 : o.files) != null && C[0] && (t.value = o.files[0]);
     }
-    function B() {
+    function V() {
       t.value && J(t.value);
     }
     function D() {
@@ -90,7 +91,8 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
       size: e.size,
       readonly: e.readonly,
       disabled: e.disabled,
-      required: e.required
+      required: e.required,
+      invalid: e.invalid
     }, Z({
       control: _(() => [
         a(
@@ -111,11 +113,11 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
               required: e.required,
               readonly: e.readonly,
               disabled: e.disabled
-            }, l.$attrs, { onChange: V }), null, 16, K),
+            }, l.$attrs, { onChange: U }), null, 16, K),
             !t.value && p.value ? (n(), c("div", Y, [
               s(
                 i(u),
-                m(v(e.icons.upload)),
+                v(m(e.icons.upload)),
                 null,
                 16
                 /* FULL_PROPS */
@@ -129,7 +131,7 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
               ),
               s(i(b), {
                 label: e.texts.chooseFile,
-                onClick: U
+                onClick: B
               }, null, 8, ["label"])
             ])) : t.value ? (n(), c("div", ee, [
               a("div", le, [
@@ -169,12 +171,12 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
                 s(i(b), {
                   title: e.texts.download,
                   borderless: "",
-                  onClick: B
+                  onClick: V
                 }, {
                   default: _(() => [
                     s(
                       i(u),
-                      m(v(e.icons.download)),
+                      v(m(e.icons.download)),
                       null,
                       16
                       /* FULL_PROPS */
@@ -191,7 +193,7 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
                   default: _(() => [
                     s(
                       i(u),
-                      m(v(e.icons.remove)),
+                      v(m(e.icons.remove)),
                       null,
                       16
                       /* FULL_PROPS */
@@ -204,7 +206,7 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
             ])) : (n(), c("div", re, [
               s(
                 i(u),
-                m(v(e.icons.empty)),
+                v(m(e.icons.empty)),
                 null,
                 16
                 /* FULL_PROPS */
@@ -230,7 +232,7 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["for", "label", "size", "readonly", "disabled", "required"]));
+    ]), 1032, ["for", "label", "size", "readonly", "disabled", "required", "invalid"]));
   }
 });
 export {

package/esm/components/QFileUpload/index.d.ts

@@ -5,10 +5,12 @@ declare const QFileUpload: {
     } & import('../../types/component').QBaseComponentProps & {
         label?: string;
         for?: string;
+    } & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
         disabled?: boolean;
         required?: boolean;
+        invalid?: boolean;
     } & {
         accept?: string | string[];
         icons?: typeof import('./types').DEFAULT_ICONS;
@@ -36,10 +38,12 @@ declare const QFileUpload: {
     } & import('../../types/component').QBaseComponentProps & {
         label?: string;
         for?: string;
+    } & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
         disabled?: boolean;
         required?: boolean;
+        invalid?: boolean;
     } & {
         accept?: string | string[];
         icons?: typeof import('./types').DEFAULT_ICONS;
@@ -59,10 +63,12 @@ declare const QFileUpload: {
 } & import('../../types/component').QBaseComponentProps & {
     label?: string;
     for?: string;
+} & {
     size?: import('..').QFieldSize;
     readonly?: boolean;
     disabled?: boolean;
     required?: boolean;
+    invalid?: boolean;
 } & {
     accept?: string | string[];
     icons?: typeof import('./types').DEFAULT_ICONS;

package/esm/components/QFileUpload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QFileUpload/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK/C,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAgC,CAAA;AAGjD,OAAO,EAAE,WAAW,EAAE,CAAA;AAGtB,YAAY,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QFileUpload/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK/C,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAgC,CAAA;AAGjD,OAAO,EAAE,WAAW,EAAE,CAAA;AAGtB,YAAY,EAAE,gBAAgB,EAAE,CAAA"}

package/esm/components/QIcon/QIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QIcon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/QIcon.vue"],"names":[],"mappings":"AAQA;AA0CC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;;;;AA6E1C,wBAQG"}
+{"version":3,"file":"QIcon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/QIcon.vue"],"names":[],"mappings":"AAQA;AAwDC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;;;;AA4F1C,wBAQG"}

package/esm/components/QIcon/QIcon.vue.js

@@ -1,35 +1,43 @@
-import { defineComponent as c, computed as s, createBlock as t, openBlock as r, resolveDynamicComponent as i, normalizeClass as a } from "vue";
-import { QIconImg as l, QIconFont as p, QIconSvg as m } from "./index.js";
-const g = /* @__PURE__ */ c({
+import { defineComponent as s, computed as n, toRef as i, createBlock as a, openBlock as u, resolveDynamicComponent as d, normalizeStyle as m, normalizeClass as p } from "vue";
+import { QIconImg as f, QIconFont as y, QIconSvg as v } from "./index.js";
+import { useColorStyle as g } from "../../composables/useColorStyle/index.js";
+const S = /* @__PURE__ */ s({
   __name: "QIcon",
   props: {
     id: {},
     class: {},
     icon: {},
+    type: { default: "svg" },
     size: {},
-    type: { default: "svg" }
+    color: {}
   },
-  setup(n) {
-    const e = n, o = s(() => {
-      switch (e.type) {
+  setup(c) {
+    const o = c, t = n(() => {
+      switch (o.type) {
         case "svg":
-          return m;
+          return v;
         case "font":
-          return p;
+          return y;
         case "img":
-          return l;
+          return f;
         default:
           return;
       }
+    }), l = g(i(o, "color"), "bold"), r = n(() => {
+      var e;
+      return {
+        "font-size": o.size !== void 0 ? `${o.size}px` : void 0,
+        color: o.color !== void 0 && o.color !== "primary" ? (e = l.style.value) == null ? void 0 : e.backgroundColor : void 0
+      };
     });
-    return (u, d) => (r(), t(i(o.value), {
-      id: e.id,
-      class: a(e.class),
-      icon: e.icon,
-      size: e.size
-    }, null, 8, ["id", "class", "icon", "size"]));
+    return (e, z) => (u(), a(d(t.value), {
+      id: o.id,
+      class: p(o.class),
+      icon: o.icon,
+      style: m(r.value)
+    }, null, 8, ["id", "class", "icon", "style"]));
   }
 });
 export {
-  g as default
+  S as default
 };

package/esm/components/QIcon/QIconFont.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QIconFont.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/QIconFont.vue"],"names":[],"mappings":"AAOA;AAoCC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;;;;AAsE9C,wBAQG"}
+{"version":3,"file":"QIconFont.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/QIconFont.vue"],"names":[],"mappings":"AAMA;AA+BC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;;;;AAgE9C,wBAQG"}

package/esm/components/QIcon/QIconFont.vue.js

@@ -1,25 +1,21 @@
-import { defineComponent as a, computed as e, createElementBlock as s, openBlock as c, normalizeStyle as l, normalizeClass as u } from "vue";
-const d = ["id"], m = /* @__PURE__ */ a({
+import { defineComponent as t, computed as n, createElementBlock as e, openBlock as c, normalizeClass as l } from "vue";
+const s = ["id"], d = /* @__PURE__ */ t({
   __name: "QIconFont",
   props: {
     id: {},
     class: {},
     icon: {},
-    size: {},
     library: { default: "" },
     variant: {}
   },
-  setup(i) {
-    const n = i, r = e(() => n.variant ? `${n.library}-${n.variant}` : n.library), t = e(() => n.library && n.icon ? `${n.library}-${n.icon}` : n.icon), o = e(() => ({
-      "font-size": n.size !== void 0 ? `${n.size}px` : void 0
-    }));
-    return (f, p) => (c(), s("i", {
-      id: n.id,
-      class: u(["q-icon", "q-icon__font", r.value, t.value, n.class]),
-      style: l(o.value)
-    }, null, 14, d));
+  setup(a) {
+    const r = a, i = n(() => r.variant ? `${r.library}-${r.variant}` : r.library), o = n(() => r.library && r.icon ? `${r.library}-${r.icon}` : r.icon);
+    return (u, p) => (c(), e("i", {
+      id: r.id,
+      class: l(["q-icon", "q-icon__font", i.value, o.value, r.class])
+    }, null, 10, s));
   }
 });
 export {
-  m as default
+  d as default
 };

package/esm/components/QIcon/QIconImg.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QIconImg.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/QIconImg.vue"],"names":[],"mappings":"AAOA;AAwBC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;;AAqD9C,wBAOG"}
+{"version":3,"file":"QIconImg.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/QIconImg.vue"],"names":[],"mappings":"AAMA;AAgBC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;;AA4C9C,wBAOG"}

package/esm/components/QIcon/QIconImg.vue.js

@@ -1,24 +1,20 @@
-import { defineComponent as s, computed as c, createElementBlock as i, openBlock as t, normalizeStyle as l, normalizeClass as r } from "vue";
-const a = ["id", "src"], _ = /* @__PURE__ */ s({
+import { defineComponent as n, createElementBlock as s, openBlock as e, normalizeClass as i } from "vue";
+const t = ["id", "src"], m = /* @__PURE__ */ n({
   __name: "QIconImg",
   props: {
     id: {},
     class: {},
-    icon: {},
-    size: {}
+    icon: {}
   },
-  setup(n) {
-    const e = n, o = c(() => ({
-      "font-size": e.size !== void 0 ? `${e.size}px` : void 0
-    }));
-    return (d, m) => (t(), i("img", {
-      id: e.id,
-      src: e.icon,
-      class: r(["q-icon", "q-icon__img", e.class]),
-      style: l(o.value)
-    }, null, 14, a));
+  setup(o) {
+    const c = o;
+    return (r, a) => (e(), s("img", {
+      id: c.id,
+      src: c.icon,
+      class: i(["q-icon", "q-icon__img", c.class])
+    }, null, 10, t));
   }
 });
 export {
-  _ as default
+  m as default
 };

package/esm/components/QIcon/QIconSvg.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QIconSvg.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/QIconSvg.vue"],"names":[],"mappings":"AAUA;AAgDC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;;;;;;;;;;AAqG7C,wBASG"}
+{"version":3,"file":"QIconSvg.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/QIconSvg.vue"],"names":[],"mappings":"AASA;AAwCC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;;;;;;;;;;AA2F7C,wBASG"}

package/esm/components/QIcon/QIconSvg.vue.js

@@ -1,36 +1,32 @@
-import { defineComponent as t, computed as a, createBlock as r, openBlock as u, unref as m, normalizeStyle as f, normalizeClass as p } from "vue";
-import _ from "./InlineSvg.js";
-const v = /* @__PURE__ */ t({
+import { defineComponent as a, createBlock as i, openBlock as t, unref as r, normalizeClass as m } from "vue";
+import u from "./InlineSvg.js";
+const b = /* @__PURE__ */ a({
   __name: "QIconSvg",
   props: {
     id: {},
     class: {},
     icon: {},
-    size: {},
     bundle: { default: "" }
   },
   emits: ["loaded", "unloaded"],
-  setup(s, { emit: l }) {
-    const e = s, n = l, i = a(() => ({
-      "font-size": e.size !== void 0 ? `${e.size}px` : void 0
-    }));
-    function c(o) {
-      n("loaded", o);
+  setup(s, { emit: c }) {
+    const o = s, n = c;
+    function l(e) {
+      n("loaded", e);
     }
     function d() {
       n("unloaded");
     }
-    return (o, y) => (u(), r(m(_), {
-      id: e.id,
-      class: p(["q-icon", "q-icon__svg", e.class]),
-      src: e.bundle,
-      symbol: e.icon,
-      style: f(i.value),
-      onLoaded: c,
+    return (e, p) => (t(), i(r(u), {
+      id: o.id,
+      class: m(["q-icon", "q-icon__svg", o.class]),
+      src: o.bundle,
+      symbol: o.icon,
+      onLoaded: l,
       onUnloaded: d
-    }, null, 8, ["id", "class", "src", "symbol", "style"]));
+    }, null, 8, ["id", "class", "src", "symbol"]));
   }
 });
 export {
-  v as default
+  b as default
 };

package/esm/components/QIcon/types.d.ts

@@ -7,16 +7,20 @@ export type QIconBaseProps = QBaseComponentProps & {
      * - The identifier of the SVG.
      */
     icon: string;
-    /**
-     * The size of the icon, in pixels.
-     */
-    size?: number;
 };
 export type QIconProps = QIconBaseProps & {
     /**
      * The type of resource.
      */
     type?: 'svg' | 'font' | 'img';
+    /**
+     * The size of the icon, in pixels.
+     */
+    size?: number;
+    /**
+     * Color value to control the icon's fill color.
+     */
+    color?: string;
 };
 export type QIconFontProps = QIconBaseProps & {
     /**

package/esm/components/QIcon/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAClD;;;;;OAKG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG;IACzC;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CAAA;AAE1C,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAC5C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CACf,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAClD;;;;;OAKG;IACH,IAAI,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG;IACzC;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAA;IAE7B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CAAA;AAE1C,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAC5C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CACf,CAAA"}

package/esm/components/QInputGroup/QInputGroup.d.ts

@@ -2,6 +2,8 @@ import { QInputGroupProps } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        'label.prepend'?(_: {}): any;
+        'label.append'?(_: {}): any;
         prepend?(_: {}): any;
         default?(_: {}): any;
         append?(_: {}): any;

package/esm/components/QInputGroup/QInputGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QInputGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QInputGroup/QInputGroup.vue"],"names":[],"mappings":"AA+BA;AA4DC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAqBhD,iBAAS,cAAc;WA4FT,OAAO,IAA6B;;yBAbpB,GAAG;yBACH,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QInputGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QInputGroup/QInputGroup.vue"],"names":[],"mappings":"AAsCA;AAmEC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAqBhD,iBAAS,cAAc;WA8GT,OAAO,IAA6B;;iCAfb,GAAG;gCACJ,GAAG;yBACT,GAAG;yBACH,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}