@quidgest/ui 0.23.3 → 0.24.0

package/dist/ui.min.js

@@ -1,5 +1,5 @@
 /*!
- * Quidgest UI v0.23.3
+ * Quidgest UI v0.24.0
  * (c) 2026 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -137,7 +137,7 @@ return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)("button",{id:o.id,type:
 function l(e){r.value&&e.stopImmediatePropagation()}return(e,a)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(n.href?"a":"div"),{id:n.id,class:(0,t.normalizeClass)(o.value),href:n.href&&!r.value?n.href:void 0,onClick:l},{default:(0,t.withCtx)(()=>[n.loading?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(_),{key:0,size:36})):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:1},[(0,t.createElementVNode)("div",Ce,[(0,t.renderSlot)(e.$slots,"header",{},()=>[(0,t.renderSlot)(e.$slots,"header.prepend"),e.$slots.title||n.title||e.$slots.subtitle||n.subtitle?((0,t.openBlock)(),(0,t.createElementBlock)("div",we,[(0,t.renderSlot)(e.$slots,"header.content.prepend"),(0,t.createElementVNode)("div",xe,[e.$slots.title||n.title?((0,t.openBlock)(),(0,t.createElementBlock)("p",Be,[e.$slots.title?(0,t.renderSlot)(e.$slots,"title",{key:0}):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:1},[(0,t.createTextVNode)((0,t.toDisplayString)(e.$props.title),1)],64))])):(0,t.createCommentVNode)("",!0),e.$slots.subtitle||n.subtitle?((0,t.openBlock)(),(0,t.createElementBlock)("p",_e,[e.$slots.subtitle?(0,t.renderSlot)(e.$slots,"subtitle",{key:0}):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:1},[(0,t.createTextVNode)((0,t.toDisplayString)(e.$props.subtitle),1)],64))])):(0,t.createCommentVNode)("",!0)]),(0,t.renderSlot)(e.$slots,"header.content.append")])):(0,t.createCommentVNode)("",!0),(0,t.renderSlot)(e.$slots,"header.append")])]),(0,t.createElementVNode)("div",Ne,[(0,t.renderSlot)(e.$slots,"default")]),e.$slots.footer?((0,t.openBlock)(),(0,t.createElementBlock)("div",Se,[(0,t.renderSlot)(e.$slots,"footer")])):(0,t.createCommentVNode)("",!0)],64))]),_:3},8,["id","class","href"]))}})),Me=(0,t.defineComponent)({__name:"QIcon",props:{id:{},class:{},icon:{},size:{},color:{},type:{default:"svg"}},setup(e){const n=e,o=(0,t.computed)(()=>{switch(n.type){case"svg":return Oe
 case"font":return Re
 case"img":return Fe
-default:return}}),{style:a}=ve((0,t.toRef)(n,"color")),d=(0,t.computed)(()=>{const e=void 0!==n.size?`${n.size}px`:void 0
+default:return}}),{style:a}=ve((0,t.toRef)(n,"color")),d=(0,t.computed)(()=>{const e=void 0!==n.size?`${n.size}em`:void 0
 return{width:e,height:e,"font-size":e,color:void 0!==n.color&&"primary"!==n.color?a.value?.mainColor:void 0}})
 return(e,a)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(o.value),{id:n.id,class:(0,t.normalizeClass)(n.class),icon:n.icon,style:(0,t.normalizeStyle)(d.value)},null,8,["id","class","icon","style"]))}}),qe=["id"],Pe=(0,t.defineComponent)({__name:"QIconFont",props:{id:{},class:{},icon:{},variant:{},library:{default:""}},setup(e){const n=e,o=(0,t.computed)(()=>n.variant?`${n.library}-${n.variant}`:n.library),a=(0,t.computed)(()=>n.library&&n.icon?`${n.library}-${n.icon}`:n.icon)
 return(e,d)=>((0,t.openBlock)(),(0,t.createElementBlock)("i",{id:n.id,class:(0,t.normalizeClass)(["q-icon","q-icon__font",o.value,a.value,n.class])},null,10,qe))}}),Ve=["id","src"],Te=(0,t.defineComponent)({__name:"QIconImg",props:{id:{},class:{},icon:{}},setup(e){const n=e

package/dist/ui.scss

@@ -1,5 +1,5 @@
 /*!
- * Quidgest UI v0.23.3
+ * Quidgest UI v0.24.0
  * (c) 2026 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -525,9 +525,9 @@ $breakpoint-xxl: 1400px;
   --q-selection-control-size-base: 1.15rem;
   --q-field-padding-y-base: 0.26rem;
   --q-field-padding-x-base: 0.25rem;
-  --q-icon-size-sm-base: 14px;
-  --q-icon-size-md-base: 16px;
-  --q-icon-size-lg-base: 20px;
+  --q-icon-size-sm-base: 1em;
+  --q-icon-size-md-base: 1.15em;
+  --q-icon-size-lg-base: 1.45em;
   --q-icon-padding-base: 4px;
   --q-border-radius-base: 4px;
   @include q-density-scoped-tokens;
@@ -1352,7 +1352,7 @@ $q-carousel-height-md: 300px;
 .q-carousel {
   --q-carousel-height: calc(#{$q-carousel-height} * var(--q-density-scale));
   --q-carousel-control-size: calc(48px * var(--q-density-scale));
-  --q-carousel-control-icon-size: calc(24px * var(--q-density-scale));
+  --q-carousel-control-icon-size: var(--q-icon-size-lg);
   --q-carousel-control-inset: calc(1rem * var(--q-density-scale));
   --q-carousel-caption-bottom: calc(3.5rem * var(--q-density-scale));
   --q-carousel-indicator-width: calc(30px * var(--q-density-scale));
@@ -2880,6 +2880,9 @@ $q-spacing-sides: (
     width: var(--q-icon-size-md);
     height: var(--q-icon-size-md);
   }
+  &__font {
+    font-size: var(--q-icon-size-md);
+  }
 }
 $input-group-addon-color: var(--q-theme-primary);
 $input-group-addon-background: rgb(var(--q-theme-neutral-light-rgb) / 25%);
@@ -3042,8 +3045,6 @@ $q-line-loader-color: var(--q-line-loader-color);
 }
 .q-list-item {
   $this: &;
-  
-  $control-height: var(--q-selection-control-size);
   display: flex;
   gap: var(--q-space-1);
   align-items: center;
@@ -3091,6 +3092,7 @@ $q-line-loader-color: var(--q-line-loader-color);
   }
   &__content {
     display: flex;
+    align-items: center;
     flex-grow: 1;
     gap: var(--q-space-2);
     cursor: inherit;
@@ -3101,7 +3103,7 @@ $q-line-loader-color: var(--q-line-loader-color);
     align-items: center;
     margin-left: auto;
     min-width: 1em;
-    min-height: $control-height;
+    min-height: var(--q-selection-control-size);
     align-self: center;
     &--top {
       align-self: flex-start;
@@ -3225,8 +3227,8 @@ $q-line-loader-color: var(--q-line-loader-color);
       color: var(--q-theme-primary);
     }
     .q-obfuscation__icon.q-icon {
-      width: 1em;
-      height: 1em;
+      width: var(--q-icon-size-sm);
+      height: var(--q-icon-size-sm);
     }
   }
   &__icon.q-icon {

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

@@ -21,7 +21,7 @@ var f = /*@__PURE__*/ o({
 				default: return;
 			}
 		}), { style: m } = e(d(f, "color")), h = i(() => {
-			let e = f.size === void 0 ? void 0 : `${f.size}px`;
+			let e = f.size === void 0 ? void 0 : `${f.size}em`;
 			return {
 				width: e,
 				height: e,

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

@@ -12,7 +12,7 @@ export type QIconBaseProps = QBaseComponentProps & {
 };
 export type QIconProps = QIconBaseProps & {
     /**
-     * The size of the icon, in pixels.
+     * The size of the icon, in em units.
      *
      * @category Presentation
      */

package/package.json

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