@quidgest/ui 0.16.59 → 0.16.60

package/dist/ui.scss

@@ -1,9 +1,10 @@
 /*!
- * Quidgest UI v0.16.59
+ * Quidgest UI v0.16.60
  * (c) 2026 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
 @use 'sass:math';
+@use 'sass:map';
 
 *,
 ::before,
@@ -1990,7 +1991,7 @@ $q-carousel-height-md: 300px;
 .q-col-auto {
   flex: 0 0 auto;
   width: auto;
-  max-width: none;
+  max-width: 100%;
 }
 @mixin generate-cols($infix: '') {
   @for $i from 1 through 12 {
@@ -2017,9 +2018,6 @@ $q-carousel-height-md: 300px;
 @media (min-width: $breakpoint-xxl) {
   @include generate-cols('-xxl');
 }
-.q-spacer {
-  flex: 1 1 0;
-}
 .q-group-box {
   $this: &;
   display: inline-block;
@@ -3559,3 +3557,111 @@ $q-toast-slide-distance: clamp(1rem, 3vw, 1.5rem) !default;
     max-width: 200px;
   }
 }
+
+.q-spacer {
+  flex: 1 1 0;
+}
+$q-spacers: (
+  0: 0,
+  1: $space-base * 0.25,
+  2: $space-base * 0.5,
+  3: $space-base,
+  4: $space-base * 1.5,
+  5: $space-base * 3
+) !default;
+$q-breakpoints: (
+  sm: $breakpoint-sm,
+  md: $breakpoint-md,
+  lg: $breakpoint-lg,
+  xl: $breakpoint-xl,
+  xxl: $breakpoint-xxl
+) !default;
+$q-spacing-sides: (
+  null: '',
+  
+  t: 't',
+  
+  b: 'b',
+  
+  l: 'l',
+  
+  r: 'r',
+  
+  x: 'x',
+  
+  y: 'y' 
+) !default;
+@mixin q-media-up($breakpoint) {
+  $value: map.get($q-breakpoints, $breakpoint);
+  @if $value {
+    @media (min-width: $value) {
+      @content;
+    }
+  } @else {
+    @warn "Breakpoint `#{$breakpoint}` not found in $q-breakpoints.";
+  }
+}
+@mixin q-emit-spacing($property, $side, $value) {
+  @if not $side {
+    #{$property}: $value;
+  } @else if $side == t {
+    #{$property}-top: $value;
+  } @else if $side == b {
+    #{$property}-bottom: $value;
+  } @else if $side == l {
+    #{$property}-left: $value;
+  } @else if $side == r {
+    #{$property}-right: $value;
+  } @else if $side == x {
+    #{$property}-left: $value;
+    #{$property}-right: $value;
+  } @else if $side == y {
+    #{$property}-top: $value;
+    #{$property}-bottom: $value;
+  } @else {
+    @warn "Unknown side `#{$side}` used for spacing generation.";
+  }
+}
+@mixin q-generate-responsive-spacing($property, $short) {
+  
+  @each $size, $length in $q-spacers {
+    @each $sideKey, $sideSuffix in $q-spacing-sides {
+      .q-#{$short}#{$sideSuffix}-#{$size} {
+        @include q-emit-spacing($property, $sideKey, $length);
+      }
+    }
+  }
+  
+  @each $breakpoint, $bpValue in $q-breakpoints {
+    @include q-media-up($breakpoint) {
+      @each $size, $length in $q-spacers {
+        @each $sideKey, $sideSuffix in $q-spacing-sides {
+          .q-#{$short}#{$sideSuffix}-#{$breakpoint}-#{$size} {
+            @include q-emit-spacing($property, $sideKey, $length);
+          }
+        }
+      }
+    }
+  }
+}
+@mixin q-generate-margin-auto() {
+  
+  @each $sideKey, $sideSuffix in $q-spacing-sides {
+    .q-m#{$sideSuffix}-auto {
+      @include q-emit-spacing(margin, $sideKey, auto);
+    }
+  }
+  
+  @each $breakpoint, $bpValue in $q-breakpoints {
+    @include q-media-up($breakpoint) {
+      @each $sideKey, $sideSuffix in $q-spacing-sides {
+        .q-m#{$sideSuffix}-#{$breakpoint}-auto {
+          @include q-emit-spacing(margin, $sideKey, auto);
+        }
+      }
+    }
+  }
+}
+@include q-generate-responsive-spacing(margin, m);
+@include q-generate-responsive-spacing(padding, p);
+@include q-generate-margin-auto;

package/package.json

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