@quidgest/ui 0.14.13 → 0.14.14

package/dist/ui.css

@@ -267,7 +267,7 @@ body {
   caret-color: var(--q-theme-on-background);
 }
 body * {
-  scrollbar-color: var(--q-theme-neutral-light) rgb(var(--q-theme-neutral-light-rgb)/0.25);
+  scrollbar-color: var(--q-theme-neutral-light) rgb(var(--q-theme-neutral-light-rgb)/25%);
   scrollbar-width: thin;
 }
 body *::-webkit-scrollbar {
@@ -279,7 +279,7 @@ body *::-webkit-scrollbar-thumb {
   border-radius: var(--border-radius);
 }
 body *::-webkit-scrollbar-track {
-  background-color: rgb(var(--q-theme-neutral-light-rgb)/0.25);
+  background-color: rgb(var(--q-theme-neutral-light-rgb)/25%);
   border-radius: var(--border-radius);
 }
 
@@ -375,7 +375,7 @@ body *::-webkit-scrollbar-track {
   background-color: var(--q-badge-hover-color, var(--q-badge-color));
 }
 .q-badge--clickable:focus {
-  outline: 2px solid rgb(var(--q-theme-info-rgb)/0.5);
+  outline: 2px solid rgb(var(--q-theme-info-rgb)/50%);
 }
 .q-badge--clickable:focus:not(:focus-visible) {
   outline: 0;
@@ -390,7 +390,7 @@ body *::-webkit-scrollbar-track {
   opacity: 1;
 }
 .q-badge--outlined {
-  border-color: currentColor;
+  border-color: currentcolor;
 }
 .q-badge--outlined .q-badge__underlay {
   opacity: 0;
@@ -544,16 +544,19 @@ body *::-webkit-scrollbar-track {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 0.15s;
 }
-.q-btn:hover:not(:disabled) {
-  cursor: pointer;
+.q-btn:disabled {
+  opacity: 0.6;
 }
 .q-btn:focus {
-  outline: 2px solid rgb(var(--q-theme-info-rgb)/0.5);
+  outline: 2px solid rgb(var(--q-theme-info-rgb)/50%);
   z-index: 3;
 }
 .q-btn:focus:not(:focus-visible) {
   outline: 0;
 }
+.q-btn:hover:not(:disabled) {
+  cursor: pointer;
+}
 .q-btn__content {
   position: relative;
   display: flex;
@@ -568,7 +571,7 @@ body *::-webkit-scrollbar-track {
   min-width: 15px;
 }
 .q-btn .q-spinner-loader {
-  color: currentColor;
+  color: currentcolor;
 }
 .q-btn--primary {
   --box-shadow-tint: var(--q-theme-primary-dark-rgb);
@@ -583,7 +586,7 @@ body *::-webkit-scrollbar-track {
 }
 .q-btn--secondary {
   --box-shadow-tint: var(--q-theme-primary-dark-rgb);
-  border-color: currentColor;
+  border-color: currentcolor;
   color: var(--q-theme-primary);
 }
 .q-btn--secondary:hover:not(:disabled) {
@@ -615,16 +618,13 @@ body *::-webkit-scrollbar-track {
   color: var(--q-theme-on-background);
 }
 .q-btn--plain:hover:not(:disabled) {
-  background-color: rgb(var(--q-theme-neutral-rgb)/0.1);
+  background-color: rgb(var(--q-theme-neutral-rgb)/10%);
 }
 .q-btn--active {
   z-index: 2;
   color: var(--q-theme-primary-dark);
   border-color: var(--q-theme-primary);
-  background-color: rgb(var(--q-theme-primary-light-rgb)/0.5);
-}
-.q-btn:disabled {
-  opacity: 0.6;
+  background-color: rgb(var(--q-theme-primary-light-rgb)/50%);
 }
 .q-btn--loading:hover {
   cursor: not-allowed;
@@ -644,7 +644,7 @@ body *::-webkit-scrollbar-track {
   border-color: transparent !important;
 }
 .q-btn--elevated {
-  box-shadow: 0 2px 4px -1px rgb(var(--box-shadow-tint)/0.2), 0 4px 5px 0 rgb(var(--box-shadow-tint)/0.14), 0 1px 10px 0 rgb(var(--box-shadow-tint)/0.12);
+  box-shadow: 0 2px 4px -1px rgb(var(--box-shadow-tint)/20%), 0 4px 5px 0 rgb(var(--box-shadow-tint)/14%), 0 1px 10px 0 rgb(var(--box-shadow-tint)/12%);
 }
 .q-btn--block {
   display: block;
@@ -667,7 +667,7 @@ body *::-webkit-scrollbar-track {
 }
 .q-btn-group--elevated {
   --box-shadow-tint: var(--q-theme-primary-rgb);
-  box-shadow: 0 2px 4px -1px rgb(var(--box-shadow-tint)/0.2), 0 4px 5px 0 rgb(var(--box-shadow-tint)/0.14), 0 1px 10px 0 rgb(var(--box-shadow-tint)/0.12);
+  box-shadow: 0 2px 4px -1px rgb(var(--box-shadow-tint)/20%), 0 4px 5px 0 rgb(var(--box-shadow-tint)/14%), 0 1px 10px 0 rgb(var(--box-shadow-tint)/12%);
 }
 .q-btn-group > .q-btn {
   position: relative;
@@ -691,7 +691,7 @@ body *::-webkit-scrollbar-track {
   --card-padding: 1rem;
   --card-border: 1px solid var(--q-theme-neutral-light);
   --card-width: fit-content;
-  --card-hover: 0 5px 15px rgb(var(--q-theme-neutral-rgb) / 0.25);
+  --card-hover: 0 5px 15px rgb(var(--q-theme-neutral-rgb) / 25%);
   --card-scale: 1;
   --card-shadow: none;
   --card-background: var(--q-theme-container);
@@ -748,22 +748,22 @@ body *::-webkit-scrollbar-track {
   display: flex;
 }
 .q-card--elevation-low {
-  --card-shadow: 0 4px 6px rgb(var(--q-theme-neutral-dark-rgb) / 0.15);
+  --card-shadow: 0 4px 6px rgb(var(--q-theme-neutral-dark-rgb) / 15%);
 }
 .q-card--elevation-medium {
-  --card-shadow: 0 6px 9px rgb(var(--q-theme-neutral-dark-rgb) / 0.2);
+  --card-shadow: 0 6px 9px rgb(var(--q-theme-neutral-dark-rgb) / 20%);
 }
 .q-card--elevation-high {
-  --card-shadow: 0 8px 12px rgb(var(--q-theme-neutral-dark-rgb) / 0.25);
+  --card-shadow: 0 8px 12px rgb(var(--q-theme-neutral-dark-rgb) / 25%);
 }
 .q-card--background {
-  --card-background: rgb(var(--q-theme-primary-light-rgb) / 0.5);
+  --card-background: rgb(var(--q-theme-primary-light-rgb) / 50%);
 }
 .q-card--background .q-field__control {
   background-color: var(--q-theme-container);
 }
 .q-card--title-background .q-card__header-content {
-  background-color: rgb(var(--q-theme-neutral-light-rgb)/0.25);
+  background-color: rgb(var(--q-theme-neutral-light-rgb)/25%);
   padding-bottom: 0.75rem;
 }
 .q-card--title-background .q-card__title {
@@ -781,7 +781,7 @@ body *::-webkit-scrollbar-track {
 }
 .q-card--minor .q-card__subtitle {
   font-size: 0.75rem;
-  color: rgb(var(--q-theme-neutral-rgb)/0.8);
+  color: rgb(var(--q-theme-neutral-rgb)/80%);
 }
 .q-card--borderless {
   --card-border: 1px solid transparent;
@@ -853,7 +853,7 @@ body *::-webkit-scrollbar-track {
   outline: 0;
 }
 .q-checkbox__input:focus-visible:not(:disabled) {
-  outline: 2px solid rgb(var(--q-theme-info-rgb)/0.5);
+  outline: 2px solid rgb(var(--q-theme-info-rgb)/50%);
 }
 .q-checkbox__input-icon.q-icon {
   color: var(--icon-color);
@@ -913,7 +913,7 @@ body *::-webkit-scrollbar-track {
   cursor: default;
 }
 .q-checkbox--readonly:not(.q-checkbox--checked):not(.q-checkbox--indeterminate) .q-checkbox__input {
-  background-color: rgb(var(--q-theme-neutral-light-rgb)/0.25);
+  background-color: rgb(var(--q-theme-neutral-light-rgb)/25%);
 }
 
 @media (prefers-reduced-motion: reduce) {
@@ -1054,7 +1054,7 @@ body *::-webkit-scrollbar-track {
   border-width: 1px;
 }
 .q-color-picker__swatch:focus-visible {
-  outline: 2px solid rgb(var(--q-theme-info-rgb)/0.5);
+  outline: 2px solid rgb(var(--q-theme-info-rgb)/50%);
 }
 .q-color-picker__swatch:not(:disabled) {
   cursor: pointer;
@@ -2434,7 +2434,7 @@ body *::-webkit-scrollbar-track {
 }
 
 .q-dialog__underlay {
-  background-color: rgb(var(--q-theme-on-background-rgb)/0.3);
+  background-color: rgb(var(--q-theme-on-background-rgb)/30%);
 }
 
 .q-dialog__header {
@@ -2546,7 +2546,7 @@ body *::-webkit-scrollbar-track {
   color: var(--q-theme-danger);
 }
 .q-field--readonly > .q-field__control {
-  background-color: rgb(var(--q-theme-neutral-light-rgb)/0.25);
+  background-color: rgb(var(--q-theme-neutral-light-rgb)/25%);
 }
 .q-field--disabled > .q-field__control {
   opacity: 0.5;
@@ -2555,7 +2555,7 @@ body *::-webkit-scrollbar-track {
   cursor: not-allowed;
 }
 .q-field:not(.q-field--disabled) .q-field__control:focus-within {
-  outline: 2px solid rgb(var(--q-theme-info-rgb)/0.5);
+  outline: 2px solid rgb(var(--q-theme-info-rgb)/50%);
 }
 .q-field--mini > .q-field__control {
   width: calc(1 * 5em + 0 * 0.25rem);
@@ -2580,13 +2580,13 @@ body *::-webkit-scrollbar-track {
 }
 
 .q-file-input {
-  --q-file-input__preview-side: 3rem;
-  --q-file-input__preview-padding: 0.75rem;
+  --q-file-input-preview-side: 3rem;
+  --q-file-input-preview-padding: 0.75rem;
   justify-content: center;
   flex-direction: column;
   border-width: 2px; /* Make dashes more visible */
   border-style: dashed;
-  padding: var(--q-file-input__preview-padding);
+  padding: var(--q-file-input-preview-padding);
   transition: border-color 0.2s ease, background-color 0.2s ease;
 }
 .q-file-input__drop-area {
@@ -2594,7 +2594,7 @@ body *::-webkit-scrollbar-track {
   gap: 0.5rem;
   align-items: center;
   color: var(--q-theme-neutral);
-  min-height: var(--q-file-input__preview-side);
+  min-height: var(--q-file-input-preview-side);
 }
 .q-file-input__file-details {
   display: flex;
@@ -2605,7 +2605,7 @@ body *::-webkit-scrollbar-track {
 .q-file-input__attached-file {
   display: flex;
   align-items: center;
-  gap: var(--q-file-input__preview-padding);
+  gap: var(--q-file-input-preview-padding);
   width: 100%;
 }
 .q-file-input__file-input {
@@ -2613,8 +2613,8 @@ body *::-webkit-scrollbar-track {
 }
 .q-file-input__preview, .q-file-input__preview.q-icon {
   color: var(--q-theme-neutral);
-  width: var(--q-file-input__preview-side);
-  height: var(--q-file-input__preview-side);
+  width: var(--q-file-input-preview-side);
+  height: var(--q-file-input-preview-side);
   flex-shrink: 0;
 }
 .q-file-input__image-preview {
@@ -2655,7 +2655,7 @@ body *::-webkit-scrollbar-track {
   align-items: center;
   gap: 0.25rem;
   color: var(--q-theme-neutral);
-  min-height: var(--q-file-input__preview-side);
+  min-height: var(--q-file-input-preview-side);
 }
 .q-file-input--highlighted {
   border-color: var(--q-theme-primary);
@@ -2672,7 +2672,7 @@ body *::-webkit-scrollbar-track {
   display: inline-block;
 }
 .q-icon__svg {
-  fill: currentColor;
+  fill: currentcolor;
 }
 .q-icon__svg, .q-icon__img {
   width: 1em;
@@ -2705,7 +2705,7 @@ body *::-webkit-scrollbar-track {
   line-height: 1.5;
   font-size: 0.9rem;
   border-width: 1px;
-  background-color: rgb(var(--q-theme-neutral-light-rgb)/0.25);
+  background-color: rgb(var(--q-theme-neutral-light-rgb)/25%);
   color: var(--q-theme-primary);
   white-space: nowrap;
   padding: 0 0.4rem;
@@ -2721,6 +2721,9 @@ body *::-webkit-scrollbar-track {
   padding: 0;
   outline: none !important;
 }
+.q-input-group > .q-field__control > * + * {
+  margin-left: -1px;
+}
 .q-input-group > .q-field__control > * {
   border-radius: 0;
 }
@@ -2735,9 +2738,6 @@ body *::-webkit-scrollbar-track {
   border-top-right-radius: var(--border-radius);
   border-bottom-right-radius: var(--border-radius);
 }
-.q-input-group > .q-field__control > * + * {
-  margin-left: -1px;
-}
 
 .q-line-loader {
   width: 100%;
@@ -2776,8 +2776,7 @@ body *::-webkit-scrollbar-track {
   flex-direction: column;
   align-items: center;
   position: relative;
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow: hidden auto;
   margin: 0;
   padding: 0;
   -webkit-overflow-scrolling: touch;
@@ -2824,7 +2823,7 @@ body *::-webkit-scrollbar-track {
   cursor: pointer;
 }
 .q-list-item:hover, .q-list-item:focus-visible, .q-list-item--highlighted {
-  background-color: rgb(var(--q-theme-primary-light-rgb)/0.5);
+  background-color: rgb(var(--q-theme-primary-light-rgb)/50%);
 }
 .q-list-item--disabled {
   pointer-events: none;
@@ -2842,8 +2841,7 @@ body *::-webkit-scrollbar-track {
 }
 .q-list-item__container {
   display: flex;
-  flex-direction: column;
-  flex-wrap: wrap;
+  flex-flow: column wrap;
   flex-grow: 1;
   gap: 0.25rem;
 }
@@ -2938,10 +2936,7 @@ body *::-webkit-scrollbar-track {
   border-bottom-width: 1px;
 }
 .q-overlay--independent {
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
+  inset: 0;
   margin: auto;
   width: -moz-max-content;
   width: max-content;
@@ -2970,7 +2965,7 @@ body *::-webkit-scrollbar-track {
   padding: 0.5rem 1rem;
   margin: 0;
   font-size: 0.9rem;
-  background-color: rgb(var(--q-theme-neutral-light-rgb)/0.25);
+  background-color: rgb(var(--q-theme-neutral-light-rgb)/25%);
   border-bottom: 1px solid var(--q-overlay-border-color);
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
@@ -2980,7 +2975,7 @@ body *::-webkit-scrollbar-track {
 }
 
 .q-popover.q-overlay--bottom .q-overlay__arrow::after {
-  border-bottom-color: rgb(var(--q-theme-neutral-light-rgb)/0.25);
+  border-bottom-color: rgb(var(--q-theme-neutral-light-rgb)/25%);
 }
 
 .q-property-list {
@@ -2990,13 +2985,6 @@ body *::-webkit-scrollbar-track {
   flex-direction: column;
   border: 1px solid rgba(0, 0, 0, 0.1);
 }
-.q-property-list--side-panel {
-  flex-direction: row;
-}
-.q-property-list--side-panel .q-property-list-panel__container {
-  border-left: 1px solid rgba(0, 0, 0, 0.1);
-  width: 20%;
-}
 .q-property-list-panel__container {
   padding: 0.4rem;
   display: flex;
@@ -3004,6 +2992,13 @@ body *::-webkit-scrollbar-track {
   min-height: 50px;
   gap: 1rem;
 }
+.q-property-list--side-panel {
+  flex-direction: row;
+}
+.q-property-list--side-panel .q-property-list-panel__container {
+  border-left: 1px solid rgba(0, 0, 0, 0.1);
+  width: 20%;
+}
 .q-property-list-panel__label {
   font-weight: bold;
 }
@@ -3013,11 +3008,11 @@ body *::-webkit-scrollbar-track {
   margin: 0;
 }
 .q-property-list__header {
-  background: rgb(var(--q-theme-neutral-light-rgb)/0.25);
+  background: rgb(var(--q-theme-neutral-light-rgb)/25%);
   height: 25px;
 }
 .q-property-list__row:hover {
-  background-color: rgb(var(--q-theme-primary-light-rgb)/0.5);
+  background-color: rgb(var(--q-theme-primary-light-rgb)/50%);
 }
 .q-property-list__row .q-field:not(.q-field--readonly) .q-field__control {
   background-color: var(--q-theme-background);
@@ -3026,7 +3021,7 @@ body *::-webkit-scrollbar-track {
   display: none;
 }
 .q-property-list__row--selected {
-  background-color: rgb(var(--q-theme-primary-rgb)/0.15);
+  background-color: rgb(var(--q-theme-primary-rgb)/15%);
 }
 .q-property-list__cell {
   padding: 0.1rem 0.5rem;
@@ -3037,9 +3032,6 @@ body *::-webkit-scrollbar-track {
   text-wrap: nowrap;
   opacity: 0.8;
 }
-.q-property-list tbody td {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-}
 .q-property-list-group {
   cursor: pointer;
 }
@@ -3059,6 +3051,9 @@ body *::-webkit-scrollbar-track {
 .q-property-list-group--no-toggle td {
   padding: 0.5rem 1rem;
 }
+.q-property-list tbody td {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
 
 .q-select {
   /* Icon of the selected item */
@@ -3134,18 +3129,15 @@ body *::-webkit-scrollbar-track {
   position: relative;
   overflow: hidden;
   background-color: var(--q-theme-neutral-light);
-  animation: fadeIn 1s;
+  animation: fade-in 1s;
   border-radius: var(--border-radius);
 }
 .q-skeleton-loader__bone::after {
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
   transform: translateX(-100%);
   /* stylelint-disable @stylistic/function-parentheses-space-inside */
-  background-image: linear-gradient(90deg, rgb(var(--q-theme-background-rgb)/0) 0, rgb(var(--q-theme-background-rgb)/0.2) 20%, rgb(var(--q-theme-background-rgb)/0.5) 60%, rgb(var(--q-theme-background-rgb)/0));
+  background-image: linear-gradient(90deg, rgb(var(--q-theme-background-rgb)/0%) 0, rgb(var(--q-theme-background-rgb)/20%) 20%, rgb(var(--q-theme-background-rgb)/50%) 60%, rgb(var(--q-theme-background-rgb)/0%));
   /* stylelint-enable @stylistic/function-parentheses-space-inside */
   animation: shimmer 2s infinite;
   content: "";
@@ -3165,7 +3157,7 @@ body *::-webkit-scrollbar-track {
     transform: translateX(100%);
   }
 }
-@keyframes fadeIn {
+@keyframes fade-in {
   0% {
     opacity: 0;
   }
@@ -3181,10 +3173,10 @@ body *::-webkit-scrollbar-track {
   aspect-ratio: 1;
   border-radius: 50%;
   color: var(--q-theme-primary);
-  background: currentColor;
-  --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
-  -webkit-mask: var(--_m);
-  mask: var(--_m);
+  background: currentcolor;
+  --q-spinner-loader-mask: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
+  -webkit-mask: var(--q-spinner-loader-mask);
+  mask: var(--q-spinner-loader-mask);
   -webkit-mask-composite: source-out;
   mask-composite: subtract;
   animation: q-rotate 1s infinite linear;