@quidgest/ui 0.16.17 → 0.16.18

package/dist/ui.scss

@@ -1,5 +1,5 @@
 /*!
- * Quidgest UI v0.16.17
+ * Quidgest UI v0.16.18
  * (c) 2025 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -266,6 +266,7 @@ $input-padding-x: 0.25rem !default;
   outline-offset: 1px;
 }
 body {
+  background-color: var(--q-theme-background);
   font-size: $font-size-base;
   color: var(--q-theme-on-background);
   caret-color: var(--q-theme-on-background);
@@ -289,6 +290,31 @@ body {
     }
   }
 }
+a {
+  text-decoration: underline;
+  text-decoration-color: transparent; 
+  transition:
+    color 0.15s,
+    text-decoration-color 0.15s;
+  &:not(:visited) {
+    color: var(--q-theme-primary);
+  }
+  &:visited {
+    color: #6a0dad; 
+  }
+  &:hover,
+  &:focus {
+    color: var(--q-theme-primary-dark);
+    text-decoration-color: currentcolor; 
+  }
+  &:active {
+    color: var(--q-theme-primary-dark);
+    text-decoration: none; 
+  }
+  &:focus {
+    outline: $outline; 
+  }
+}
 $transition-duration: 0.2s !default;
 .fade-enter-from,
 .fade-leave-to {
@@ -835,7 +861,7 @@ $transition-duration: 0.2s !default;
     margin: 0;
     font-size: 0.75rem;
     color: var(--q-theme-neutral);
-    padding-top: 0.3rem;
+    padding-top: 0.5rem;
   }
   &__content {
     display: flex;
@@ -1300,7 +1326,7 @@ $transition-duration: 0.2s !default;
   align-items: center;
   justify-content: center;
   position: relative;
-  color: #999;
+  color: var(--q-theme-neutral);
   font-size: 0.875rem;
 }
 .q-divider--horizontal {
@@ -1311,15 +1337,14 @@ $transition-duration: 0.2s !default;
 .q-divider--horizontal:not(.q-divider--labeled)::before {
   content: '';
   flex: 1;
-  border-top: 1px solid #e0e0e0;
+  border-top-width: 1px;
 }
 .q-divider--horizontal.q-divider--labeled .q-divider__line {
   flex: 1;
-  border-top: 1px solid #e0e0e0;
+  border-top-width: 1px;
 }
 .q-divider--horizontal.q-divider--labeled .q-divider__label {
   padding: 0 12px;
-  background: white;
   white-space: nowrap;
 }
 .q-divider--horizontal.q-divider--inset {
@@ -1337,17 +1362,16 @@ $transition-duration: 0.2s !default;
 .q-divider--vertical:not(.q-divider--labeled)::before {
   content: '';
   flex: 1;
-  border-left: 1px solid #e0e0e0;
+  border-left-width: 1px;
 }
 .q-divider--vertical.q-divider--labeled .q-divider__line {
-  border-left: 1px solid #e0e0e0;
+  border-left-width: 1px;
   height: 100%;
 }
 .q-divider--vertical.q-divider--labeled .q-divider__label {
   writing-mode: vertical-rl;
   text-orientation: mixed;
   padding: 12px 0;
-  background: white;
   white-space: nowrap;
 }
 .q-divider--vertical.q-divider--inset {
@@ -2136,7 +2160,7 @@ $base-border: 1px solid rgb(0 0 0 / 10%);
     }
   }
   &__cell {
-    padding: 0.1rem 0.5rem;
+    padding: 0.25rem 0.5rem;
     &--label {
       width: 20%;
       font-size: 0.85rem;
@@ -2144,6 +2168,10 @@ $base-border: 1px solid rgb(0 0 0 / 10%);
       opacity: 0.8;
     }
   }
+  &-field__container {
+    display: flex;
+    align-items: center;
+  }
   &-group {
     cursor: pointer;
     td {

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

@@ -1 +1 @@
-{"version":3,"file":"QSwitch.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSwitch/QSwitch.vue"],"names":[],"mappings":"AA0CA;AA+HC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,KAAK,WAAW,GAAG,YAAY,CAAC;AAqEjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;;;;;AAgGhB,wBAQG"}
+{"version":3,"file":"QSwitch.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSwitch/QSwitch.vue"],"names":[],"mappings":"AA4CA;AAiIC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,KAAK,WAAW,GAAG,YAAY,CAAC;AAqEjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;;;;;AAiGhB,wBAQG"}

package/esm/components/QSwitch/QSwitch.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as L, mergeModels as g, useModel as S, toRef as c, computed as w, createElementBlock as d, openBlock as i, createBlock as B, createCommentVNode as r, createElementVNode as a, unref as n, withCtx as V, createTextVNode as u, toDisplayString as h, normalizeStyle as z, normalizeClass as M, withDirectives as x, mergeProps as D, vModelCheckbox as I, Fragment as _ } from "vue";
-import { QLabel as N } from "../QLabel/index.js";
-import { useId as E } from "../../composables/uid.js";
+import { defineComponent as L, mergeModels as g, useModel as S, toRef as c, computed as w, createElementBlock as r, openBlock as i, withModifiers as B, createBlock as V, createCommentVNode as d, createElementVNode as a, unref as n, withCtx as z, createTextVNode as u, toDisplayString as h, normalizeStyle as M, normalizeClass as x, withDirectives as D, mergeProps as I, vModelCheckbox as N, Fragment as _ } from "vue";
+import { QLabel as E } from "../QLabel/index.js";
+import { useId as O } from "../../composables/uid.js";
 import { useColor as q } from "../../composables/useColor/index.js";
-const O = { class: "q-switch__container" }, P = ["id", "aria-checked", "disabled"], Q = { class: "q-switch__labels" }, $ = {
+const P = ["id", "aria-checked", "disabled"], Q = { class: "q-switch__labels" }, $ = {
   class: "q-switch__label q-switch__label--off",
   "aria-hidden": "true"
 }, A = {
@@ -30,34 +30,38 @@ const O = { class: "q-switch__container" }, P = ["id", "aria-checked", "disabled
   }),
   emits: ["update:modelValue"],
   setup(m) {
-    const e = m, l = S(m, "modelValue"), v = (t) => {
-      e.readonly && (t.preventDefault(), t.stopImmediatePropagation(), t.target.checked = !!l.value);
-    }, b = E(c(e, "id")), { style: f } = q(c(e, "checkedColor")), { style: p } = q(c(e, "uncheckedColor")), y = w(() => [
+    const e = m, o = S(m, "modelValue"), v = (t) => {
+      e.readonly && (t.preventDefault(), t.stopImmediatePropagation(), t.target.checked = !!o.value);
+    }, b = O(c(e, "id")), { style: f } = q(c(e, "checkedColor")), { style: p } = q(c(e, "uncheckedColor")), y = w(() => [
       "q-switch",
       e.size !== "medium" ? `q-switch--${e.size}` : void 0,
       {
-        "q-switch--checked": l.value,
+        "q-switch--checked": o.value,
         "q-switch--disabled": e.disabled,
         "q-switch--readonly": e.readonly,
         "q-switch--with-labels": e.showStateLabels && (e.trueLabel || e.falseLabel)
       },
       e.class
     ]), C = w(() => {
-      var t, o, s, k;
+      var t, l, s, k;
       return {
         "--q-switch-checked-background": (t = f.value) == null ? void 0 : t.mainColor,
-        "--q-switch-on-checked-background": (o = f.value) == null ? void 0 : o.onMainColor,
+        "--q-switch-on-checked-background": (l = f.value) == null ? void 0 : l.onMainColor,
         "--q-switch-unchecked-background": (s = p.value) == null ? void 0 : s.mainColor,
         "--q-switch-on-unchecked-background": (k = p.value) == null ? void 0 : k.onMainColor
       };
     });
-    return (t, o) => (i(), d("div", O, [
-      e.label ? (i(), B(n(N), {
+    return (t, l) => (i(), r("div", {
+      class: "q-switch__container",
+      onClick: l[1] || (l[1] = B(() => {
+      }, ["stop"]))
+    }, [
+      e.label ? (i(), V(n(E), {
         key: 0,
         for: n(b),
         required: e.required
       }, {
-        default: V(() => [
+        default: z(() => [
           u(
             h(e.label),
             1
@@ -66,28 +70,28 @@ const O = { class: "q-switch__container" }, P = ["id", "aria-checked", "disabled
         ]),
         _: 1
         /* STABLE */
