@vcita/design-system 0.6.10 → 0.6.13-beta.1

package/config/locales/ds.de.yml

@@ -1,6 +1,16 @@
 ---
 de:
   ds:
+    wizard:
+      back: Zurück
+      next: Weiter
     modal:
-      ok: Ok
       cancel: Abbrechen
+      ok: OK
+      done: Fertig
+    progress_circular:
+      next: 'Weiter:'
+    listbox:
+      add: Neuen Kontakt hinzufügen
+    dropzone:
+      default_title: 

package/config/locales/ds.en.yml

@@ -2,8 +2,8 @@
 en:
   ds:
     wizard:
-      back: "Back"
-      next: "Next"
+      back: Back
+      next: Next
     modal:
       cancel: Cancel
       ok: Ok
@@ -12,3 +12,5 @@ en:
       next: 'Next:'
     listbox:
       add: Add new contact
+    dropzone:
+      default_title: Submit

package/config/locales/ds.es.yml

@@ -1,6 +1,16 @@
 ---
 es:
   ds:
+    wizard:
+      back: Atrás
+      next: Siguiente
     modal:
-      ok: Ok
       cancel: Cancelar
+      ok: Ok
+      done: Hecho
+    progress_circular:
+      next: 'Siguiente:'
+    listbox:
+      add: Agregar nuevo contacto
+    dropzone:
+      default_title: 

package/config/locales/ds.fr.yml

@@ -1,6 +1,16 @@
 ---
 fr:
   ds:
+    wizard:
+      back: Retour
+      next: Suivant
     modal:
-      ok: Ok
       cancel: Annuler
+      ok: Ok
+      done: C'est fait
+    progress_circular:
+      next: 'Suivant :'
+    listbox:
+      add: Ajouter nouveau contact
+    dropzone:
+      default_title: 

package/config/locales/ds.he.yml

@@ -1,6 +1,16 @@
 ---
 he:
   ds:
+    wizard:
+      back: "חזרה"
+      next: "הבא"
     modal:
-      ok: "אישור"
       cancel: "ביטול"
+      ok: "אישור"
+      done: "בוצע"
+    progress_circular:
+      next: "הבא:"
+    listbox:
+      add: "הוספה של איש קשר חדש"
+    dropzone:
+      default_title: 

package/config/locales/ds.it.yml

@@ -1,6 +1,16 @@
 ---
 it:
   ds:
+    wizard:
+      back: Indietro
+      next: Avanti
     modal:
-      ok: Ok
       cancel: Cancella
+      ok: Ok
+      done: Fatto
+    progress_circular:
+      next: 'Avanti:'
+    listbox:
+      add: Aggiungi nuovo contatto
+    dropzone:
+      default_title: 

package/config/locales/ds.keys.yml

@@ -1,6 +1,16 @@
 ---
 keys:
   ds:
+    wizard:
+      back: ds.wizard.back
+      next: ds.wizard.next
     modal:
-      ok: common.dialog.ok
-      cancel: common.dialog.cancel
+      cancel: ds.modal.cancel
+      ok: ds.modal.ok
+      done: ds.modal.done
+    progress_circular:
+      next: ds.progress_circular.next
+    listbox:
+      add: ds.listbox.add
+    dropzone:
+      default_title: ds.dropzone.default_title

package/config/locales/ds.nl.yml

@@ -1,6 +1,16 @@
 ---
 nl:
   ds:
+    wizard:
+      back: Terug
+      next: Volgende
     modal:
-      ok: Ok
       cancel: Annuleren
+      ok: Ok
+      done: Gereed
+    progress_circular:
+      next: 'Volgende:'
+    listbox:
+      add: Nieuw contact toevoegen
+    dropzone:
+      default_title: 

package/config/locales/ds.pl.yml

@@ -1,6 +1,16 @@
 ---
 pl:
   ds:
+    wizard:
+      back: Wstecz
+      next: Dalej
     modal:
-      ok: OK
       cancel: Anuluj
+      ok: Ok
+      done: Gotowe
+    progress_circular:
+      next: 'Dalej:'
+    listbox:
+      add: Dodaj nowy kontakt
+    dropzone:
+      default_title: 

package/config/locales/ds.pseudo.yml

@@ -1,6 +1,16 @@
 ---
 pseudo:
   ds:
+    wizard:
+      back: "ßåçk ßåç"
+      next: Néxt Néx
     modal:
