@qikdev/vue-ui 0.2.297 → 0.2.300

package/dist/style.css

@@ -419,15 +419,15 @@ td div:hover .off[data-v-0e48d460] {
 td div:hover .on[data-v-0e48d460] {
   opacity: 1;
 }
-.basic-input-style[data-v-897e69cd] {
+.basic-input-style[data-v-b180904a] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-td[data-v-897e69cd] {
+td[data-v-b180904a] {
   text-align: center;
 }
-td.false[data-v-897e69cd] {
+td.false[data-v-b180904a] {
   opacity: 0.3;
 }
 .basic-input-style[data-v-45dd2b07] {
@@ -3408,20 +3408,20 @@ td[data-v-f5a130e8]:first-child {
   flex: none;
   width: 100%;
 }
-.basic-input-style[data-v-478e89d4] {
+.basic-input-style[data-v-adb18264] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.intent-submit[data-v-478e89d4] {
+.intent-submit[data-v-adb18264] {
   margin-top: 1em;
 }
-[tooltip][data-v-478e89d4] {
+[tooltip][data-v-adb18264] {
   position: relative;
   cursor: help;
   display: block;
 }
-[tooltip][data-v-478e89d4]:after {
+[tooltip][data-v-adb18264]:after {
   position: absolute;
   opacity: 0;
   pointer-events: none;
@@ -3438,58 +3438,58 @@ td[data-v-f5a130e8]:first-child {
   transform: translateY(-20px);
   transition: all 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
 }
-[tooltip][data-v-478e89d4]:hover:after {
+[tooltip][data-v-adb18264]:hover:after {
   opacity: 1;
   transform: translateY(0);
   transition-duration: 0.3s;
 }
-.multistep-form-wrapper[data-v-478e89d4] {
+.multistep-form-wrapper[data-v-adb18264] {
   display: grid;
   position: relative;
 }
-.multistep-form-section[data-v-478e89d4] {
+.multistep-form-section[data-v-adb18264] {
   transition:
     opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1),
     translate 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
   opacity: 0;
   grid-area: 1/1/2/2;
 }
-.multistep-form-section[data-v-478e89d4] button {
+.multistep-form-section[data-v-adb18264] button {
   transition:
     opacity 0.7s cubic-bezier(0.25, 0.8, 0.25, 1),
     translate 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
 }
-.multistep-form-section[data-v-478e89d4] button:nth-child(1) {
+.multistep-form-section[data-v-adb18264] button:nth-child(1) {
   transition-delay: 0.4s;
 }
-.multistep-form-section[data-v-478e89d4] button:nth-child(2) {
+.multistep-form-section[data-v-adb18264] button:nth-child(2) {
   transition-delay: 0.6s;
 }
-.multistep-form-section[data-v-478e89d4] button:nth-child(3) {
+.multistep-form-section[data-v-adb18264] button:nth-child(3) {
   transition-delay: 0.8s;
 }
-.multistep-form-section[data-v-478e89d4] button:nth-child(4) {
+.multistep-form-section[data-v-adb18264] button:nth-child(4) {
   transition-delay: 1s;
 }
-.multistep-form-section[data-v-478e89d4] button:nth-child(5) {
+.multistep-form-section[data-v-adb18264] button:nth-child(5) {
   transition-delay: 1.2s;
 }
-.multistep-form-section[data-v-478e89d4] button:nth-child(6) {
+.multistep-form-section[data-v-adb18264] button:nth-child(6) {
   transition-delay: 1.4s;
 }
-.multistep-form-section[data-v-478e89d4] button:nth-child(7) {
+.multistep-form-section[data-v-adb18264] button:nth-child(7) {
   transition-delay: 1.6s;
 }
-.multistep-form-section[data-v-478e89d4] button:nth-child(8) {
+.multistep-form-section[data-v-adb18264] button:nth-child(8) {
   transition-delay: 1.8s;
 }
-.multistep-form-section[data-v-478e89d4] button:nth-child(9) {
+.multistep-form-section[data-v-adb18264] button:nth-child(9) {
   transition-delay: 2s;
 }
-.multistep-form-section[data-v-478e89d4] button:nth-child(10) {
+.multistep-form-section[data-v-adb18264] button:nth-child(10) {
   transition-delay: 2.2s;
 }
-.multistep-form-section.inactive[data-v-478e89d4] {
+.multistep-form-section.inactive[data-v-adb18264] {
   pointer-events: none;
   opacity: 0;
   position: absolute;
@@ -3497,23 +3497,23 @@ td[data-v-f5a130e8]:first-child {
   left: 0;
   width: 100%;
 }
-.multistep-form-section.inactive[data-v-478e89d4] button {
+.multistep-form-section.inactive[data-v-adb18264] button {
   opacity: 0;
   translate: 0 2em;
 }
-.multistep-form-section.active[data-v-478e89d4] {
+.multistep-form-section.active[data-v-adb18264] {
   opacity: 1;
   translate: 0 0;
   position: relative;
 }
-.multistep-form-section.active[data-v-478e89d4] button {
+.multistep-form-section.active[data-v-adb18264] button {
   opacity: 1;
   translate: 0 0;
 }
-.multistep-form-section.past[data-v-478e89d4] {
+.multistep-form-section.past[data-v-adb18264] {
   translate: -3em 0;
 }
-.multistep-form-section.future[data-v-478e89d4] {
+.multistep-form-section.future[data-v-adb18264] {
   translate: 3em 0;
 }
 .basic-input-style[data-v-0fd69158] {
@@ -3535,28 +3535,28 @@ td[data-v-f5a130e8]:first-child {
 .ux-multi-group[data-v-cb997d0e] {
   margin-bottom: 1em;
 }
-.basic-input-style[data-v-932f5321] {
+.basic-input-style[data-v-dbcbddfd] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-empty[data-v-932f5321] {
+.ux-empty[data-v-dbcbddfd] {
   display: none !important;
 }
-.ux-field-render[data-v-932f5321] {
+.ux-field-render[data-v-dbcbddfd] {
   margin-bottom: 1.5em;
 }
-.ux-field-render.ux-layout-only[data-v-932f5321] {
+.ux-field-render.ux-layout-only[data-v-dbcbddfd] {
   margin-bottom: 0;
 }
-.ux-field-render.ux-layout-only > .ux-field-title[data-v-932f5321],
-.ux-field-render.ux-layout-only > .ux-field-description[data-v-932f5321] {
+.ux-field-render.ux-layout-only > .ux-field-title[data-v-dbcbddfd],
+.ux-field-render.ux-layout-only > .ux-field-description[data-v-dbcbddfd] {
   display: none;
 }
-[data-v-932f5321] table {
+[data-v-dbcbddfd] table {
   width: 100%;
 }
-.ux-password-render input[data-v-932f5321] {
+.ux-password-render input[data-v-dbcbddfd] {
   font-family: monospace;
   width: 100%;
   border-radius: 0.1em;
@@ -3570,24 +3570,35 @@ td[data-v-f5a130e8]:first-child {
   height: 2.5em;
   color: inherit;
 }
-.ux-password-render input[data-v-932f5321]:focus {
+.ux-password-render input[data-v-dbcbddfd]:focus {
   background: none;
   border: 1px solid var(--primary);
   outline: none;
 }
-.currency[data-v-932f5321] {
+.signature-view[data-v-dbcbddfd] {
+  width: clamp(200px, 30svw, 350px);
+  border-radius: 0.5em;
+  border: 1px solid color-mix(in lab, currentColor 10%, transparent);
+  margin: 0 1em 1em 0;
+}
+.signature-view img[data-v-dbcbddfd] {
+  display: block;
+  width: 100%;
+  height: auto;
+}
+.currency[data-v-dbcbddfd] {
   text-transform: uppercase;
   opacity: 0.5;
   font-size: 0.7em;
 }
-[data-v-932f5321] .ux-field-title {
+[data-v-dbcbddfd] .ux-field-title {
   margin-top: 0.5em;
   display: block;
   margin-bottom: 0.2em;
   font-weight: 400;
   opacity: 0.5;
 }
-[data-v-932f5321] .ux-field-description {
+[data-v-dbcbddfd] .ux-field-description {
   font-size: 0.7em;
   opacity: 0.3;
   font-style: italic;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qikdev/vue-ui",
-  "version": "0.2.297",
+  "version": "0.2.300",
   "files": [
     "dist"
   ],