@qikdev/vue-ui 0.2.311 → 0.2.313

package/dist/style.css

@@ -1474,19 +1474,19 @@ li.expanded > .ux-link .caret[data-v-cbfd31c1] {
 .ux-list-item[data-v-a5de8929]:hover {
   background: color-mix(in lab, currentColor 5%, transparent);
 }
-.basic-input-style[data-v-8e1886fb] {
+.basic-input-style[data-v-de5516aa] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.cell[data-v-8e1886fb] {
+.cell[data-v-de5516aa] {
   display: flex;
   min-width: 150px;
 }
-.cell > div[data-v-8e1886fb] {
+.cell > div[data-v-de5516aa] {
   flex: 1;
 }
-.cell label[data-v-8e1886fb] {
+.cell label[data-v-de5516aa] {
   display: block;
   font-size: 0.8em;
   margin-bottom: 0.3em;
@@ -1494,12 +1494,12 @@ li.expanded > .ux-link .caret[data-v-cbfd31c1] {
   font-weight: 700;
   opacity: 0.5;
 }
-.cell input[data-v-8e1886fb] {
+.cell input[data-v-de5516aa] {
   min-width: 150px;
   flex: 1;
   width: 100%;
 }
-input[data-v-8e1886fb] {
+input[data-v-de5516aa] {
   border-radius: 0.1em;
   padding: 0.5em;
   box-sizing: border-box;
@@ -1511,7 +1511,7 @@ input[data-v-8e1886fb] {
   height: 2.5em;
   color: inherit;
 }
-input[data-v-8e1886fb]:focus {
+input[data-v-de5516aa]:focus {
   background: none;
   border: 1px solid var(--primary);
   outline: none;
@@ -1862,6 +1862,146 @@ input[data-v-1078f395]:focus {
     border-bottom: 1px solid color-mix(in lab, currentColor 18%, transparent);
   }
 }
+.basic-input-style[data-v-6ddd93f2] {
+  color: inherit;
+  background: color-mix(in lab, currentColor 4%, transparent);
+  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
+}
+.search[data-v-6ddd93f2] {
+  position: relative;
+  width: 100%;
+}
+.search > .icon[data-v-6ddd93f2] {
+  position: absolute;
+  right: 0;
+  top: 50%;
+  translate: 0 -50%;
+  bottom: 0;
+  padding: 0 1em;
+}
+.search input[data-v-6ddd93f2] {
+  width: 100%;
+  border-radius: 5em;
+  padding: 0.5em 1em;
+  box-sizing: border-box;
+  font-size: inherit;
+  appearance: none;
+  line-height: 1;
+  color: inherit;
+  background: color-mix(in lab, currentColor 6%, transparent);
+  border: 1px solid transparent;
+}
+.search input[data-v-6ddd93f2]:focus {
+  background: var(--bg1, #fff);
+  border: 1px solid var(--primary);
+  outline: none;
+}
+.basic-input-style[data-v-1f0deee2] {
+  color: inherit;
+  background: color-mix(in lab, currentColor 4%, transparent);
+  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
+}
+.invisible[data-v-1f0deee2] {
+  opacity: 0.5;
+  pointer-events: none;
+}
+.search-component[data-v-1f0deee2] {
+  position: relative;
+  width: 100%;
+}
+.face[data-v-1f0deee2] {
+  width: 20px;
+}
+.ux-content-search-selected-items[data-v-1f0deee2] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+.ux-content-search-selected-item[data-v-1f0deee2] {
+  background-color: #f0f0f0;
+  padding: 4px 8px;
+  border-radius: 4px;
+  font-size: 14px;
+}
+.ux-content-search-options[data-v-1f0deee2] {
+  position: absolute;
+  max-height: 20vh;
+  overflow-y: auto;
+  z-index: 100;
+  box-shadow: 0 4px 6px #0000001a;
+  border: 1px solid color-mix(in lab, currentColor, var(--bg1));
+  border-radius: 4px;
+  margin-top: 4px;
+  background-color: var(--bg1);
+}
+.ux-content-search-option.active[data-v-1f0deee2] {
+  background-color: color-mix(in lab, var(--primary) 15%, var(--bg1));
+}
+.basic-input-style[data-v-ec70a3d8],
+input[data-v-ec70a3d8] {
+  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-ec70a3d8] {
+  margin-bottom: 0.5em;
+}
+[data-v-ec70a3d8] .ux-list {
+  font-size: 0.9em;
+}
+input[data-v-ec70a3d8] {
+  border-radius: 0.1em;
+  padding: 0.5em;
+  box-sizing: border-box;
+  font-size: inherit;
+  appearance: none;
+  line-height: 1;
+  height: 2.5em;
+}
+input[data-v-ec70a3d8]:focus {
+  background: none;
+  border: 1px solid var(--primary);
+  outline: none;
+}
+.ux-text-row .ux-btn[data-v-ec70a3d8] {
+  margin-left: 0.25em;
+}
+.ux-text-input-multiple[data-v-ec70a3d8] {
+  width: 100%;
+}
+.ux-text-input-single[data-v-ec70a3d8] {
+  width: calc(100% - 0.5em);
+  margin: 0 0.5em 0 0;
+}
+.items[data-v-ec70a3d8] {
+  border-radius: 0.3em;
+  overflow: hidden;
+  margin-bottom: 0.5em;
+}
+@media (prefers-color-scheme: light) {
+  .items[data-v-ec70a3d8] {
+    border: 1px solid color-mix(in lab, currentColor 15%, transparent);
+  }
+}
+@media (prefers-color-scheme: dark) {
+  .items[data-v-ec70a3d8] {
+    border: 1px solid color-mix(in lab, currentColor 18%, transparent);
+  }
+}
+.items .content-item[data-v-ec70a3d8] {
+  border: none;
+}
+@media (prefers-color-scheme: light) {
+  .items .content-item[data-v-ec70a3d8] {
+    border-bottom: 1px solid color-mix(in lab, currentColor 15%, transparent);
+  }
+}
+@media (prefers-color-scheme: dark) {
+  .items .content-item[data-v-ec70a3d8] {
+    border-bottom: 1px solid color-mix(in lab, currentColor 18%, transparent);
+  }
+}
 .basic-input-style[data-v-17c04ff2] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
@@ -2991,40 +3131,6 @@ input[data-v-c8feb6c2]:focus {
   display: flex;
   min-height: 300px;
 }
-.basic-input-style[data-v-6ddd93f2] {
-  color: inherit;
-  background: color-mix(in lab, currentColor 4%, transparent);
-  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
-}
-.search[data-v-6ddd93f2] {
-  position: relative;
-  width: 100%;
-}
-.search > .icon[data-v-6ddd93f2] {
-  position: absolute;
-  right: 0;
-  top: 50%;
-  translate: 0 -50%;
-  bottom: 0;
-  padding: 0 1em;
-}
-.search input[data-v-6ddd93f2] {
-  width: 100%;
-  border-radius: 5em;
-  padding: 0.5em 1em;
-  box-sizing: border-box;
-  font-size: inherit;
-  appearance: none;
-  line-height: 1;
-  color: inherit;
-  background: color-mix(in lab, currentColor 6%, transparent);
-  border: 1px solid transparent;
-}
-.search input[data-v-6ddd93f2]:focus {
-  background: var(--bg1, #fff);
-  border: 1px solid var(--primary);
-  outline: none;
-}
 .basic-input-style[data-v-a40a42bc] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
@@ -3382,18 +3488,18 @@ td[data-v-f5a130e8]:first-child {
   border-color: var(--primary);
   opacity: 0.5;
 }
-.basic-input-style[data-v-8a2384ee] {
+.basic-input-style[data-v-b5298f2c] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-field[data-v-8a2384ee] {
+.ux-field[data-v-b5298f2c] {
   margin-bottom: 1em;
 }
-.ux-field.ux-layout-only[data-v-8a2384ee] {
+.ux-field.ux-layout-only[data-v-b5298f2c] {
   margin-bottom: 0;
 }
-.ux-field .ux-field-message[data-v-8a2384ee] {
+.ux-field .ux-field-message[data-v-b5298f2c] {
   border: red;
   background: rgba(255, 0, 0, 0.1);
   color: red;
@@ -3403,23 +3509,23 @@ td[data-v-f5a130e8]:first-child {
   margin: 0.3em 0;
   display: inline-block;
 }
-[data-v-8a2384ee] .ux-field-title {
+[data-v-b5298f2c] .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-8a2384ee] {
+.ux-field.ux-field-hide[data-v-b5298f2c] {
   display: none !important;
   margin: 0 !important;
 }
-[data-v-8a2384ee] .ux-field-description {
+[data-v-b5298f2c] .ux-field-description {
   font-size: clamp(12px, 0.8em, 16px);
   opacity: 0.5;
   margin-bottom: 0.5em;
 }
-.ux-field.ux-field-error[data-v-8a2384ee] > .ux-field-title {
+.ux-field.ux-field-error[data-v-b5298f2c] > .ux-field-title {
   color: red;
 }
 .basic-input-style[data-v-f0b9d2cd] {

package/package.json

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