@qikdev/vue-ui 0.2.335 → 0.2.337

package/dist/vue-ui.css

@@ -1776,19 +1776,19 @@ input[data-v-4bea995b]:focus {
   bottom: 0;
   right: 0;
 }
-.basic-input-style[data-v-7f413234] {
+.basic-input-style[data-v-106fe4ac] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.content-item[data-v-7f413234] {
+.content-item[data-v-106fe4ac] {
   padding: 0.5em 0.8em;
   border-radius: 0.3em;
   cursor: pointer;
   margin-bottom: 1px;
   position: relative;
 }
-.content-item .bar[data-v-7f413234] {
+.content-item .bar[data-v-106fe4ac] {
   left: 0;
   top: 0;
   bottom: 0;
@@ -1796,67 +1796,67 @@ input[data-v-4bea995b]:focus {
   width: 0.2em;
   display: block;
 }
-.content-item .item-summary[data-v-7f413234] {
+.content-item .item-summary[data-v-106fe4ac] {
   opacity: 0.5;
   font-size: 0.9em;
 }
-.content-item .item-title[data-v-7f413234] {
+.content-item .item-title[data-v-106fe4ac] {
   font-weight: 500;
 }
 @media (prefers-color-scheme: light) {
-  .content-item[data-v-7f413234] {
+  .content-item[data-v-106fe4ac] {
     background: var(--bg1, #fff);
     border: 1px solid color-mix(in lab, currentColor 15%, transparent);
   }
 }
 @media (prefers-color-scheme: dark) {
-  .content-item[data-v-7f413234] {
+  .content-item[data-v-106fe4ac] {
     background: color-mix(in lab, #000 1%, transparent);
     border: 1px solid color-mix(in lab, currentColor 18%, transparent);
   }
 }
-.content-item[data-v-7f413234]:last-child {
+.content-item[data-v-106fe4ac]:last-child {
   margin-bottom: 0;
 }
-.content-item.deleted .text[data-v-7f413234] {
+.content-item.deleted .text[data-v-106fe4ac] {
   color: var(--error, red);
   text-decoration: line-through;
 }
-.content-item.inactive .text[data-v-7f413234] {
+.content-item.inactive .text[data-v-106fe4ac] {
   opacity: 0.5;
 }
-.content-item .text[data-v-7f413234] {
+.content-item .text[data-v-106fe4ac] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: pre-line;
 }
-.content-item .icon-wrapper[data-v-7f413234] {
+.content-item .icon-wrapper[data-v-106fe4ac] {
   width: 25px;
   font-size: 20px;
   text-align: center;
 }
-.content-item .icon-wrapper.complete[data-v-7f413234] {
+.content-item .icon-wrapper.complete[data-v-106fe4ac] {
   color: var(--success, green);
 }
-.content-item .icon-wrapper.pending[data-v-7f413234] {
+.content-item .icon-wrapper.pending[data-v-106fe4ac] {
   color: var(--warning, orange);
 }
-.content-item .image-wrapper[data-v-7f413234] {
+.content-item .image-wrapper[data-v-106fe4ac] {
   width: 2em;
   max-width: 50px;
 }
-.content-item .image-wrapper.profile[data-v-7f413234] {
+.content-item .image-wrapper.profile[data-v-106fe4ac] {
   width: 2em;
   height: 2em;
   margin-right: 0.2em;
   background: #0000001a;
   border-radius: 100%;
 }
-.content-item[data-v-7f413234]:hover {
+.content-item[data-v-106fe4ac]:hover {
   cursor: pointer;
   background: color-mix(in lab, currentColor 2%, transparent);
 }
-.content-item .pill[data-v-7f413234] {
+.content-item .pill[data-v-106fe4ac] {
   border-radius: 3em;
   padding: 0.3em 0.6em;
   display: block;
@@ -1868,46 +1868,46 @@ input[data-v-4bea995b]:focus {
   color: color-mix(in lab, currentColor, transparent);
   border: 1px solid;
 }
-.content-item .pill.live[data-v-7f413234],
-.content-item .pill.success[data-v-7f413234],
-.content-item .pill.paid[data-v-7f413234],
-.content-item .pill.active[data-v-7f413234] {
+.content-item .pill.live[data-v-106fe4ac],
+.content-item .pill.success[data-v-106fe4ac],
+.content-item .pill.paid[data-v-106fe4ac],
+.content-item .pill.active[data-v-106fe4ac] {
   background: #e0f3bf;
   color: #569e2f;
 }
 @media (prefers-color-scheme: dark) {
-  .content-item .pill.live[data-v-7f413234],
-  .content-item .pill.success[data-v-7f413234],
-  .content-item .pill.paid[data-v-7f413234],
-  .content-item .pill.active[data-v-7f413234] {
+  .content-item .pill.live[data-v-106fe4ac],
+  .content-item .pill.success[data-v-106fe4ac],
+  .content-item .pill.paid[data-v-106fe4ac],
+  .content-item .pill.active[data-v-106fe4ac] {
     background: none;
   }
 }
-.content-item .pill.sandbox[data-v-7f413234],
-.content-item .pill.pending[data-v-7f413234],
-.content-item .pill.cancelling[data-v-7f413234] {
+.content-item .pill.sandbox[data-v-106fe4ac],
+.content-item .pill.pending[data-v-106fe4ac],
+.content-item .pill.cancelling[data-v-106fe4ac] {
   background: #fbecbb;
   color: #d17a0e;
 }
 @media (prefers-color-scheme: dark) {
-  .content-item .pill.sandbox[data-v-7f413234],
-  .content-item .pill.pending[data-v-7f413234],
-  .content-item .pill.cancelling[data-v-7f413234] {
+  .content-item .pill.sandbox[data-v-106fe4ac],
+  .content-item .pill.pending[data-v-106fe4ac],
+  .content-item .pill.cancelling[data-v-106fe4ac] {
     background: none;
   }
 }
-.content-item .pill.error[data-v-7f413234],
-.content-item .pill.unpaid[data-v-7f413234],
-.content-item .pill.deleted[data-v-7f413234],
-.content-item .pill.failed[data-v-7f413234] {
+.content-item .pill.error[data-v-106fe4ac],
+.content-item .pill.unpaid[data-v-106fe4ac],
+.content-item .pill.deleted[data-v-106fe4ac],
+.content-item .pill.failed[data-v-106fe4ac] {
   background: #fdd;
   color: #b14e4e;
 }
 @media (prefers-color-scheme: dark) {
-  .content-item .pill.error[data-v-7f413234],
-  .content-item .pill.unpaid[data-v-7f413234],
-  .content-item .pill.deleted[data-v-7f413234],
-  .content-item .pill.failed[data-v-7f413234] {
+  .content-item .pill.error[data-v-106fe4ac],
+  .content-item .pill.unpaid[data-v-106fe4ac],
+  .content-item .pill.deleted[data-v-106fe4ac],
+  .content-item .pill.failed[data-v-106fe4ac] {
     background: none;
   }
 }
@@ -1977,16 +1977,16 @@ input[data-v-111b2532]:focus {
     border-bottom: 1px solid color-mix(in lab, currentColor 18%, transparent);
   }
 }
-.basic-input-style[data-v-6ddd93f2] {
+.basic-input-style[data-v-37c317e1] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.search[data-v-6ddd93f2] {
+.search[data-v-37c317e1] {
   position: relative;
   width: 100%;
 }
-.search > .icon[data-v-6ddd93f2] {
+.search > .icon[data-v-37c317e1] {
   position: absolute;
   right: 0;
   top: 50%;
@@ -1994,7 +1994,7 @@ input[data-v-111b2532]:focus {
   bottom: 0;
   padding: 0 1em;
 }
-.search input[data-v-6ddd93f2] {
+.search input[data-v-37c317e1] {
   width: 100%;
   border-radius: 5em;
   padding: 0.5em 1em;
@@ -2008,7 +2008,7 @@ input[data-v-111b2532]:focus {
   background: color-mix(in lab, currentColor 6%, transparent);
   border: 1px solid transparent;
 }
-.search input[data-v-6ddd93f2]:focus {
+.search input[data-v-37c317e1]:focus {
   background: var(--bg1, #fff);
   border: 1px solid var(--primary);
   outline: none;
@@ -3833,28 +3833,33 @@ td[data-v-2eaaec20]:first-child {
 .ux-multi-group[data-v-cb997d0e] {
   margin-bottom: 1em;
 }
-.basic-input-style[data-v-a6ba2db5] {
+.basic-input-style[data-v-9bd6305c] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-empty[data-v-a6ba2db5] {
+.ux-empty[data-v-9bd6305c] {
   display: none !important;
 }
-.ux-field-render[data-v-a6ba2db5] {
+.ux-field-render[data-v-9bd6305c] {
   margin-bottom: 1.5em;
 }
-.ux-field-render.ux-layout-only[data-v-a6ba2db5] {
+.ux-field-render.ux-layout-only[data-v-9bd6305c] {
   margin-bottom: 0;
 }
-.ux-field-render.ux-layout-only > .ux-field-title[data-v-a6ba2db5],
-.ux-field-render.ux-layout-only > .ux-field-description[data-v-a6ba2db5] {
+.ux-field-render.ux-layout-only > .ux-field-title[data-v-9bd6305c],
+.ux-field-render.ux-layout-only > .ux-field-description[data-v-9bd6305c] {
   display: none;
 }
-[data-v-a6ba2db5] table {
+.display-grid[data-v-9bd6305c] {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(150px, 1fr));
+  gap: 1em;
+}
+[data-v-9bd6305c] table {
   width: 100%;
 }
-.ux-password-render input[data-v-a6ba2db5] {
+.ux-password-render input[data-v-9bd6305c] {
   font-family: monospace;
   width: 100%;
   border-radius: 0.1em;
@@ -3870,51 +3875,51 @@ td[data-v-2eaaec20]:first-child {
   height: 2.5em;
   color: inherit;
 }
-.ux-password-render input[data-v-a6ba2db5]:focus {
+.ux-password-render input[data-v-9bd6305c]:focus {
   background: none;
   border: 1px solid var(--primary);
   outline: none;
 }
-.signature-view[data-v-a6ba2db5] {
+.signature-view[data-v-9bd6305c] {
   width: clamp(200px, 30svw, 350px);
   border-radius: 0.5em;
   border: 1px solid color-mix(in lab, currentColor 10%, transparent);
   margin: 0 1em 1em 0;
 }
-.signature-view img[data-v-a6ba2db5] {
+.signature-view img[data-v-9bd6305c] {
   display: block;
   width: 100%;
   height: auto;
 }
-.currency[data-v-a6ba2db5] {
+.currency[data-v-9bd6305c] {
   text-transform: uppercase;
   opacity: 0.5;
   font-size: 0.7em;
 }
-[data-v-a6ba2db5] .ux-field-title {
+[data-v-9bd6305c] .ux-field-title {
   margin-top: 0.5em;
   display: block;
   margin-bottom: 0.2em;
   font-weight: 400;
   opacity: 0.5;
 }
-[data-v-a6ba2db5] .ux-field-description {
+[data-v-9bd6305c] .ux-field-description {
   font-size: 0.7em;
   opacity: 0.3;
   font-style: italic;
   margin-bottom: 0.5em;
 }
-.basic-input-style[data-v-f2b5ec33] {
+.basic-input-style[data-v-62742e05] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-render-flex[data-v-f2b5ec33] {
+.ux-render-flex[data-v-62742e05] {
   display: flex;
   flex: 1;
   gap: 2em;
 }
-.ux-render-flex .ux-field-render-flex[data-v-f2b5ec33] {
+.ux-render-flex .ux-field-render-flex[data-v-62742e05] {
   flex: 1;
 }
 .basic-input-style[data-v-81d5376b] {

package/package.json

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