@qikdev/vue-ui 0.2.286 → 0.2.288

package/dist/style.css

@@ -775,19 +775,19 @@ tr.inactive[data-v-fbdf91c9]:after {
   background: color-mix(in lab, var(--primary) 10%, var(--bg1));
   color: color-mix(in lab, var(--primary) 10%, currentColor);
 }
-.basic-input-style[data-v-efa84717] {
+.basic-input-style[data-v-4d64a70a] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.native-select .select-input-wrapper[data-v-efa84717] {
+.native-select .select-input-wrapper[data-v-4d64a70a] {
   cursor: pointer;
   position: relative;
 }
-.native-select .select-tags[data-v-efa84717] {
+.native-select .select-tags[data-v-4d64a70a] {
   display: block;
 }
-.native-select .select-tags .select-tag[data-v-efa84717] {
+.native-select .select-tags .select-tag[data-v-4d64a70a] {
   display: block;
   padding: 0.5em 0.5em 0.5em 1em;
   border-radius: 2em;
@@ -797,32 +797,32 @@ tr.inactive[data-v-fbdf91c9]:after {
   border: 1px solid rgba(0, 0, 0, 0.1);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.native-select .select-tags .select-tag a[data-v-efa84717] {
+.native-select .select-tags .select-tag a[data-v-4d64a70a] {
   cursor: pointer;
   opacity: 0.3;
   display: inline-block;
 }
-.native-select .select-tags .select-tag a[data-v-efa84717]:hover {
+.native-select .select-tags .select-tag a[data-v-4d64a70a]:hover {
   opacity: 1;
 }
-.native-select.multiple.pills .select-tag[data-v-efa84717] {
+.native-select.multiple.pills .select-tag[data-v-4d64a70a] {
   display: inline-block;
   margin: 0 0.3em 0.3em 0;
   padding: 0.5em 0.5em 0.5em 1em;
 }
-.native-select.multiple.pills .select-tag a[data-v-efa84717] {
+.native-select.multiple.pills .select-tag a[data-v-4d64a70a] {
   margin-left: 1em;
 }
-.native-select .ui-select-button[data-v-efa84717] {
+.native-select .ui-select-button[data-v-4d64a70a] {
   position: relative;
   width: 100%;
 }
-.native-select .ui-select-button > .ux-btn[data-v-efa84717] {
+.native-select .ui-select-button > .ux-btn[data-v-4d64a70a] {
   display: block;
   position: relative;
   text-align: left;
 }
-.native-select .ui-select-button > .ux-btn[data-v-efa84717]:after {
+.native-select .ui-select-button > .ux-btn[data-v-4d64a70a]:after {
   content: "\25bc";
   position: absolute;
   right: 0;
@@ -836,7 +836,7 @@ tr.inactive[data-v-fbdf91c9]:after {
   text-align: center;
   opacity: 0.5;
 }
-.native-select select[data-v-efa84717] {
+.native-select select[data-v-4d64a70a] {
   cursor: pointer;
   opacity: 0;
   appearance: none;
@@ -3686,40 +3686,40 @@ td[data-v-f5a130e8]:first-child {
 .wrapper .padder[data-v-be545ba8] {
   margin-bottom: 2em;
 }
-.basic-input-style[data-v-60de0d31] {
+.basic-input-style[data-v-9cb46497] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.wrapper[data-v-60de0d31] {
+.wrapper[data-v-9cb46497] {
   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-60de0d31] {
+h5[data-v-9cb46497] {
   font-size: 1.2em;
   margin: 0;
 }
-.padder[data-v-60de0d31] {
+.padder[data-v-9cb46497] {
   padding: 1em;
   display: grid;
   gap: 0.5em;
 }
-.padder.columns[data-v-60de0d31] {
+.padder.columns[data-v-9cb46497] {
   grid-template-columns: auto auto;
 }
-.options-modal-header[data-v-60de0d31] {
+.options-modal-header[data-v-9cb46497] {
   border-bottom: 1px solid color-mix(in lab, currentColor 15%, transparent);
 }
-.options-modal-footer[data-v-60de0d31] {
+.options-modal-footer[data-v-9cb46497] {
   border-top: 1px solid color-mix(in lab, currentColor 15%, transparent);
 }
-.options-modal-body[data-v-60de0d31] {
+.options-modal-body[data-v-9cb46497] {
   background: color-mix(in lab, currentColor 5%, transparent);
 }
-.choice[data-v-60de0d31] {
+.choice[data-v-9cb46497] {
   padding: 1em;
   cursor: pointer;
   border-radius: 0.3em;
@@ -3727,17 +3727,31 @@ h5[data-v-60de0d31] {
   background: var(--bg1, #fff);
   border: 1px solid color-mix(in lab, currentColor 15%, transparent);
 }
-.choice[data-v-60de0d31]:hover {
+.choice .option-icon[data-v-9cb46497] {
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 100%;
+  background: color-mix(in lab, currentColor 5%, transparent);
+}
+.choice .option-icon svg[data-v-9cb46497] {
+  display: block;
+  width: 100%;
+  height: auto;
+}
+.choice[data-v-9cb46497]:hover {
   border: 1px solid var(--primary);
 }
-.choice:hover .ux-button[data-v-60de0d31] {
+.choice:hover .ux-button[data-v-9cb46497] {
   color: var(--primary);
 }
-.choice .title[data-v-60de0d31] {
+.choice .title[data-v-9cb46497] {
   font-weight: 700;
   font-size: 1.1em;
 }
-.choice .description[data-v-60de0d31] {
+.choice .description[data-v-9cb46497] {
   font-size: 0.8em;
   opacity: 0.5;
 }

package/package.json

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