@qikdev/vue-ui 0.2.303 → 0.2.305

package/dist/style.css

@@ -253,15 +253,15 @@
   color: var(--primary);
   border-left: 3px solid var(--primary);
 }
-.basic-input-style[data-v-9357213d] {
+.basic-input-style[data-v-a4b42e00] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-td[data-v-9357213d] {
+td[data-v-a4b42e00] {
   padding: 0.3em !important;
 }
-td .avatar-wrapper[data-v-9357213d] {
+td .avatar-wrapper[data-v-a4b42e00] {
   width: 2.6em;
 }
 .basic-input-style[data-v-794b199f] {
@@ -913,15 +913,40 @@ tr.inactive[data-v-fbdf91c9]:after {
   background: #b14e4e;
   color: #fff;
 }
-.avatar-image {
+.basic-input-style[data-v-55cb2e26] {
+  color: inherit;
+  background: color-mix(in lab, currentColor 4%, transparent);
+  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
+}
+.avatar-image[data-v-55cb2e26] {
   width: 100%;
   display: block;
   border-radius: 100%;
-  height: 0;
-  padding-bottom: 100%;
-  background-color: color-mix(in lab, currentColor 5%, transparent);
+  overflow: hidden;
+  position: relative;
+  background-color: color-mix(in lab, currentColor 25%, transparent);
+}
+.avatar-image .avatar-img[data-v-55cb2e26] {
   background-size: cover;
   background-position: center center;
+  height: 0;
+  padding-bottom: 100%;
+  position: relative;
+}
+.avatar-image .initials[data-v-55cb2e26] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  font-size: 0.9em;
+  letter-spacing: 0.1em;
+  font-weight: 500;
+  color: var(--bg1, currentColor);
 }
 .basic-input-style[data-v-594a0385] {
   color: inherit;
@@ -1648,78 +1673,78 @@ input[data-v-4bea995b]:focus {
   bottom: 0;
   right: 0;
 }
-.basic-input-style[data-v-8e7f9160] {
+.basic-input-style[data-v-81a59941] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.content-item[data-v-8e7f9160] {
+.content-item[data-v-81a59941] {
   padding: 0.5em 0.8em;
   border-radius: 0.3em;
   cursor: pointer;
   margin-bottom: 1px;
 }
-.content-item .item-summary[data-v-8e7f9160] {
+.content-item .item-summary[data-v-81a59941] {
   opacity: 0.5;
   font-size: 0.9em;
 }
-.content-item .item-title[data-v-8e7f9160] {
+.content-item .item-title[data-v-81a59941] {
   font-weight: 500;
 }
 @media (prefers-color-scheme: light) {
-  .content-item[data-v-8e7f9160] {
+  .content-item[data-v-81a59941] {
     background: var(--bg1, #fff);
     border: 1px solid color-mix(in lab, currentColor 15%, transparent);
   }
 }
 @media (prefers-color-scheme: dark) {
-  .content-item[data-v-8e7f9160] {
+  .content-item[data-v-81a59941] {
     background: color-mix(in lab, #000 1%, transparent);
     border: 1px solid color-mix(in lab, currentColor 18%, transparent);
   }
 }
-.content-item[data-v-8e7f9160]:last-child {
+.content-item[data-v-81a59941]:last-child {
   margin-bottom: 0;
 }
-.content-item.deleted .text[data-v-8e7f9160] {
+.content-item.deleted .text[data-v-81a59941] {
   color: var(--error, red);
   text-decoration: line-through;
 }
-.content-item.inactive .text[data-v-8e7f9160] {
+.content-item.inactive .text[data-v-81a59941] {
   opacity: 0.5;
 }
-.content-item .text[data-v-8e7f9160] {
+.content-item .text[data-v-81a59941] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: pre-line;
 }
-.content-item .icon-wrapper[data-v-8e7f9160] {
+.content-item .icon-wrapper[data-v-81a59941] {
   width: 25px;
   font-size: 20px;
   text-align: center;
 }
-.content-item .icon-wrapper.complete[data-v-8e7f9160] {
+.content-item .icon-wrapper.complete[data-v-81a59941] {
   color: var(--success, green);
 }
-.content-item .icon-wrapper.pending[data-v-8e7f9160] {
+.content-item .icon-wrapper.pending[data-v-81a59941] {
   color: var(--warning, orange);
 }
-.content-item .image-wrapper[data-v-8e7f9160] {
+.content-item .image-wrapper[data-v-81a59941] {
   width: 2em;
   max-width: 50px;
 }
-.content-item .image-wrapper.profile[data-v-8e7f9160] {
+.content-item .image-wrapper.profile[data-v-81a59941] {
   width: 2em;
   height: 2em;
   margin-right: 0.2em;
   background: rgba(0, 0, 0, 0.1);
   border-radius: 100%;
 }
-.content-item[data-v-8e7f9160]:hover {
+.content-item[data-v-81a59941]:hover {
   cursor: pointer;
   background: color-mix(in lab, currentColor 2%, transparent);
 }
-.content-item .pill[data-v-8e7f9160] {
+.content-item .pill[data-v-81a59941] {
   border-radius: 3em;
   padding: 0.3em 0.6em;
   display: block;
@@ -1731,62 +1756,62 @@ input[data-v-4bea995b]:focus {
   color: color-mix(in lab, currentColor, transparent);
   border: 1px solid;
 }
-.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] {
+.content-item .pill.live[data-v-81a59941],
+.content-item .pill.success[data-v-81a59941],
+.content-item .pill.paid[data-v-81a59941],
+.content-item .pill.active[data-v-81a59941] {
   background: #e0f3bf;
   color: #569e2f;
 }
 @media (prefers-color-scheme: dark) {
-  .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] {
+  .content-item .pill.live[data-v-81a59941],
+  .content-item .pill.success[data-v-81a59941],
+  .content-item .pill.paid[data-v-81a59941],
+  .content-item .pill.active[data-v-81a59941] {
     background: none;
   }
 }
-.content-item .pill.sandbox[data-v-8e7f9160],
-.content-item .pill.pending[data-v-8e7f9160],
-.content-item .pill.cancelling[data-v-8e7f9160] {
+.content-item .pill.sandbox[data-v-81a59941],
+.content-item .pill.pending[data-v-81a59941],
+.content-item .pill.cancelling[data-v-81a59941] {
   background: #fbecbb;
   color: #d17a0e;
 }
 @media (prefers-color-scheme: dark) {
-  .content-item .pill.sandbox[data-v-8e7f9160],
-  .content-item .pill.pending[data-v-8e7f9160],
-  .content-item .pill.cancelling[data-v-8e7f9160] {
+  .content-item .pill.sandbox[data-v-81a59941],
+  .content-item .pill.pending[data-v-81a59941],
+  .content-item .pill.cancelling[data-v-81a59941] {
     background: none;
   }
 }
-.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] {
+.content-item .pill.error[data-v-81a59941],
+.content-item .pill.unpaid[data-v-81a59941],
+.content-item .pill.deleted[data-v-81a59941],
+.content-item .pill.failed[data-v-81a59941] {
   background: #ffdddd;
   color: #b14e4e;
 }
 @media (prefers-color-scheme: dark) {
-  .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] {
+  .content-item .pill.error[data-v-81a59941],
+  .content-item .pill.unpaid[data-v-81a59941],
+  .content-item .pill.deleted[data-v-81a59941],
+  .content-item .pill.failed[data-v-81a59941] {
     background: none;
   }
 }
-.basic-input-style[data-v-d5aa5320],
-input[data-v-d5aa5320] {
+.basic-input-style[data-v-1078f395],
+input[data-v-1078f395] {
   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-d5aa5320] {
+.ux-text-row[data-v-1078f395] {
   margin-bottom: 0.5em;
 }
-[data-v-d5aa5320] .ux-list {
+[data-v-1078f395] .ux-list {
   font-size: 0.9em;
 }
-input[data-v-d5aa5320] {
+input[data-v-1078f395] {
   border-radius: 0.1em;
   padding: 0.5em;
   box-sizing: border-box;
@@ -1795,46 +1820,46 @@ input[data-v-d5aa5320] {
   line-height: 1;
   height: 2.5em;
 }
-input[data-v-d5aa5320]:focus {
+input[data-v-1078f395]:focus {
   background: none;
   border: 1px solid var(--primary);
   outline: none;
 }
-.ux-text-row .ux-btn[data-v-d5aa5320] {
+.ux-text-row .ux-btn[data-v-1078f395] {
   margin-left: 0.25em;
 }
-.ux-text-input-multiple[data-v-d5aa5320] {
+.ux-text-input-multiple[data-v-1078f395] {
   width: 100%;
 }
-.ux-text-input-single[data-v-d5aa5320] {
+.ux-text-input-single[data-v-1078f395] {
   width: calc(100% - 0.5em);
   margin: 0 0.5em 0 0;
 }
-.items[data-v-d5aa5320] {
+.items[data-v-1078f395] {
   border-radius: 0.3em;
   overflow: hidden;
   margin-bottom: 0.5em;
 }
 @media (prefers-color-scheme: light) {
-  .items[data-v-d5aa5320] {
+  .items[data-v-1078f395] {
     border: 1px solid color-mix(in lab, currentColor 15%, transparent);
   }
 }
 @media (prefers-color-scheme: dark) {
-  .items[data-v-d5aa5320] {
+  .items[data-v-1078f395] {
     border: 1px solid color-mix(in lab, currentColor 18%, transparent);
   }
 }
-.items .content-item[data-v-d5aa5320] {
+.items .content-item[data-v-1078f395] {
   border: none;
 }
 @media (prefers-color-scheme: light) {
-  .items .content-item[data-v-d5aa5320] {
+  .items .content-item[data-v-1078f395] {
     border-bottom: 1px solid color-mix(in lab, currentColor 15%, transparent);
   }
 }
 @media (prefers-color-scheme: dark) {
-  .items .content-item[data-v-d5aa5320] {
+  .items .content-item[data-v-1078f395] {
     border-bottom: 1px solid color-mix(in lab, currentColor 18%, transparent);
   }
 }
@@ -3743,40 +3768,40 @@ td[data-v-f5a130e8]:first-child {
 .wrapper .padder[data-v-be545ba8] {
   margin-bottom: 2em;
 }
-.basic-input-style[data-v-9cb46497] {
+.basic-input-style[data-v-fefac323] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.wrapper[data-v-9cb46497] {
+.wrapper[data-v-fefac323] {
   border-radius: 0.5em;
   overflow: hidden;
   background: var(--bg1, #fff);
   border: 1px solid color-mix(in lab, currentColor 15%, transparent);
   text-align: center;
 }
-h5[data-v-9cb46497] {
+h5[data-v-fefac323] {
   font-size: 1.2em;
   margin: 0;
 }
-.padder[data-v-9cb46497] {
+.padder[data-v-fefac323] {
   padding: 1em;
   display: grid;
   gap: 0.5em;
 }
-.padder.columns[data-v-9cb46497] {
+.padder.columns[data-v-fefac323] {
   grid-template-columns: auto auto;
 }
-.options-modal-header[data-v-9cb46497] {
+.options-modal-header[data-v-fefac323] {
   border-bottom: 1px solid color-mix(in lab, currentColor 15%, transparent);
 }
-.options-modal-footer[data-v-9cb46497] {
+.options-modal-footer[data-v-fefac323] {
   border-top: 1px solid color-mix(in lab, currentColor 15%, transparent);
 }
-.options-modal-body[data-v-9cb46497] {
+.options-modal-body[data-v-fefac323] {
   background: color-mix(in lab, currentColor 5%, transparent);
 }
-.choice[data-v-9cb46497] {
+.choice[data-v-fefac323] {
   padding: 1em;
   cursor: pointer;
   border-radius: 0.3em;
@@ -3784,7 +3809,7 @@ h5[data-v-9cb46497] {
   background: var(--bg1, #fff);
   border: 1px solid color-mix(in lab, currentColor 15%, transparent);
 }
-.choice .option-icon[data-v-9cb46497] {
+.choice .option-icon[data-v-fefac323] {
   width: 40px;
   height: 40px;
   display: flex;
@@ -3793,22 +3818,22 @@ h5[data-v-9cb46497] {
   border-radius: 100%;
   background: color-mix(in lab, currentColor 5%, transparent);
 }
-.choice .option-icon svg[data-v-9cb46497] {
+.choice .option-icon svg[data-v-fefac323] {
   display: block;
   width: 100%;
   height: auto;
 }
-.choice[data-v-9cb46497]:hover {
+.choice[data-v-fefac323]:hover {
   border: 1px solid var(--primary);
 }
-.choice:hover .ux-button[data-v-9cb46497] {
+.choice:hover .ux-button[data-v-fefac323] {
   color: var(--primary);
 }
-.choice .title[data-v-9cb46497] {
+.choice .title[data-v-fefac323] {
   font-weight: 700;
   font-size: 1.1em;
 }
-.choice .description[data-v-9cb46497] {
+.choice .description[data-v-fefac323] {
   font-size: 0.8em;
   opacity: 0.5;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qikdev/vue-ui",
-  "version": "0.2.303",
+  "version": "0.2.305",
   "files": [
     "dist"
   ],
@@ -36,7 +36,7 @@
     "prepare": "husky install"
   },
   "peerDependencies": {
-    "@qikdev/sdk": "^0.1.169",
+    "@qikdev/sdk": "^0.1.181",
     "vue": "^3.2.38"
   },
   "dependencies": {