@qikdev/vue-ui 0.2.264 → 0.2.267

package/dist/style.css

@@ -283,15 +283,22 @@ td .image-wrapper[data-v-794b199f] {
 td .ux-image[data-v-794b199f] {
   border-radius: 0.1em;
 }
-.basic-input-style[data-v-c8cb509d] {
+.basic-input-style[data-v-c62e82ec] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-td[data-v-c8cb509d] {
+td[data-v-c62e82ec] {
   text-align: center;
 }
-td.empty[data-v-c8cb509d] {
+td.debit[data-v-c62e82ec] {
+  color: red;
+}
+td.empty[data-v-c62e82ec] {
+  opacity: 0.3;
+}
+td.invalid[data-v-c62e82ec] {
+  text-decoration: line-through;
   opacity: 0.3;
 }
 .basic-input-style[data-v-8a05dedf] {
@@ -459,15 +466,15 @@ td.invited .pill[data-v-be3bef4b] {
   background: #fbecbb;
   color: #d17a0e;
 }
-.basic-input-style[data-v-261a00cc] {
+.basic-input-style[data-v-bec5c4d1] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-td[data-v-261a00cc] {
+td[data-v-bec5c4d1] {
   text-align: center;
 }
-td .pill[data-v-261a00cc] {
+td .pill[data-v-bec5c4d1] {
   border-radius: 3em;
   padding: 0.3em 0.6em;
   display: block;
@@ -479,40 +486,44 @@ td .pill[data-v-261a00cc] {
   color: color-mix(in lab, currentColor, transparent);
   border: 1px solid;
 }
-td.success .pill[data-v-261a00cc],
-td.paid .pill[data-v-261a00cc],
-td.active .pill[data-v-261a00cc] {
+td.live .pill[data-v-bec5c4d1],
+td.success .pill[data-v-bec5c4d1],
+td.paid .pill[data-v-bec5c4d1],
+td.active .pill[data-v-bec5c4d1] {
   background: #e0f3bf;
   color: #569e2f;
 }
 @media (prefers-color-scheme: dark) {
-  td.success .pill[data-v-261a00cc],
-  td.paid .pill[data-v-261a00cc],
-  td.active .pill[data-v-261a00cc] {
+  td.live .pill[data-v-bec5c4d1],
+  td.success .pill[data-v-bec5c4d1],
+  td.paid .pill[data-v-bec5c4d1],
+  td.active .pill[data-v-bec5c4d1] {
     background: none;
   }
 }
-td.pending .pill[data-v-261a00cc],
-td.cancelling .pill[data-v-261a00cc] {
+td.sandbox .pill[data-v-bec5c4d1],
+td.pending .pill[data-v-bec5c4d1],
+td.cancelling .pill[data-v-bec5c4d1] {
   background: #fbecbb;
   color: #d17a0e;
 }
 @media (prefers-color-scheme: dark) {
-  td.pending .pill[data-v-261a00cc],
-  td.cancelling .pill[data-v-261a00cc] {
+  td.sandbox .pill[data-v-bec5c4d1],
+  td.pending .pill[data-v-bec5c4d1],
+  td.cancelling .pill[data-v-bec5c4d1] {
     background: none;
   }
 }
-td.error .pill[data-v-261a00cc],
-td.unpaid .pill[data-v-261a00cc],
-td.failed .pill[data-v-261a00cc] {
+td.error .pill[data-v-bec5c4d1],
+td.unpaid .pill[data-v-bec5c4d1],
+td.failed .pill[data-v-bec5c4d1] {
   background: #ffdddd;
   color: #b14e4e;
 }
 @media (prefers-color-scheme: dark) {
-  td.error .pill[data-v-261a00cc],
-  td.unpaid .pill[data-v-261a00cc],
-  td.failed .pill[data-v-261a00cc] {
+  td.error .pill[data-v-bec5c4d1],
+  td.unpaid .pill[data-v-bec5c4d1],
+  td.failed .pill[data-v-bec5c4d1] {
     background: none;
   }
 }
@@ -1322,16 +1333,18 @@ li.expanded > .ux-link .caret[data-v-cbfd31c1] {
   opacity: 1;
   transition: all 0.2s;
 }
-.basic-input-style[data-v-b377f005] {
+.basic-input-style[data-v-c85564d7] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-pill[data-v-b377f005] {
+.ux-pill[data-v-c85564d7] {
   padding: 0.5em 1em;
   margin: 0.1em;
   background: color-mix(in lab, currentColor 8%, transparent);
   color: color-mix(in lab, currentColor 70%, transparent);
+  border: 1px solid transparent;
+  box-sizing: border-box;
   border-radius: 0.5em;
   display: inline-block;
   line-height: 1;
@@ -1341,8 +1354,9 @@ li.expanded > .ux-link .caret[data-v-cbfd31c1] {
   text-overflow: ellipsis;
   overflow: hidden;
 }
-.ux-pill.has-link[data-v-b377f005]:hover {
-  opacity: 0.9;
+.ux-pill.has-link[data-v-c85564d7]:hover {
+  border: 1px solid color-mix(in lab, currentColor 50%, transparent);
+  color: color-mix(in lab, currentColor 60%, transparent);
 }
 .basic-input-style[data-v-670de630] {
   color: inherit;
@@ -3231,20 +3245,20 @@ td[data-v-f5a130e8]:first-child {
   flex: none;
   width: 100%;
 }
-.basic-input-style[data-v-75856e6b] {
+.basic-input-style[data-v-091267f5] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.intent-submit[data-v-75856e6b] {
+.intent-submit[data-v-091267f5] {
   margin-top: 1em;
 }
-[tooltip][data-v-75856e6b] {
+[tooltip][data-v-091267f5] {
   position: relative;
   cursor: help;
   display: block;
 }
-[tooltip][data-v-75856e6b]:after {
+[tooltip][data-v-091267f5]:after {
   position: absolute;
   opacity: 0;
   pointer-events: none;
@@ -3261,58 +3275,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-75856e6b]:hover:after {
+[tooltip][data-v-091267f5]:hover:after {
   opacity: 1;
   transform: translateY(0);
   transition-duration: 0.3s;
 }
-.multistep-form-wrapper[data-v-75856e6b] {
+.multistep-form-wrapper[data-v-091267f5] {
   display: grid;
   position: relative;
 }
-.multistep-form-section[data-v-75856e6b] {
+.multistep-form-section[data-v-091267f5] {
   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-75856e6b] button {
+.multistep-form-section[data-v-091267f5] 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-75856e6b] button:nth-child(1) {
+.multistep-form-section[data-v-091267f5] button:nth-child(1) {
   transition-delay: 0.4s;
 }
-.multistep-form-section[data-v-75856e6b] button:nth-child(2) {
+.multistep-form-section[data-v-091267f5] button:nth-child(2) {
   transition-delay: 0.6s;
 }
-.multistep-form-section[data-v-75856e6b] button:nth-child(3) {
+.multistep-form-section[data-v-091267f5] button:nth-child(3) {
   transition-delay: 0.8s;
 }
-.multistep-form-section[data-v-75856e6b] button:nth-child(4) {
+.multistep-form-section[data-v-091267f5] button:nth-child(4) {
   transition-delay: 1s;
 }
-.multistep-form-section[data-v-75856e6b] button:nth-child(5) {
+.multistep-form-section[data-v-091267f5] button:nth-child(5) {
   transition-delay: 1.2s;
 }
-.multistep-form-section[data-v-75856e6b] button:nth-child(6) {
+.multistep-form-section[data-v-091267f5] button:nth-child(6) {
   transition-delay: 1.4s;
 }
-.multistep-form-section[data-v-75856e6b] button:nth-child(7) {
+.multistep-form-section[data-v-091267f5] button:nth-child(7) {
   transition-delay: 1.6s;
 }
-.multistep-form-section[data-v-75856e6b] button:nth-child(8) {
+.multistep-form-section[data-v-091267f5] button:nth-child(8) {
   transition-delay: 1.8s;
 }
-.multistep-form-section[data-v-75856e6b] button:nth-child(9) {
+.multistep-form-section[data-v-091267f5] button:nth-child(9) {
   transition-delay: 2s;
 }
-.multistep-form-section[data-v-75856e6b] button:nth-child(10) {
+.multistep-form-section[data-v-091267f5] button:nth-child(10) {
   transition-delay: 2.2s;
 }
-.multistep-form-section.inactive[data-v-75856e6b] {
+.multistep-form-section.inactive[data-v-091267f5] {
   pointer-events: none;
   opacity: 0;
   position: absolute;
@@ -3320,23 +3334,23 @@ td[data-v-f5a130e8]:first-child {
   left: 0;
   width: 100%;
 }
-.multistep-form-section.inactive[data-v-75856e6b] button {
+.multistep-form-section.inactive[data-v-091267f5] button {
   opacity: 0;
   translate: 0 2em;
 }
-.multistep-form-section.active[data-v-75856e6b] {
+.multistep-form-section.active[data-v-091267f5] {
   opacity: 1;
   translate: 0 0;
   position: relative;
 }
-.multistep-form-section.active[data-v-75856e6b] button {
+.multistep-form-section.active[data-v-091267f5] button {
   opacity: 1;
   translate: 0 0;
 }
-.multistep-form-section.past[data-v-75856e6b] {
+.multistep-form-section.past[data-v-091267f5] {
   translate: -3em 0;
 }
-.multistep-form-section.future[data-v-75856e6b] {
+.multistep-form-section.future[data-v-091267f5] {
   translate: 3em 0;
 }
 .basic-input-style[data-v-0fd69158] {

package/package.json

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