@qikdev/vue-ui 0.2.267 → 0.2.269

package/dist/style.css

@@ -368,6 +368,57 @@ td div:hover .off[data-v-5e3e90be] {
 td div:hover .on[data-v-5e3e90be] {
   opacity: 1;
 }
+.basic-input-style[data-v-024c8385] {
+  color: inherit;
+  background: color-mix(in lab, currentColor 4%, transparent);
+  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
+}
+td[data-v-024c8385] {
+  white-space: nowrap;
+}
+td div[data-v-024c8385] {
+  padding: 0.5em 1em;
+  margin: 0.1em;
+  background: color-mix(in lab, currentColor 8%, transparent);
+  border-radius: 5em;
+  display: block;
+  line-height: 1;
+  font-size: 0.7em;
+  cursor: pointer;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  text-align: center;
+  position: relative;
+}
+td div .overdue[data-v-024c8385] {
+  color: red;
+}
+td div .spacer[data-v-024c8385] {
+  visibility: hidden !important;
+}
+td div .on[data-v-024c8385],
+td div .off[data-v-024c8385] {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  transition: opacity 0.1s;
+}
+td div .on[data-v-024c8385] {
+  opacity: 0;
+}
+td div .off[data-v-024c8385] {
+  opacity: 1;
+}
+td div[data-v-024c8385]:hover {
+  background: color-mix(in lab, currentColor 10%, transparent);
+}
+td div:hover .off[data-v-024c8385] {
+  opacity: 0;
+}
+td div:hover .on[data-v-024c8385] {
+  opacity: 1;
+}
 .basic-input-style[data-v-897e69cd] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
@@ -576,16 +627,16 @@ td[data-v-f7f4a65b] {
 .content-type-cell[data-v-3c0f4d89] {
   white-space: nowrap;
 }
-.basic-input-style[data-v-356ff495] {
+.basic-input-style[data-v-455cdd3a] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.value[data-v-356ff495] {
+.value[data-v-455cdd3a] {
   display: inline-block;
   margin: 0.05em;
 }
-.nowrap[data-v-356ff495] {
+.nowrap[data-v-455cdd3a] {
   white-space: nowrap;
 }
 .basic-input-style[data-v-fbdf91c9] {
@@ -1589,54 +1640,65 @@ input[data-v-4bea995b]:focus {
   bottom: 0;
   right: 0;
 }
-.basic-input-style[data-v-7ecd8dae] {
+.basic-input-style[data-v-cf0f8f29] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.content-item[data-v-7ecd8dae] {
+.content-item[data-v-cf0f8f29] {
   padding: 0.5em 0.8em;
   border-radius: 0.3em;
   cursor: pointer;
   margin-bottom: 1px;
 }
-.content-item .item-summary[data-v-7ecd8dae] {
+.content-item .item-summary[data-v-cf0f8f29] {
   opacity: 0.5;
   font-size: 0.9em;
 }
-.content-item .item-title[data-v-7ecd8dae] {
+.content-item .item-title[data-v-cf0f8f29] {
   font-weight: 500;
 }
 @media (prefers-color-scheme: light) {
-  .content-item[data-v-7ecd8dae] {
+  .content-item[data-v-cf0f8f29] {
     background: var(--bg1, #fff);
     border: 1px solid color-mix(in lab, currentColor 15%, transparent);
   }
 }
 @media (prefers-color-scheme: dark) {
-  .content-item[data-v-7ecd8dae] {
+  .content-item[data-v-cf0f8f29] {
     background: color-mix(in lab, #000 1%, transparent);
     border: 1px solid color-mix(in lab, currentColor 18%, transparent);
   }
 }
-.content-item[data-v-7ecd8dae]:last-child {
+.content-item[data-v-cf0f8f29]:last-child {
   margin-bottom: 0;
 }
-.content-item .text[data-v-7ecd8dae] {
+.content-item .text[data-v-cf0f8f29] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: pre-line;
 }
-.content-item .image-wrapper[data-v-7ecd8dae] {
+.content-item .icon-wrapper[data-v-cf0f8f29] {
+  width: 25px;
+  font-size: 20px;
+  text-align: center;
+}
+.content-item .icon-wrapper.complete[data-v-cf0f8f29] {
+  color: var(--success, green);
+}
+.content-item .icon-wrapper.pending[data-v-cf0f8f29] {
+  color: var(--warning, orange);
+}
+.content-item .image-wrapper[data-v-cf0f8f29] {
   width: 50px;
 }
-.content-item .image-wrapper.profile[data-v-7ecd8dae] {
+.content-item .image-wrapper.profile[data-v-cf0f8f29] {
   width: 40px;
   height: 40px;
   background: rgba(0, 0, 0, 0.1);
   border-radius: 100%;
 }
-.content-item[data-v-7ecd8dae]:hover {
+.content-item[data-v-cf0f8f29]:hover {
   cursor: pointer;
   background: color-mix(in lab, currentColor 2%, transparent);
 }

package/package.json

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