@qikdev/vue-ui 0.2.257 → 0.2.259

package/dist/style.css

@@ -1231,19 +1231,19 @@ li.expanded > .ux-link .caret[data-v-cbfd31c1] {
   position: absolute;
   height: 100%;
 }
-.basic-input-style[data-v-5d06e1d6] {
+.basic-input-style[data-v-6e492d1a] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-progress[data-v-5d06e1d6] {
+.ux-progress[data-v-6e492d1a] {
   margin: 1em 0;
   position: relative;
   height: 1em;
   overflow: hidden;
   border-radius: 0.5em;
 }
-@keyframes stripes-5d06e1d6 {
+@keyframes stripes-6e492d1a {
   0% {
     background-position: 0 0;
   }
@@ -1251,7 +1251,7 @@ li.expanded > .ux-link .caret[data-v-cbfd31c1] {
     background-position: 50px 50px;
   }
 }
-.ux-progress-bg[data-v-5d06e1d6] {
+.ux-progress-bg[data-v-6e492d1a] {
   position: absolute;
   top: 0;
   left: 0;
@@ -1262,7 +1262,7 @@ li.expanded > .ux-link .caret[data-v-cbfd31c1] {
   background: rgba(0, 0, 0, 0.03);
   box-shadow: inset 0 0.3em 0.3em #0000001a;
 }
-.ux-progress-bg[data-v-5d06e1d6]:before {
+.ux-progress-bg[data-v-6e492d1a]:before {
   content: "";
   position: absolute;
   top: 0px;
@@ -1272,7 +1272,7 @@ li.expanded > .ux-link .caret[data-v-cbfd31c1] {
   z-index: 1;
   box-shadow: inset 0 0.3em 0.3em #0000001a;
 }
-.ux-progress-bg.active[data-v-5d06e1d6]:after {
+.ux-progress-bg.active[data-v-6e492d1a]:after {
   content: "";
   position: absolute;
   top: 0px;
@@ -1306,9 +1306,9 @@ li.expanded > .ux-link .caret[data-v-cbfd31c1] {
   background-size: 50px 50px;
   border-radius: 20px 8px 8px 20px;
   overflow: hidden;
-  animation: stripes-5d06e1d6 4s infinite linear;
+  animation: stripes-6e492d1a 4s infinite linear;
 }
-.ux-progress-fg[data-v-5d06e1d6] {
+.ux-progress-fg[data-v-6e492d1a] {
   background: var(--primary);
   position: absolute;
   top: 0;
@@ -1317,6 +1317,7 @@ li.expanded > .ux-link .caret[data-v-cbfd31c1] {
   height: 100%;
   border-radius: 0.5em;
   opacity: 1;
+  transition: all 0.2s;
 }
 .basic-input-style[data-v-b377f005] {
   color: inherit;
@@ -3206,40 +3207,41 @@ td[data-v-f5a130e8]:first-child {
 .ux-field.ux-field-error[data-v-17f3c6e4] > .ux-field-title {
   color: red;
 }
-.basic-input-style[data-v-0dd36fb5] {
+.basic-input-style[data-v-e774caf1] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-form-flex[data-v-0dd36fb5] {
+.ux-form-flex[data-v-e774caf1] {
   display: flex;
   flex-wrap: wrap;
   flex: 1;
   gap: 2em;
 }
-.ux-form-flex .ux-field-flex[data-v-0dd36fb5] {
+.ux-form-flex .ux-field-flex[data-v-e774caf1] {
   flex: 1;
 }
-.ux-form-flex .ux-field-flex.ux-field-widget-value[data-v-0dd36fb5] {
+.ux-form-flex .ux-field-flex.ux-field-widget-value[data-v-e774caf1] {
   display: none;
 }
-.ux-form-flex .ux-field-clear[data-v-0dd36fb5] {
+.ux-form-flex .ux-field-clear[data-v-e774caf1] {
   flex: none;
   width: 100%;
 }
-.basic-input-style[data-v-59acf39e] {
+.basic-input-style[data-v-1f4433f5] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.intent-submit[data-v-59acf39e] {
+.intent-submit[data-v-1f4433f5] {
   margin-top: 1em;
 }
-[tooltip][data-v-59acf39e] {
+[tooltip][data-v-1f4433f5] {
   position: relative;
   cursor: help;
+  display: block;
 }
-[tooltip][data-v-59acf39e]:after {
+[tooltip][data-v-1f4433f5]:after {
   position: absolute;
   opacity: 0;
   pointer-events: none;
@@ -3248,18 +3250,39 @@ td[data-v-f5a130e8]:first-child {
   top: calc(100% + 10px);
   border-radius: 3px;
   box-shadow: 0 0 5px 2px #64646499;
-  background-color: #fff;
+  background-color: var(--bg1, #fff);
+  color: inherit;
   z-index: 10;
   padding: 8px;
   width: 300px;
   transform: translateY(-20px);
   transition: all 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
 }
-[tooltip][data-v-59acf39e]:hover:after {
+[tooltip][data-v-1f4433f5]:hover:after {
   opacity: 1;
   transform: translateY(0);
   transition-duration: 0.3s;
 }
+.multistep-form-section[data-v-1f4433f5] {
+  transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
+  opacity: 0;
+}
+.multistep-form-section.active[data-v-1f4433f5] {
+  opacity: 1;
+  translate: 0 0;
+}
+.multistep-form-section.inactive[data-v-1f4433f5] {
+  pointer-events: none;
+  opacity: 0;
+  position: absolute;
+  width: 100%;
+}
+.multistep-form-section.inactive.past[data-v-1f4433f5] {
+  translate: 0 -100px;
+}
+.multistep-form-section.inactive.future[data-v-1f4433f5] {
+  translate: 0 100px;
+}
 .basic-input-style[data-v-0fd69158] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qikdev/vue-ui",
-  "version": "0.2.257",
+  "version": "0.2.259",
   "files": ["dist"],
   "main": "./dist/lib.es.js",
   "module": "./dist/lib.es.js",