@qikdev/vue-ui 0.2.301 → 0.2.302

package/dist/style.css

@@ -977,12 +977,12 @@ tr.inactive[data-v-fbdf91c9]:after {
 .ux-spinner[xxl][data-v-594a0385] {
   font-size: 6em;
 }
-.basic-input-style[data-v-beb835e7] {
+.basic-input-style[data-v-ea56e98b] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-btn[data-v-beb835e7] {
+.ux-btn[data-v-ea56e98b] {
   font-family: inherit;
   padding: 0.7em 1.3em;
   background: color-mix(in lab, currentColor 8%, transparent);
@@ -1000,67 +1000,74 @@ tr.inactive[data-v-fbdf91c9]:after {
   overflow: hidden;
   vertical-align: top;
 }
-.ux-btn[data-v-beb835e7]:hover {
+.ux-btn[data-v-ea56e98b]:hover {
   opacity: 0.9;
 }
-.ux-btn .ux-spinner[data-v-beb835e7] {
+.ux-btn .ux-spinner[data-v-ea56e98b] {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%) translateY(-50%);
 }
-.ux-btn[data-v-beb835e7]:last-child {
+.ux-btn[data-v-ea56e98b]:last-child {
   margin-right: 0;
 }
-.ux-btn.ux-btn-block[data-v-beb835e7] {
+.ux-btn.ux-btn-block[data-v-ea56e98b] {
   display: block;
   width: 100%;
   box-sizing: border-box;
   text-align: center;
 }
-.ux-btn.ux-btn-icon[data-v-beb835e7] {
+.ux-btn.ux-btn-icon[data-v-ea56e98b] {
   letter-spacing: 0;
 }
-.ux-btn-color-primary[data-v-beb835e7] {
+.ux-btn-color-primary[data-v-ea56e98b] {
   background: var(--primary);
   color: #fff;
 }
-.ux-btn-color-default[data-v-beb835e7] {
+.ux-btn-color-default[data-v-ea56e98b] {
   background: color-mix(in lab, currentColor 8%, transparent);
   color: color-mix(in lab, currentColor 70%, transparent);
 }
-.ux-btn-color-default[data-v-beb835e7]:hover {
+.ux-btn-color-default[data-v-ea56e98b]:hover {
   background: color-mix(in lab, currentColor 15%, transparent);
 }
-.ux-btn-loading[data-v-beb835e7] {
+.ux-btn-color-link[data-v-ea56e98b] {
+  background: none;
+  color: inherit;
+}
+.ux-btn-color-link[data-v-ea56e98b]:hover {
+  background: color-mix(in lab, currentColor 15%, transparent);
+}
+.ux-btn-loading[data-v-ea56e98b] {
   cursor: none;
   pointer-events: none;
 }
-.ux-btn-loading .ux-btn-text[data-v-beb835e7] {
+.ux-btn-loading .ux-btn-text[data-v-ea56e98b] {
   opacity: 0 !important;
 }
-.ux-btn-xxs[data-v-beb835e7] {
+.ux-btn-xxs[data-v-ea56e98b] {
   font-size: 0.6em;
 }
-.ux-btn-xs[data-v-beb835e7] {
+.ux-btn-xs[data-v-ea56e98b] {
   font-size: 0.7em;
 }
-.ux-btn-sm[data-v-beb835e7] {
+.ux-btn-sm[data-v-ea56e98b] {
   font-size: 0.8em;
 }
-.ux-btn-md[data-v-beb835e7] {
+.ux-btn-md[data-v-ea56e98b] {
   font-size: 1em;
 }
-.ux-btn-lg[data-v-beb835e7] {
+.ux-btn-lg[data-v-ea56e98b] {
   font-size: 1.2em;
 }
-.ux-btn-xl[data-v-beb835e7] {
+.ux-btn-xl[data-v-ea56e98b] {
   font-size: 1.3em;
 }
-.ux-btn-xxl[data-v-beb835e7] {
+.ux-btn-xxl[data-v-ea56e98b] {
   font-size: 1.5em;
 }
-.ux-btn-icon[data-v-beb835e7] {
+.ux-btn-icon[data-v-ea56e98b] {
   border-radius: 50%;
   position: relative;
   width: 2.4em;
@@ -1070,22 +1077,22 @@ tr.inactive[data-v-fbdf91c9]:after {
   text-align: center;
   line-height: 2.4em;
 }
-.ux-btn-icon .ux-button-text[data-v-beb835e7] {
+.ux-btn-icon .ux-button-text[data-v-ea56e98b] {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%) translateY(-50%);
 }
-.ux-btn-icon[data-v-beb835e7] i {
+.ux-btn-icon[data-v-ea56e98b] i {
   line-height: inherit !important;
 }
-.ux-btn-disabled[data-v-beb835e7] {
+.ux-btn-disabled[data-v-ea56e98b] {
   cursor: none;
   pointer-events: none;
   opacity: 0.3;
   filter: grayscale(100%);
 }
-.ux-btn-disabled .ux-btn-text[data-v-beb835e7] {
+.ux-btn-disabled .ux-btn-text[data-v-ea56e98b] {
   opacity: 0.3;
 }
 .basic-input-style[data-v-54bb07ba] {
@@ -1641,77 +1648,78 @@ input[data-v-4bea995b]:focus {
   bottom: 0;
   right: 0;
 }
-.basic-input-style[data-v-b23f6ee4] {
+.basic-input-style[data-v-8e7f9160] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.content-item[data-v-b23f6ee4] {
+.content-item[data-v-8e7f9160] {
   padding: 0.5em 0.8em;
   border-radius: 0.3em;
   cursor: pointer;
   margin-bottom: 1px;
 }
-.content-item .item-summary[data-v-b23f6ee4] {
+.content-item .item-summary[data-v-8e7f9160] {
   opacity: 0.5;
   font-size: 0.9em;
 }
-.content-item .item-title[data-v-b23f6ee4] {
+.content-item .item-title[data-v-8e7f9160] {
   font-weight: 500;
 }
 @media (prefers-color-scheme: light) {
-  .content-item[data-v-b23f6ee4] {
+  .content-item[data-v-8e7f9160] {
     background: var(--bg1, #fff);
     border: 1px solid color-mix(in lab, currentColor 15%, transparent);
   }
 }
 @media (prefers-color-scheme: dark) {
-  .content-item[data-v-b23f6ee4] {
+  .content-item[data-v-8e7f9160] {
     background: color-mix(in lab, #000 1%, transparent);
     border: 1px solid color-mix(in lab, currentColor 18%, transparent);
   }
 }
-.content-item[data-v-b23f6ee4]:last-child {
+.content-item[data-v-8e7f9160]:last-child {
   margin-bottom: 0;
 }
-.content-item.deleted .text[data-v-b23f6ee4] {
+.content-item.deleted .text[data-v-8e7f9160] {
   color: var(--error, red);
   text-decoration: line-through;
 }
-.content-item.inactive .text[data-v-b23f6ee4] {
+.content-item.inactive .text[data-v-8e7f9160] {
   opacity: 0.5;
 }
-.content-item .text[data-v-b23f6ee4] {
+.content-item .text[data-v-8e7f9160] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: pre-line;
 }
-.content-item .icon-wrapper[data-v-b23f6ee4] {
+.content-item .icon-wrapper[data-v-8e7f9160] {
   width: 25px;
   font-size: 20px;
   text-align: center;
 }
-.content-item .icon-wrapper.complete[data-v-b23f6ee4] {
+.content-item .icon-wrapper.complete[data-v-8e7f9160] {
   color: var(--success, green);
 }
-.content-item .icon-wrapper.pending[data-v-b23f6ee4] {
+.content-item .icon-wrapper.pending[data-v-8e7f9160] {
   color: var(--warning, orange);
 }
-.content-item .image-wrapper[data-v-b23f6ee4] {
+.content-item .image-wrapper[data-v-8e7f9160] {
   width: 2em;
   max-width: 50px;
 }
-.content-item .image-wrapper.profile[data-v-b23f6ee4] {
-  width: 40px;
-  height: 40px;
+.content-item .image-wrapper.profile[data-v-8e7f9160] {
+  width: 2em;
+  height: 2em;
+  margin-right: 0.2em;
   background: rgba(0, 0, 0, 0.1);
   border-radius: 100%;
 }
-.content-item[data-v-b23f6ee4]:hover {
+.content-item[data-v-8e7f9160]:hover {
   cursor: pointer;
   background: color-mix(in lab, currentColor 2%, transparent);
 }
-.content-item .pill[data-v-b23f6ee4] {
+.content-item .pill[data-v-8e7f9160] {
   border-radius: 3em;
   padding: 0.3em 0.6em;
   display: block;
@@ -1723,59 +1731,62 @@ input[data-v-4bea995b]:focus {
   color: color-mix(in lab, currentColor, transparent);
   border: 1px solid;
 }
-.content-item .pill.live[data-v-b23f6ee4],
-.content-item .pill.success[data-v-b23f6ee4],
-.content-item .pill.paid[data-v-b23f6ee4],
-.content-item .pill.active[data-v-b23f6ee4] {
+.content-item .pill.live[data-v-8e7f9160],
+.content-item .pill.success[data-v-8e7f9160],
+.content-item .pill.paid[data-v-8e7f9160],
+.content-item .pill.active[data-v-8e7f9160] {
   background: #e0f3bf;
   color: #569e2f;
 }
 @media (prefers-color-scheme: dark) {
-  .content-item .pill.live[data-v-b23f6ee4],
-  .content-item .pill.success[data-v-b23f6ee4],
-  .content-item .pill.paid[data-v-b23f6ee4],
-  .content-item .pill.active[data-v-b23f6ee4] {
+  .content-item .pill.live[data-v-8e7f9160],
+  .content-item .pill.success[data-v-8e7f9160],
+  .content-item .pill.paid[data-v-8e7f9160],
+  .content-item .pill.active[data-v-8e7f9160] {
     background: none;
   }
 }
-.content-item .pill.sandbox[data-v-b23f6ee4],
-.content-item .pill.pending[data-v-b23f6ee4],
-.content-item .pill.cancelling[data-v-b23f6ee4] {
+.content-item .pill.sandbox[data-v-8e7f9160],
+.content-item .pill.pending[data-v-8e7f9160],
+.content-item .pill.cancelling[data-v-8e7f9160] {
   background: #fbecbb;
   color: #d17a0e;
 }
 @media (prefers-color-scheme: dark) {
-  .content-item .pill.sandbox[data-v-b23f6ee4],
-  .content-item .pill.pending[data-v-b23f6ee4],
-  .content-item .pill.cancelling[data-v-b23f6ee4] {
+  .content-item .pill.sandbox[data-v-8e7f9160],
+  .content-item .pill.pending[data-v-8e7f9160],
+  .content-item .pill.cancelling[data-v-8e7f9160] {
     background: none;
   }
 }
-.content-item .pill.error[data-v-b23f6ee4],
-.content-item .pill.unpaid[data-v-b23f6ee4],
-.content-item .pill.deleted[data-v-b23f6ee4],
-.content-item .pill.failed[data-v-b23f6ee4] {
+.content-item .pill.error[data-v-8e7f9160],
+.content-item .pill.unpaid[data-v-8e7f9160],
+.content-item .pill.deleted[data-v-8e7f9160],
+.content-item .pill.failed[data-v-8e7f9160] {
   background: #ffdddd;
   color: #b14e4e;
 }
 @media (prefers-color-scheme: dark) {
-  .content-item .pill.error[data-v-b23f6ee4],
-  .content-item .pill.unpaid[data-v-b23f6ee4],
-  .content-item .pill.deleted[data-v-b23f6ee4],
-  .content-item .pill.failed[data-v-b23f6ee4] {
+  .content-item .pill.error[data-v-8e7f9160],
+  .content-item .pill.unpaid[data-v-8e7f9160],
+  .content-item .pill.deleted[data-v-8e7f9160],
+  .content-item .pill.failed[data-v-8e7f9160] {
     background: none;
   }
 }
-.basic-input-style[data-v-d4d8c9fc],
-input[data-v-d4d8c9fc] {
+.basic-input-style[data-v-d5aa5320],
+input[data-v-d5aa5320] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-text-row[data-v-d4d8c9fc] {
+.ux-text-row[data-v-d5aa5320] {
   margin-bottom: 0.5em;
 }
-input[data-v-d4d8c9fc] {
+[data-v-d5aa5320] .ux-list {
+  font-size: 0.9em;
+}
+input[data-v-d5aa5320] {
   border-radius: 0.1em;
   padding: 0.5em;
   box-sizing: border-box;
@@ -1784,46 +1795,46 @@ input[data-v-d4d8c9fc] {
   line-height: 1;
   height: 2.5em;
 }
-input[data-v-d4d8c9fc]:focus {
+input[data-v-d5aa5320]:focus {
   background: none;
   border: 1px solid var(--primary);
   outline: none;
 }
-.ux-text-row .ux-btn[data-v-d4d8c9fc] {
+.ux-text-row .ux-btn[data-v-d5aa5320] {
   margin-left: 0.25em;
 }
-.ux-text-input-multiple[data-v-d4d8c9fc] {
+.ux-text-input-multiple[data-v-d5aa5320] {
   width: 100%;
 }
-.ux-text-input-single[data-v-d4d8c9fc] {
+.ux-text-input-single[data-v-d5aa5320] {
   width: calc(100% - 0.5em);
   margin: 0 0.5em 0 0;
 }
-.items[data-v-d4d8c9fc] {
+.items[data-v-d5aa5320] {
   border-radius: 0.3em;
   overflow: hidden;
   margin-bottom: 0.5em;
 }
 @media (prefers-color-scheme: light) {
-  .items[data-v-d4d8c9fc] {
+  .items[data-v-d5aa5320] {
     border: 1px solid color-mix(in lab, currentColor 15%, transparent);
   }
 }
 @media (prefers-color-scheme: dark) {
-  .items[data-v-d4d8c9fc] {
+  .items[data-v-d5aa5320] {
     border: 1px solid color-mix(in lab, currentColor 18%, transparent);
   }
 }
-.items .content-item[data-v-d4d8c9fc] {
+.items .content-item[data-v-d5aa5320] {
   border: none;
 }
 @media (prefers-color-scheme: light) {
-  .items .content-item[data-v-d4d8c9fc] {
+  .items .content-item[data-v-d5aa5320] {
     border-bottom: 1px solid color-mix(in lab, currentColor 15%, transparent);
   }
 }
 @media (prefers-color-scheme: dark) {
-  .items .content-item[data-v-d4d8c9fc] {
+  .items .content-item[data-v-d5aa5320] {
     border-bottom: 1px solid color-mix(in lab, currentColor 18%, transparent);
   }
 }
@@ -3347,18 +3358,18 @@ td[data-v-f5a130e8]:first-child {
   border-color: var(--primary);
   opacity: 0.5;
 }
-.basic-input-style[data-v-bf1420b9] {
+.basic-input-style[data-v-8a2384ee] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-field[data-v-bf1420b9] {
+.ux-field[data-v-8a2384ee] {
   margin-bottom: 1em;
 }
-.ux-field.ux-layout-only[data-v-bf1420b9] {
+.ux-field.ux-layout-only[data-v-8a2384ee] {
   margin-bottom: 0;
 }
-.ux-field .ux-field-message[data-v-bf1420b9] {
+.ux-field .ux-field-message[data-v-8a2384ee] {
   border: red;
   background: rgba(255, 0, 0, 0.1);
   color: red;
@@ -3368,23 +3379,23 @@ td[data-v-f5a130e8]:first-child {
   margin: 0.3em 0;
   display: inline-block;
 }
-[data-v-bf1420b9] .ux-field-title {
+[data-v-8a2384ee] .ux-field-title {
   margin-top: 0.5em;
   display: block;
   margin-bottom: 0.2em;
   font-size: 0.9em;
   font-weight: 700;
 }
-.ux-field.ux-field-hide[data-v-bf1420b9] {
+.ux-field.ux-field-hide[data-v-8a2384ee] {
   display: none !important;
   margin: 0 !important;
 }
-[data-v-bf1420b9] .ux-field-description {
+[data-v-8a2384ee] .ux-field-description {
   font-size: clamp(12px, 0.8em, 16px);
   opacity: 0.5;
   margin-bottom: 0.5em;
 }
-.ux-field.ux-field-error[data-v-bf1420b9] > .ux-field-title {
+.ux-field.ux-field-error[data-v-8a2384ee] > .ux-field-title {
   color: red;
 }
 .basic-input-style[data-v-f0b9d2cd] {
@@ -3535,28 +3546,28 @@ td[data-v-f5a130e8]:first-child {
 .ux-multi-group[data-v-cb997d0e] {
   margin-bottom: 1em;
 }
-.basic-input-style[data-v-dbcbddfd] {
+.basic-input-style[data-v-a6ba2db5] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-empty[data-v-dbcbddfd] {
+.ux-empty[data-v-a6ba2db5] {
   display: none !important;
 }
-.ux-field-render[data-v-dbcbddfd] {
+.ux-field-render[data-v-a6ba2db5] {
   margin-bottom: 1.5em;
 }
-.ux-field-render.ux-layout-only[data-v-dbcbddfd] {
+.ux-field-render.ux-layout-only[data-v-a6ba2db5] {
   margin-bottom: 0;
 }
-.ux-field-render.ux-layout-only > .ux-field-title[data-v-dbcbddfd],
-.ux-field-render.ux-layout-only > .ux-field-description[data-v-dbcbddfd] {
+.ux-field-render.ux-layout-only > .ux-field-title[data-v-a6ba2db5],
+.ux-field-render.ux-layout-only > .ux-field-description[data-v-a6ba2db5] {
   display: none;
 }
-[data-v-dbcbddfd] table {
+[data-v-a6ba2db5] table {
   width: 100%;
 }
-.ux-password-render input[data-v-dbcbddfd] {
+.ux-password-render input[data-v-a6ba2db5] {
   font-family: monospace;
   width: 100%;
   border-radius: 0.1em;
@@ -3570,35 +3581,35 @@ td[data-v-f5a130e8]:first-child {
   height: 2.5em;
   color: inherit;
 }
-.ux-password-render input[data-v-dbcbddfd]:focus {
+.ux-password-render input[data-v-a6ba2db5]:focus {
   background: none;
   border: 1px solid var(--primary);
   outline: none;
 }
-.signature-view[data-v-dbcbddfd] {
+.signature-view[data-v-a6ba2db5] {
   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] {
+.signature-view img[data-v-a6ba2db5] {
   display: block;
   width: 100%;
   height: auto;
 }
-.currency[data-v-dbcbddfd] {
+.currency[data-v-a6ba2db5] {
   text-transform: uppercase;
   opacity: 0.5;
   font-size: 0.7em;
 }
-[data-v-dbcbddfd] .ux-field-title {
+[data-v-a6ba2db5] .ux-field-title {
   margin-top: 0.5em;
   display: block;
   margin-bottom: 0.2em;
   font-weight: 400;
   opacity: 0.5;
 }
-[data-v-dbcbddfd] .ux-field-description {
+[data-v-a6ba2db5] .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.301",
+  "version": "0.2.302",
   "files": [
     "dist"
   ],