@qikdev/vue-ui 0.2.254 → 0.2.257

package/dist/style.css

@@ -459,15 +459,15 @@ td.invited .pill[data-v-be3bef4b] {
   background: #fbecbb;
   color: #d17a0e;
 }
-.basic-input-style[data-v-d1851b75] {
+.basic-input-style[data-v-261a00cc] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-td[data-v-d1851b75] {
+td[data-v-261a00cc] {
   text-align: center;
 }
-td .pill[data-v-d1851b75] {
+td .pill[data-v-261a00cc] {
   border-radius: 3em;
   padding: 0.3em 0.6em;
   display: block;
@@ -479,38 +479,40 @@ td .pill[data-v-d1851b75] {
   color: color-mix(in lab, currentColor, transparent);
   border: 1px solid;
 }
-td.success .pill[data-v-d1851b75],
-td.paid .pill[data-v-d1851b75],
-td.active .pill[data-v-d1851b75] {
+td.success .pill[data-v-261a00cc],
+td.paid .pill[data-v-261a00cc],
+td.active .pill[data-v-261a00cc] {
   background: #e0f3bf;
   color: #569e2f;
 }
 @media (prefers-color-scheme: dark) {
-  td.success .pill[data-v-d1851b75],
-  td.paid .pill[data-v-d1851b75],
-  td.active .pill[data-v-d1851b75] {
+  td.success .pill[data-v-261a00cc],
+  td.paid .pill[data-v-261a00cc],
+  td.active .pill[data-v-261a00cc] {
     background: none;
   }
 }
-td.pending .pill[data-v-d1851b75] {
+td.pending .pill[data-v-261a00cc],
+td.cancelling .pill[data-v-261a00cc] {
   background: #fbecbb;
   color: #d17a0e;
 }
 @media (prefers-color-scheme: dark) {
-  td.pending .pill[data-v-d1851b75] {
+  td.pending .pill[data-v-261a00cc],
+  td.cancelling .pill[data-v-261a00cc] {
     background: none;
   }
 }
-td.error .pill[data-v-d1851b75],
-td.unpaid .pill[data-v-d1851b75],
-td.failed .pill[data-v-d1851b75] {
+td.error .pill[data-v-261a00cc],
+td.unpaid .pill[data-v-261a00cc],
+td.failed .pill[data-v-261a00cc] {
   background: #ffdddd;
   color: #b14e4e;
 }
 @media (prefers-color-scheme: dark) {
-  td.error .pill[data-v-d1851b75],
-  td.unpaid .pill[data-v-d1851b75],
-  td.failed .pill[data-v-d1851b75] {
+  td.error .pill[data-v-261a00cc],
+  td.unpaid .pill[data-v-261a00cc],
+  td.failed .pill[data-v-261a00cc] {
     background: none;
   }
 }
@@ -2776,26 +2778,26 @@ input[data-v-c8feb6c2]:focus {
 .ux-text-input-single[data-v-c8feb6c2] {
   width: 100%;
 }
-.basic-input-style[data-v-661639aa] {
+.basic-input-style[data-v-fb400049] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.editor-wrap[data-v-661639aa] {
+.editor-wrap[data-v-fb400049] {
   flex: 1;
 }
-.tokens-header[data-v-661639aa] {
+.tokens-header[data-v-fb400049] {
   cursor: pointer;
   padding: 0.5em 1em;
   background: rgba(0, 0, 0, 0.05);
 }
-.tokens-header[data-v-661639aa]:hover {
+.tokens-header[data-v-fb400049]:hover {
   background: rgba(0, 0, 0, 0.1);
 }
-.tokens-body[data-v-661639aa] {
+.tokens-body[data-v-fb400049] {
   padding: 1em;
 }
-.tokens-body .ux-btn[data-v-661639aa] {
+.tokens-body .ux-btn[data-v-fb400049] {
   margin-bottom: 0.4em;
 }
 .basic-input-style[data-v-50e774dd] {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qikdev/vue-ui",
-  "version": "0.2.254",
+  "version": "0.2.257",
   "files": ["dist"],
   "main": "./dist/lib.es.js",
   "module": "./dist/lib.es.js",
@@ -34,6 +34,7 @@
     "vue": "^3.2.38"
   },
   "dependencies": {
+    "@vueuse/core": "^10.11.0",
     "click-outside-vue3": "^4.0.1",
     "expression-eval": "^5.0.0",
     "luxon": "^2.3.2",