-      }, 8, ["for", "required"])) : r("v-if", !0),
+      }, 8, ["for", "required"])) : d("v-if", !0),
       a(
         "div",
         {
-          class: M(y.value),
-          style: z(C.value)
+          class: x(y.value),
+          style: M(C.value)
         },
         [
-          x(a("input", D({
+          D(a("input", I({
             id: n(b),
-            "onUpdate:modelValue": o[0] || (o[0] = (s) => l.value = s),
+            "onUpdate:modelValue": l[0] || (l[0] = (s) => o.value = s),
             class: "q-switch__input",
             type: "checkbox",
             role: "switch",
-            "aria-checked": l.value,
+            "aria-checked": o.value,
             disabled: e.disabled
           }, t.$attrs, { onInput: v }), null, 16, P), [
-            [I, l.value]
+            [N, o.value]
           ]),
           a("div", Q, [
             a("span", $, [
-              e.showStateLabels ? (i(), d(
+              e.showStateLabels ? (i(), r(
                 _,
                 { key: 0 },
                 [
@@ -99,10 +103,10 @@ const O = { class: "q-switch__container" }, P = ["id", "aria-checked", "disabled
                 ],
                 64
                 /* STABLE_FRAGMENT */
-              )) : r("v-if", !0)
+              )) : d("v-if", !0)
             ]),
             a("span", A, [
-              e.showStateLabels ? (i(), d(
+              e.showStateLabels ? (i(), r(
                 _,
                 { key: 0 },
                 [
@@ -114,7 +118,7 @@ const O = { class: "q-switch__container" }, P = ["id", "aria-checked", "disabled
                 ],
                 64
                 /* STABLE_FRAGMENT */
-              )) : r("v-if", !0)
+              )) : d("v-if", !0)
             ])
           ])
         ],

package/esm/templates/theme.js

@@ -35,41 +35,41 @@ const f = {
   onInfo: "#fff",
   onNeutral: "#fff"
 }, a = {
-  primary: "#008ad2",
-  primaryLight: "#006398",
-  primaryDark: "#cde5ff",
-  secondary: "#003552",
-  secondaryLight: "#001425",
-  secondaryDark: "#e6eef3",
-  highlight: "#ff8241",
-  highlightLight: "#cc4700",
-  highlightDark: "#ffe4d6",
-  info: "#17a2b8",
-  infoLight: "#11798a",
-  infoDark: "#bceff7",
-  success: "#28a745",
-  successLight: "#1e7d34",
-  successDark: "#c2f0cd",
-  warning: "#ffa900",
-  warningLight: "#bf7f00",
-  warningDark: "#ffeabf",
-  danger: "#b71c1c",
-  dangerLight: "#891515",
-  dangerDark: "#f7cccc",
-  background: "#202428",
-  container: "#202428",
-  neutral: "#9299a0",
-  neutralLight: "#40474f",
-  neutralDark: "#c4c5ca",
-  onBackground: "#fff",
-  onPrimary: "#fff",
-  onSecondary: "#fff",
-  onHighlight: "#fff",
-  onSuccess: "#fff",
-  onWarning: "#fff",
-  onDanger: "#fff",
-  onInfo: "#fff",
-  onNeutral: "#fff"
+  primary: "#4da6e0",
+  primaryLight: "#2d8bc7",
+  primaryDark: "#87c4e8",
+  secondary: "#4a6b82",
+  secondaryLight: "#2c4a5e",
+  secondaryDark: "#6b8ca3",
+  highlight: "#ff9966",
+  highlightLight: "#e67344",
+  highlightDark: "#ffb088",
+  info: "#3bb5d1",
+  infoLight: "#2a9bb8",
+  infoDark: "#66c7dd",
+  success: "#4caf50",
+  successLight: "#388e3c",
+  successDark: "#81c784",
+  warning: "#ffb74d",
+  warningLight: "#e67e22",
+  warningDark: "#ffcc80",
+  danger: "#e57373",
+  dangerLight: "#c62828",
+  dangerDark: "#ef9a9a",
+  background: "#121212",
+  container: "#1e1e1e",
+  neutral: "#9e9e9e",
+  neutralLight: "#666666",
+  neutralDark: "#d0d0d0",
+  onBackground: "#ffffff",
+  onPrimary: "#ffffff",
+  onSecondary: "#ffffff",
+  onHighlight: "#ffffff",
+  onSuccess: "#ffffff",
+  onWarning: "#000000",
+  onDanger: "#ffffff",
+  onInfo: "#ffffff",
+  onNeutral: "#000000"
 };
 export {
   a as defaultDarkColorScheme,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.16.17",
+  "version": "0.16.18",
   "private": false,
   "type": "module",
   "author": "Quidgest",