@quidgest/ui 0.7.15 → 0.7.17

package/dist/ui.scss

@@ -1,5 +1,5 @@
 /*!
- * Quidgest Framework v0.7.15
+ * Quidgest Framework v0.7.17
  * (c) 2023 Quidgest - Consultores de Gestão, SA
  */
 
@@ -186,6 +186,8 @@ $outline-width: 2px !default;
 $outline-style: solid !default;
 $outline-color: rgb(var(--q-theme-info-rgb) / 0.5) !default;
 $outline: $outline-width $outline-style $outline-color;
+$input-padding-y: 0.26rem;
+$input-padding-x: 0.25rem;
 *,
 ::after,
 ::before {
@@ -419,9 +421,6 @@ $btn-outline: var(--q-theme-primary-light);
 		cursor: pointer;
 	}
 }
-$input-padding-y: 0.26rem;
-$input-padding-x: 0.25rem;
-$input-height: 31.89px;
 .q-field {
 	$this: &;
 	display: flex;
@@ -438,14 +437,14 @@ $input-height: 31.89px;
 	&__control {
 		display: flex;
 		align-items: center;
-		height: $input-height;
+		height: inherit;
 		width: 100%;
 		border-radius: inherit;
 		border-width: 1px;
 		background-color: transparent;
 		padding: $input-padding-y $input-padding-x;
 		font-size: 0.9rem;
-		line-height: 1.5rem;
+		line-height: 1.5;
 		transition: color var(--transition-duration) var(--transition-timing-function);
 		&:focus-within {
 			outline: $outline;
@@ -527,7 +526,7 @@ $input-height: 31.89px;
 	&__append {
 		display: flex;
 		align-items: flex-end;
-		height: $input-height;
+		height: inherit;
 		> * {
 			border-radius: 0;
 			min-width: 40px;
@@ -539,7 +538,8 @@ $input-height: 31.89px;
 			align-items: center;
 			justify-content: center;
 			text-align: center;
-			padding: 0.25rem 0.5rem;
+			padding: $input-padding-y $input-padding-x;
+			line-height: 1.5;
 			font-size: $font-size-base;
 			border-width: 1px;
 			background-color: rgb(var(--q-theme-on-background-rgb) / 0.1);
@@ -552,7 +552,7 @@ $input-height: 31.89px;
 	}
 	> .q-field__control {
 		display: flex;
-		align-items: flex-end;
+		align-items: stretch;
 		height: auto;
 		border-width: 0;
 		padding: 0;
@@ -696,9 +696,17 @@ $overlay-arrow-height: 0.5rem;
 	$this: &;
 	--q-overlay-bg: var(--q-theme-background);
 	--q-overlay-color: var(--q-theme-on-background);
-	--q-overlay-border-color: rgb(var(--q-theme-on-background-rgb) / 0.1);
+	
+	--q-overlay-border-color: #c4c5ca;
 	position: absolute;
 	z-index: 1070;
+	&__underlay {
+		position: fixed;
+		inset: 0;
+		&--blur {
+			backdrop-filter: blur(2px);
+		}
+	}
 	&__content {
 		display: block;
 		position: relative;
@@ -709,6 +717,7 @@ $overlay-arrow-height: 0.5rem;
 		background-clip: padding-box;
 		border: $overlay-border-width solid var(--q-overlay-border-color);
 		border-radius: $border-radius;
+		outline: none;
 		box-shadow:
 			0 0 #0000,
 			0 0 #0000,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@quidgest/ui",
   "private": false,
   "description": "Quidgest's UI framework",
-  "version": "0.7.15",
+  "version": "0.7.17",
   "author": {
     "name": "Quidgest"
   },