@quidgest/ui 0.5.19 → 0.6.0

package/dist/ui.css

@@ -425,18 +425,24 @@ body {
   z-index: 3;
 }
 
-.q-icon {
-  display: inline-block;
+.q-field {
+  display: flex;
+  flex-direction: column;
+  border-radius: 0.25rem;
 }
-.q-icon__svg {
-  fill: currentColor;
+.q-field:focus-within {
+  outline: 2px solid rgb(var(--q-theme-primary-rgb)/0.25);
 }
-.q-icon__svg, .q-icon__img {
-  width: 1em;
-  height: 1em;
+.q-field__label {
+  color: rgb(var(--q-theme-on-background-rgb)/0.8);
+  line-height: 1.5;
 }
-
-.q-input {
+.q-field__label[data-val-required=true]::after {
+  content: " *";
+  font-weight: 700;
+  color: var(--q-theme-danger);
+}
+.q-field__control {
   display: flex;
   align-items: center;
   height: 31.89px;
@@ -449,45 +455,53 @@ body {
   line-height: 1.5rem;
   transition: color var(--transition-duration) var(--transition-timing-function);
 }
-.q-input:focus-within {
-  outline: 2px solid rgb(var(--q-theme-primary-rgb)/0.25);
-}
-.q-input__prepend, .q-input__append {
+.q-field__prepend, .q-field__append {
   display: flex;
   align-items: center;
 }
-.q-input__append {
+.q-field__append {
   margin-left: auto;
 }
-.q-input--readonly {
+.q-field--readonly {
   background-color: #eaebec;
 }
-.q-input--disabled {
+.q-field--disabled {
   cursor: not-allowed;
   opacity: 0.5;
 }
-.q-input--mini {
+.q-field--mini {
   width: 4.35rem;
 }
-.q-input--small {
+.q-field--small {
   width: 6.525rem;
 }
-.q-input--medium {
+.q-field--medium {
   width: 10.875rem;
 }
-.q-input--large {
+.q-field--large {
   width: 15.225rem;
 }
-.q-input--x-large {
+.q-field--x-large {
   width: 19.575rem;
 }
-.q-input--xx-large {
+.q-field--xx-large {
   width: 36.975rem;
 }
-.q-input--block {
+.q-field--block {
   width: 100%;
 }
 
+.q-icon {
+  display: inline-block;
+}
+.q-icon__svg {
+  fill: currentColor;
+}
+.q-icon__svg, .q-icon__img {
+  width: 1em;
+  height: 1em;
+}
+
 .q-line-loader {
   width: 100%;
   height: 2px;
@@ -734,9 +748,6 @@ body {
 .q-select {
   /* Icon of the selected item */
 }
-.q-select:not(.q-select--readonly) {
-  background-color: transparent;
-}
 .q-select:not(.q-select--readonly):not(.q-select--disabled) {
   cursor: pointer;
 }
@@ -744,6 +755,7 @@ body {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  pointer-events: none;
 }
 .q-select__placeholder {
   font-style: italic;
@@ -752,7 +764,7 @@ body {
 .q-select--expanded .q-select__chevron {
   transform: rotate(-180deg);
 }
-.q-select .q-input__prepend {
+.q-select .q-field__prepend {
   padding-left: 6px;
   padding-right: 0.25rem;
 }
@@ -859,6 +871,34 @@ body {
     stroke-dashoffset: -124px;
   }
 }
+.q-text-field__input {
+  width: 100%;
+  line-height: inherit;
+  outline: none;
+  background-color: inherit;
+  cursor: inherit;
+}
+.q-text-field__input::-moz-placeholder {
+  font-style: italic;
+  color: rgb(var(--q-theme-on-background-rgb)/0.5);
+}
+.q-text-field__input::placeholder {
+  font-style: italic;
+  color: rgb(var(--q-theme-on-background-rgb)/0.5);
+}
+.q-text-field__input:disabled {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+
+.q-text-field__counter {
+  display: flex;
+  margin-top: 0.1rem;
+  justify-content: end;
+  color: rgb(var(--q-theme-on-background-rgb)/0.5);
+}
+
 .q-tooltip .q-overlay__content {
   padding: 0.5rem;
   text-align: center;