@quidgest/ui 0.8.3 → 0.8.5

package/dist/ui.scss

@@ -1,5 +1,5 @@
 /*!
- * Quidgest Framework v0.8.3
+ * Quidgest Framework v0.8.5
  * (c) 2023 Quidgest - Consultores de Gestão, SA
  */
 
@@ -348,7 +348,9 @@ $button-text-on-plain: var(--q-theme-on-background);
 		opacity: 0.6;
 	}
 	&--loading {
-		cursor: not-allowed;
+		&:hover {
+			cursor: not-allowed;
+		}
 		span {
 			visibility: hidden;
 		}
@@ -415,14 +417,35 @@ $button-text-on-plain: var(--q-theme-on-background);
 		}
 	}
 }
-.q-combobox__clear {
+.q-combobox {
+	$this: &;
+	&:not(#{$this}--disabled) {
+		#{$this}__clear,
+		#{$this}__chevron {
+			&:hover,
+			&:focus {
+				cursor: pointer;
+				opacity: 1;
+			}
+		}
+	}
+	&--expanded {
+		#{$this}__chevron svg {
+			transform: rotate(-180deg);
+		}
+	}
+}
+.q-combobox__clear,
+.q-combobox__chevron {
+	padding: 0.1rem;
 	opacity: 0.5;
-	&:hover,
-	&:focus {
-		cursor: pointer;
-		opacity: 1;
+	&:hover {
+		cursor: inherit;
 	}
 }
+.q-combobox__chevron svg {
+	transition: all 0.2s;
+}
 .q-field {
 	$this: &;
 	display: flex;
@@ -479,8 +502,10 @@ $button-text-on-plain: var(--q-theme-on-background);
 	}
 	&--disabled {
 		> #{$this}__control {
-			cursor: not-allowed;
 			opacity: 0.5;
+			&:hover {
+				cursor: not-allowed;
+			}
 		}
 	}
 	&:not(#{$this}--disabled) {
@@ -663,19 +688,23 @@ $line-color: var(--q-theme-primary);
 	word-wrap: break-word;
 	-webkit-touch-callout: none;
 	width: inherit;
-	cursor: pointer;
 	border-radius: $border-radius;
 	outline: none;
-	&--disabled {
-		cursor: not-allowed;
-		pointer-events: none;
-		opacity: 0.5;
+	&:hover {
+		cursor: pointer;
 	}
 	&:hover,
 	&:focus-visible,
 	&--highlighted {
 		background-color: rgb(var(--q-theme-primary-light-rgb) / 0.5);
 	}
+	&--disabled {
+		pointer-events: none;
+		opacity: 0.5;
+		&:hover {
+			cursor: not-allowed;
+		}
+	}
 	&--selected {
 		background-color: var(--q-theme-primary-light) !important;
 	}
@@ -885,7 +914,7 @@ $popover-header-bg: rgb(var(--q-theme-neutral-light-rgb) / 0.25);
 		color: var(--q-theme-neutral);
 	}
 	&--expanded {
-		#{$this}__chevron {
+		#{$this}__chevron svg {
 			transform: rotate(-180deg);
 		}
 	}
@@ -897,9 +926,13 @@ $popover-header-bg: rgb(var(--q-theme-neutral-light-rgb) / 0.25);
 }
 .q-select__clear,
 .q-select__chevron {
+	padding: 0.1rem;
 	opacity: 0.5;
+	&:hover {
+		cursor: inherit;
+	}
 }
-.q-select__chevron {
+.q-select__chevron svg {
 	transition: all 0.2s;
 }
 .q-select__body {
@@ -998,7 +1031,6 @@ $spinner-color: var(--q-theme-primary);
 	outline: none;
 	color: inherit;
 	background-color: transparent;
-	cursor: inherit;
 	padding: 0;
 	&::placeholder {
 		font-style: italic;
@@ -1007,6 +1039,9 @@ $spinner-color: var(--q-theme-primary);
 	&:disabled {
 		user-select: none;
 	}
+	&:hover {
+		cursor: inherit;
+	}
 }
 .q-theme-provider {
 	color: var(--q-theme-on-background);

package/package.json

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