@quidgest/ui 0.9.9 → 0.10.0

package/dist/ui.css

@@ -720,7 +720,7 @@ body *::-webkit-scrollbar-track {
   --q-overlay-bg: var(--q-theme-background);
   --q-overlay-color: var(--q-theme-on-background);
   --q-overlay-border-color: var(--q-theme-neutral-light);
-  position: absolute;
+  position: fixed;
   z-index: 1070;
 }
 .q-overlay__underlay {
@@ -749,80 +749,36 @@ body *::-webkit-scrollbar-track {
 .q-overlay__arrow {
   position: absolute;
   display: block;
-  width: 1rem;
-  height: 0.5rem;
-}
-.q-overlay__arrow::before, .q-overlay__arrow::after {
-  position: absolute;
-  display: block;
-  content: "";
-  border-color: transparent;
-  border-style: solid;
-  border-width: 0;
+  width: 11.31px;
+  height: 11.31px;
+  transition: opacity 0.2s ease 0s;
+  transform: rotate(45deg);
+  background-color: inherit;
+  border: 0 solid var(--q-overlay-border-color);
 }
 .q-overlay--top .q-overlay__arrow {
-  left: calc(50% - 0.5rem);
-  bottom: calc(-0.5rem - 1px);
-}
-.q-overlay--top .q-overlay__arrow::before, .q-overlay--top .q-overlay__arrow::after {
-  border-width: 0.5rem 0.5rem 0;
-}
-.q-overlay--top .q-overlay__arrow::before {
-  bottom: 0;
-  border-top-color: var(--q-overlay-border-color);
-}
-.q-overlay--top .q-overlay__arrow::after {
-  bottom: 1px;
-  border-top-color: var(--q-overlay-bg);
+  bottom: -6.655px;
+  border-bottom-right-radius: 0.1rem;
+  border-right-width: 1px;
+  border-bottom-width: 1px;
 }
 .q-overlay--bottom .q-overlay__arrow {
-  top: calc(-0.5rem - 1px);
-  left: calc(50% - 0.5rem);
-}
-.q-overlay--bottom .q-overlay__arrow::before, .q-overlay--bottom .q-overlay__arrow::after {
-  border-width: 0 0.5rem 0.5rem;
-}
-.q-overlay--bottom .q-overlay__arrow::before {
-  top: 0;
-  border-bottom-color: var(--q-overlay-border-color);
-}
-.q-overlay--bottom .q-overlay__arrow::after {
-  top: 1px;
-  border-bottom-color: var(--q-overlay-bg);
+  top: -6.655px;
+  border-top-left-radius: 0.1rem;
+  border-left-width: 1px;
+  border-top-width: 1px;
 }
 .q-overlay--left .q-overlay__arrow {
-  top: calc(50% - 0.5rem);
-  right: -0.5rem;
-  width: 0.5rem;
-  height: 1rem;
-}
-.q-overlay--left .q-overlay__arrow::before, .q-overlay--left .q-overlay__arrow::after {
-  border-width: 0.5rem 0 0.5rem 0.5rem;
-}
-.q-overlay--left .q-overlay__arrow::before {
-  right: 0;
-  border-left-color: var(--q-overlay-border-color);
-}
-.q-overlay--left .q-overlay__arrow::after {
-  right: 1px;
-  border-left-color: var(--q-overlay-bg);
+  right: -6.655px;
+  border-top-right-radius: 0.1rem;
+  border-right-width: 1px;
+  border-top-width: 1px;
 }
 .q-overlay--right .q-overlay__arrow {
-  top: calc(50% - 0.5rem);
-  left: -0.5rem;
-  width: 0.5rem;
-  height: 1rem;
-}
-.q-overlay--right .q-overlay__arrow::before, .q-overlay--right .q-overlay__arrow::after {
-  border-width: 0.5rem 0.5rem 0.5rem 0;
-}
-.q-overlay--right .q-overlay__arrow::before {
-  left: 0;
-  border-right-color: var(--q-overlay-border-color);
-}
-.q-overlay--right .q-overlay__arrow::after {
-  left: 1px;
-  border-right-color: var(--q-overlay-bg);
+  left: -6.655px;
+  border-bottom-left-radius: 0.1rem;
+  border-left-width: 1px;
+  border-bottom-width: 1px;
 }
 .q-overlay--independent {
   position: fixed;
@@ -944,64 +900,24 @@ body *::-webkit-scrollbar-track {
 }
 
 .q-spinner-loader {
-  display: flex;
-  position: relative;
-  width: 1em;
-  height: 1em;
   font-size: 48px;
-  line-height: 1;
-  align-items: center;
-  justify-content: center;
+  width: 1em;
+  padding: 0.15em;
+  aspect-ratio: 1;
+  border-radius: 50%;
   color: var(--q-theme-primary);
-}
-.q-spinner-loader svg {
-  width: 100%;
-  height: 100%;
-  margin: auto;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: 0;
-  animation: q-spin 2s linear infinite;
-  transform-origin: center center;
-}
-.q-spinner-loader .path {
-  stroke-dasharray: 1, 250;
-  stroke-dashoffset: 0;
-  animation: q-md-dash 1.5s ease-in-out infinite;
+  background: currentColor;
+  --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
+  -webkit-mask: var(--_m);
+  mask: var(--_m);
+  -webkit-mask-composite: source-out;
+  mask-composite: subtract;
+  animation: q-rotate 1s infinite linear;
 }
 
-@keyframes q-spin {
-  0% {
-    transform: rotate3d(0, 0, 1, 0);
-  }
-  25% {
-    transform: rotate3d(0, 0, 1, 90deg);
-  }
-  50% {
-    transform: rotate3d(0, 0, 1, 180deg);
-  }
-  75% {
-    transform: rotate3d(0, 0, 1, 270deg);
-  }
-  to {
-    transform: rotate3d(0, 0, 1, 359deg);
-  }
-}
-@keyframes q-md-dash {
-  0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-  }
-  50% {
-    stroke-dasharray: 89, 200;
-    stroke-dashoffset: -35px;
-  }
+@keyframes q-rotate {
   to {
-    stroke-dasharray: 89, 200;
-    stroke-dashoffset: -124px;
+    transform: rotate(1turn);
   }
 }
 .q-text-field__input {