@qikdev/vue-ui 0.2.267 → 0.2.268

package/dist/style.css

@@ -1589,54 +1589,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.268",
   "files": [
     "dist"
   ],