-      ok: Ok Ok
       cancel: Cånçél Cån
+      ok: Ok Ok
+      done: Doné Don
+    progress_circular:
+      next: 'Néxt: Néx'
+    listbox:
+      add: "Ädd néw çontåçt Ädd néw"
+    dropzone:
+      default_title: Submit Sub

package/config/locales/ds.pt.yml

@@ -1,6 +1,16 @@
 ---
 pt:
   ds:
+    wizard:
+      back: Voltar
+      next: Próximo
     modal:
-      ok: Ok
       cancel: Cancelar
+      ok: Ok
+      done: Pronto
+    progress_circular:
+      next: Próximo;
+    listbox:
+      add: Adicionar contato novo
+    dropzone:
+      default_title: 

package/dist/@vcita/design-system.esm.js

@@ -316,7 +316,7 @@ var script$O = {
     },
     color: {
       type: String,
-      comment: "deprecated, you shuold use flavor",
+      comment: "deprecated, you should use flavor",
       default: "secondary",
       validator: type => {
         return ["secondary", "white"].indexOf(type) > -1;
@@ -326,7 +326,8 @@ var script$O = {
       type: String,
       validator: type => {
         return ["secondary", "primary"].indexOf(type) > -1;
-      }
+      },
+      default: 'primary'
     },
     icon: {
       type: Boolean,
@@ -379,12 +380,12 @@ var script$O = {
   computed: {
     buttonColor() {
       switch (this.flavor) {
-        case "secondary":
-          const color = this.outlined ? '--gray-darken-5' : '--neutral-lighten-2';
-          return color;
+        case "primary":
+          // When the flavor is primary, the theme color is the value in secondary color
+          return this.color;
 
-        default:
-          return "secondary";
+        case "secondary":
+          return this.outlined ? '--gray-darken-5' : '--neutral-lighten-2';
       }
     }
 
@@ -445,8 +446,8 @@ var __vue_staticRenderFns__$M = [];
 
 const __vue_inject_styles__$O = function (inject) {
   if (!inject) return;
-  inject("data-v-707bf882_0", {
-    source: ".VcButton[data-v-707bf882]{letter-spacing:var(--letter-spacing)}.VcButton[data-v-707bf882]:disabled{background-color:var(--gray-lighten-2);color:var(--gray-darken-2)}.VcButton .prependDefaultIcon[data-v-707bf882]{margin-inline-end:var(--size-value3)}.VcButton .prependDefaultIcon[data-v-707bf882]  svg{fill:currentColor}.VcButton.secondary__text[data-v-707bf882]{color:var(--gray-darken-5)!important;border-color:var(--neutral-lighten-1)}",
+  inject("data-v-048cf278_0", {
+    source: ".VcButton[data-v-048cf278]{letter-spacing:var(--letter-spacing)}.VcButton[data-v-048cf278]:disabled{background-color:var(--gray-lighten-2);color:var(--gray-darken-2)}.VcButton .prependDefaultIcon[data-v-048cf278]{margin-inline-end:var(--size-value3)}.VcButton .prependDefaultIcon[data-v-048cf278]  svg{fill:currentColor}.VcButton.secondary__text[data-v-048cf278]{color:var(--gray-darken-5)!important;border-color:var(--neutral-lighten-1)}",
     map: undefined,
     media: undefined
   });
@@ -454,7 +455,7 @@ const __vue_inject_styles__$O = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$O = "data-v-707bf882";
+const __vue_scope_id__$O = "data-v-048cf278";
 /* module identifier */
 
 const __vue_module_identifier__$O = undefined;
@@ -3604,6 +3605,10 @@ var script$s = {
         checked: true
       }));
       this.$emit('change', newSelections);
+    },
+
+    setDataQa(label) {
+      return label.replace(/ /g, '-');
     }
 
   }
@@ -3647,7 +3652,7 @@ var __vue_render__$s = function () {
         "dark": "",
         "content": item.tooltipContent,
         "disabled": !item.tooltipContent || !item.disabled,
-        "data-qa": _vm.dataQa + "-" + index + "-tooltip"
+        "data-qa": _vm.dataQa + "-" + _vm.setDataQa(item.label) + "-tooltip"
       }
     }, [_c('v-list-item', {
       staticClass: "vc-list-item",
@@ -3658,7 +3663,7 @@ var __vue_render__$s = function () {
       }
     }, [_c('VcChecklistItem', _vm._b({
       attrs: {
-        "data-qa": _vm.dataQa + "-" + index
+        "data-qa": _vm.dataQa + "-" + _vm.setDataQa(item.label)
       }
     }, 'VcChecklistItem', item, false))], 1)], 1);
   }), 1)], 1), _vm._v(" "), _vm.addAnother ? _c('div', {
@@ -3692,8 +3697,8 @@ var __vue_staticRenderFns__$s = [];
 
 const __vue_inject_styles__$s = function (inject) {
   if (!inject) return;
-  inject("data-v-07369312_0", {
-    source: "[data-v-07369312]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.vc-list-title[data-v-07369312]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-small2);line-height:var(--size-value5);margin-block-end:var(--size-value3)}.VcListbox[data-v-07369312]{padding-block:var(--size-value1);margin-block:var(--size-value1);border:1px solid var(--gray-lighten-1);box-sizing:border-box;border-radius:var(--border-radius);box-shadow:none!important}.VcListbox .vc-overflow[data-v-07369312]{overflow:auto;max-height:160px}.VcListbox .vc-overflow .vc-list-item[data-v-07369312]{padding:var(--size-value0);min-height:unset}.VcListbox .vc-overflow .vc-list-item[data-v-07369312]:before{opacity:0}.VcListbox .divider[data-v-07369312]{border-color:var(--gray-lighten-1)}.VcListbox .last-item[data-v-07369312]{cursor:pointer;min-height:var(--size-value10)}.VcListbox .last-item[data-v-07369312]:hover{background-color:var(--gray-lighten-3)}.VcListbox .last-item .add-another-label[data-v-07369312]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small);line-height:var(--size-value5);color:var(--gray-darken-5)}.VcListbox .last-item .add-another-icon[data-v-07369312]{margin-inline-end:var(--size-value3);cursor:pointer}.VcListbox .last-item .add-another-icon[data-v-07369312]  .v-icon__component{height:unset;width:unset}.VcListbox .last-item .add-another-icon[data-v-07369312]  .v-icon__component svg{width:var(--size-value3)}",
+  inject("data-v-6c0335a4_0", {
+    source: "[data-v-6c0335a4]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.vc-list-title[data-v-6c0335a4]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-small2);line-height:var(--size-value5);margin-block-end:var(--size-value3)}.VcListbox[data-v-6c0335a4]{padding-block:var(--size-value1);margin-block:var(--size-value1);border:1px solid var(--gray-lighten-1);box-sizing:border-box;border-radius:var(--border-radius);box-shadow:none!important}.VcListbox .vc-overflow[data-v-6c0335a4]{overflow:auto;max-height:160px}.VcListbox .vc-overflow .vc-list-item[data-v-6c0335a4]{padding:var(--size-value0);min-height:unset}.VcListbox .vc-overflow .vc-list-item[data-v-6c0335a4]:before{opacity:0}.VcListbox .divider[data-v-6c0335a4]{border-color:var(--gray-lighten-1)}.VcListbox .last-item[data-v-6c0335a4]{cursor:pointer;min-height:var(--size-value10)}.VcListbox .last-item[data-v-6c0335a4]:hover{background-color:var(--gray-lighten-3)}.VcListbox .last-item .add-another-label[data-v-6c0335a4]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small);line-height:var(--size-value5);color:var(--gray-darken-5)}.VcListbox .last-item .add-another-icon[data-v-6c0335a4]{margin-inline-end:var(--size-value3);cursor:pointer}.VcListbox .last-item .add-another-icon[data-v-6c0335a4]  .v-icon__component{height:unset;width:unset}.VcListbox .last-item .add-another-icon[data-v-6c0335a4]  .v-icon__component svg{width:var(--size-value3)}",
     map: undefined,
     media: undefined
   });
@@ -3701,7 +3706,7 @@ const __vue_inject_styles__$s = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$s = "data-v-07369312";
+const __vue_scope_id__$s = "data-v-6c0335a4";
 /* module identifier */
 
 const __vue_module_identifier__$s = undefined;
@@ -5113,7 +5118,8 @@ var script$h = {
     },
     maxlength: {
       type: Number,
-      default: 100
+      default: 100,
+      validator: prop => prop > 0
     },
     rules: {
       type: Array
@@ -5137,6 +5143,14 @@ var script$h = {
     tooltipContent: {
       type: String,
       default: ''
+    },
+    prefix: {
+      type: String,
+      default: ''
+    },
+    errorMessages: {
+      type: String,
+      default: ''
     }
   }
 };
@@ -5162,11 +5176,13 @@ var __vue_render__$h = function () {
       "rules": _vm.rules,
       "disabled": _vm.disabled,
       "type": _vm.type,
-      "error": _vm.counter && _vm.maxlength && _vm.value.length > _vm.maxlength,
+      "error": _vm.counter && !!_vm.maxlength && _vm.value.length > _vm.maxlength,
+      "error-messages": _vm.errorMessages,
       "value": _vm.value,
       "hint": _vm.hint,
       "counter": _vm.counter,
       "maxlength": _vm.maxlength,
+      "prefix": _vm.prefix,
       "persistent-hint": "",
       "hide-details": "auto"
     },
@@ -5197,8 +5213,8 @@ var __vue_staticRenderFns__$h = [];
 
 const __vue_inject_styles__$h = function (inject) {
   if (!inject) return;
-  inject("data-v-a0a638cc_0", {
-    source: ".VcTextInput.v-text-field[data-v-a0a638cc]{font-family:var(--primary-font-family)}.VcTextInput.v-text-field[data-v-a0a638cc] .v-input__slot{padding:0 var(--size-value3);height:var(--size-value13);background:#fff;border:1px solid var(--gray-lighten-1);box-sizing:border-box;border-radius:6px}.VcTextInput.v-text-field[data-v-a0a638cc] .v-input__slot label{font-size:var(--font-size-small2);line-height:var(--size-value5);color:var(--gray-darken-3);font-weight:var(--font-weight-medium)}.VcTextInput.v-text-field[data-v-a0a638cc] .v-input__slot input{font-weight:var(--font-weight-medium2);font-size:var(--font-size-small2);line-height:var(--size-value5);color:var(--gray-darken-5)}.VcTextInput.v-text-field[data-v-a0a638cc] .v-input__slot:after,.VcTextInput.v-text-field[data-v-a0a638cc] .v-input__slot:before{display:none}.VcTextInput.v-text-field[data-v-a0a638cc] .v-input__slot:hover{border-color:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-a0a638cc] .v-input__slot:active,.VcTextInput.v-text-field[data-v-a0a638cc] .v-input__slot:focus,.VcTextInput.v-text-field[data-v-a0a638cc] .v-input__slot:focus-within{border:1px solid var(--v-secondary-base);box-shadow:0 0 0 3px var(--v-secondary-lighten1)}.VcTextInput.v-text-field[data-v-a0a638cc] .v-input__slot:active input,.VcTextInput.v-text-field[data-v-a0a638cc] .v-input__slot:focus input,.VcTextInput.v-text-field[data-v-a0a638cc] .v-input__slot:focus-within input{color:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-a0a638cc].error--text .v-input__slot{border-color:var(--red);color:unset;box-shadow:unset;font-size:var(--font-size-xx-small);line-height:var(--size-value4)}.VcTextInput.v-text-field[data-v-a0a638cc].v-input--is-focused label,.VcTextInput.v-text-field[data-v-a0a638cc].v-input--is-label-active label{font-size:var(--font-size-small);line-height:1.17;letter-spacing:-.3px;color:var(--gray-darken-4)!important;transform:translateY(-100%) scale(.85);top:var(--size-value2)}.VcTextInput.v-text-field[data-v-a0a638cc].v-input--is-focused .v-text-field__slot,.VcTextInput.v-text-field[data-v-a0a638cc].v-input--is-label-active .v-text-field__slot{margin-bottom:-14px}.VcTextInput.v-text-field[data-v-a0a638cc].v-input--is-disabled .v-input__slot{background:var(--gray-lighten-3);border:1px solid var(--gray-lighten-1)}.VcTextInput.v-text-field[data-v-a0a638cc].v-input--is-disabled .v-input__slot input,.VcTextInput.v-text-field[data-v-a0a638cc].v-input--is-disabled .v-input__slot label{color:var(--gray-darken-2)}.VcTextInput.v-text-field[data-v-a0a638cc]:not(.v-input--is-label-active):not(.v-input--is-focused) input{padding:var(--size-value2) 0}.VcTextInput.v-text-field[data-v-a0a638cc] .v-messages__message{line-height:var(--size-value4)}.VcTextInput.v-text-field[data-v-a0a638cc] .v-input__append-inner{align-self:center;fill:var(--gray-darken-3)}",
+  inject("data-v-55ea298c_0", {
+    source: ".VcTextInput.v-text-field[data-v-55ea298c]{font-family:var(--primary-font-family)}.VcTextInput.v-text-field[data-v-55ea298c] .v-input__slot{padding:0 var(--size-value3);height:var(--size-value13);background:#fff;border:1px solid var(--gray-lighten-1);box-sizing:border-box;border-radius:6px}.VcTextInput.v-text-field[data-v-55ea298c] .v-input__slot label{font-size:var(--font-size-small2);line-height:var(--size-value5);color:var(--gray-darken-3);font-weight:var(--font-weight-medium)}.VcTextInput.v-text-field[data-v-55ea298c] .v-input__slot input{font-weight:var(--font-weight-medium2);font-size:var(--font-size-small2);line-height:var(--size-value5);color:var(--gray-darken-5)}.VcTextInput.v-text-field[data-v-55ea298c] .v-input__slot:after,.VcTextInput.v-text-field[data-v-55ea298c] .v-input__slot:before{display:none}.VcTextInput.v-text-field[data-v-55ea298c] .v-input__slot:hover{border-color:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-55ea298c] .v-input__slot:active,.VcTextInput.v-text-field[data-v-55ea298c] .v-input__slot:focus,.VcTextInput.v-text-field[data-v-55ea298c] .v-input__slot:focus-within{border:1px solid var(--v-secondary-base);box-shadow:0 0 0 3px var(--v-secondary-lighten1)}.VcTextInput.v-text-field[data-v-55ea298c] .v-input__slot:active input,.VcTextInput.v-text-field[data-v-55ea298c] .v-input__slot:focus input,.VcTextInput.v-text-field[data-v-55ea298c] .v-input__slot:focus-within input{color:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-55ea298c].error--text .v-input__slot{border-color:var(--red);color:unset;box-shadow:unset;font-size:var(--font-size-xx-small);line-height:var(--size-value4)}.VcTextInput.v-text-field[data-v-55ea298c].v-input--is-focused label,.VcTextInput.v-text-field[data-v-55ea298c].v-input--is-label-active label{font-size:var(--font-size-small);line-height:1.17;letter-spacing:-.3px;color:var(--gray-darken-4)!important;transform:translateY(-100%) scale(.85);top:var(--size-value2)}.VcTextInput.v-text-field[data-v-55ea298c].v-input--is-focused .v-text-field__slot,.VcTextInput.v-text-field[data-v-55ea298c].v-input--is-label-active .v-text-field__slot{margin-bottom:-14px}.VcTextInput.v-text-field[data-v-55ea298c].v-input--is-disabled .v-input__slot{background:var(--gray-lighten-3);border:1px solid var(--gray-lighten-1)}.VcTextInput.v-text-field[data-v-55ea298c].v-input--is-disabled .v-input__slot input,.VcTextInput.v-text-field[data-v-55ea298c].v-input--is-disabled .v-input__slot label{color:var(--gray-darken-2)}.VcTextInput.v-text-field[data-v-55ea298c]:not(.v-input--is-label-active):not(.v-input--is-focused) input{padding:var(--size-value2) 0}.VcTextInput.v-text-field[data-v-55ea298c] .v-messages__message{line-height:var(--size-value4)}.VcTextInput.v-text-field[data-v-55ea298c] .v-input__append-inner{align-self:center;fill:var(--gray-darken-3)}",
     map: undefined,
     media: undefined
   });
@@ -5206,7 +5222,7 @@ const __vue_inject_styles__$h = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$h = "data-v-a0a638cc";
+const __vue_scope_id__$h = "data-v-55ea298c";
 /* module identifier */
 
 const __vue_module_identifier__$h = undefined;
@@ -5506,11 +5522,11 @@ var __vue_staticRenderFns__$f = [];
 
 const __vue_inject_styles__$f = function (inject) {
   if (!inject) return;
-  inject("data-v-bd35b142_0", {
-    source: "[data-v-bd35b142]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.VcSelectField[data-v-bd35b142]{border-radius:var(--border-radius)}.VcSelectField[data-v-bd35b142] .icon{fill:var(--gray-darken-2)}.VcSelectField[data-v-bd35b142] fieldset{height:52px;background:var(--modal-bg-color);border:1px solid var(--gray-lighten-1)}.VcSelectField[data-v-bd35b142] .v-label--active{transform:translateY(-8px) scale(.75)}.VcSelectField[data-v-bd35b142] .v-label{color:var(--gray-darken-3)!important}.VcSelectField[data-v-bd35b142] .v-select__slot label+div{position:absolute;top:10px}.VcSelectField[data-v-bd35b142].v-input--is-disabled fieldset{background-color:var(--gray-lighten-3)}.VcSelectField[data-v-bd35b142].v-input--is-focused fieldset{border:1px solid var(--v-secondary-base);outline:var(--v-secondary-lighten1) solid 3px}.VcSelectField[data-v-bd35b142].v-input--is-focused fieldset input{color:var(--gray-darken-3)}.VcSelectField[data-v-bd35b142].error--text fieldset{border-width:1px!important}.VcSelectField[data-v-bd35b142] .v-text-field__details{padding-inline-start:0}.VcSelectField[data-v-bd35b142] .v-text-field__details .v-messages__message{margin-top:10px}.VcSelectField[data-v-bd35b142] legend{display:none}.VcSelectField[data-v-bd35b142] .v-select__selection--comma{font-size:15px;font-weight:500}.VcSelectField[data-v-bd35b142] .v-input__append-inner{align-content:center;align-items:center;margin-top:5px!important;height:75%}.VcSelectField[data-v-bd35b142] .dropdown-arrow{padding-inline-end:17px}.VcSelectField[data-v-bd35b142] .tooltip{padding-inline-start:12px;padding-inline-end:3px;border-inline-start:1px solid var(--gray-lighten-1);height:100%;display:flex;align-items:center}",
+  inject("data-v-2d97060a_0", {
+    source: "[data-v-2d97060a]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.VcSelectField[data-v-2d97060a]{border-radius:var(--border-radius)}.VcSelectField[data-v-2d97060a] .icon{fill:var(--gray-darken-2)}.VcSelectField[data-v-2d97060a] fieldset{height:52px;background:var(--modal-bg-color);border-color:var(--gray-lighten-1);transition:border-color .1s}.VcSelectField[data-v-2d97060a] .v-label--active{transform:translateY(-8px) scale(.75)!important}.VcSelectField[data-v-2d97060a] .v-label{color:var(--gray-darken-3)!important}.VcSelectField[data-v-2d97060a] .v-select__slot label+div{position:absolute;top:10px}.VcSelectField[data-v-2d97060a]:hover fieldset{border-color:var(--gray-darken-3)}.VcSelectField[data-v-2d97060a].v-input--is-disabled fieldset{background-color:var(--gray-lighten-3)}.VcSelectField[data-v-2d97060a].v-input--is-focused fieldset{border:1px solid var(--v-secondary-base)!important;transition:outline .1s,border-color .1s;outline:var(--v-secondary-lighten1) solid 3px}.VcSelectField[data-v-2d97060a].v-input--is-focused fieldset input{color:var(--gray-darken-3)}.VcSelectField[data-v-2d97060a].error--text fieldset{border:1px solid var(--red);transition:border-color .1s}.VcSelectField[data-v-2d97060a] .v-text-field__details{padding-inline-start:0}.VcSelectField[data-v-2d97060a] .v-text-field__details .v-messages__message{margin-top:10px}.VcSelectField[data-v-2d97060a] legend{display:none}.VcSelectField[data-v-2d97060a] .v-select__selection--comma{font-size:15px;font-weight:500}.VcSelectField[data-v-2d97060a] .v-input__append-inner{align-content:center;align-items:center;margin-top:5px!important;height:75%}.VcSelectField[data-v-2d97060a] .dropdown-arrow{padding-inline-end:17px}.VcSelectField[data-v-2d97060a] .tooltip{padding-inline-start:12px;padding-inline-end:3px;border-inline-start:1px solid var(--gray-lighten-1);height:100%;display:flex;align-items:center}",
     map: undefined,
     media: undefined
-  }), inject("data-v-bd35b142_1", {
+  }), inject("data-v-2d97060a_1", {
     source: ".vc-select-field-menu{margin-top:14px}",
     map: undefined,
     media: undefined
@@ -5519,7 +5535,7 @@ const __vue_inject_styles__$f = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$f = "data-v-bd35b142";
+const __vue_scope_id__$f = "data-v-2d97060a";
 /* module identifier */
 
 const __vue_module_identifier__$f = undefined;