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

package/config/locales/ds.de.yml

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

package/config/locales/ds.en.yml

@@ -12,3 +12,5 @@ en:
       next: 'Next:'
     listbox:
       add: Add new contact
+    dropzone:
+      default_title: Submit

package/config/locales/ds.es.yml

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

package/config/locales/ds.fr.yml

@@ -12,3 +12,5 @@ fr:
       next: 'Suivant :'
     listbox:
       add: Ajouter nouveau contact
+    dropzone:
+      default_title: 

package/config/locales/ds.he.yml

@@ -12,3 +12,5 @@ he:
       next: "הבא:"
     listbox:
       add: "הוספה של איש קשר חדש"
+    dropzone:
+      default_title: 

package/config/locales/ds.it.yml

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

package/config/locales/ds.keys.yml

@@ -12,3 +12,5 @@ keys:
       next: ds.progress_circular.next
     listbox:
       add: ds.listbox.add
+    dropzone:
+      default_title: ds.dropzone.default_title

package/config/locales/ds.nl.yml

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

package/config/locales/ds.pl.yml

@@ -12,3 +12,5 @@ pl:
       next: 'Dalej:'
     listbox:
       add: Dodaj nowy kontakt
+    dropzone:
+      default_title: 

package/config/locales/ds.pseudo.yml

@@ -12,3 +12,5 @@ pseudo:
       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

@@ -2,13 +2,15 @@
 pt:
   ds:
     wizard:
-      back: 
-      next: 
+      back: Voltar
+      next: Próximo
     modal:
       cancel: Cancelar
-      ok: 
-      done: 
+      ok: Ok
+      done: Pronto
     progress_circular:
-      next: 
+      next: Próximo;
     listbox:
-      add: 
+      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,11 +380,12 @@ var script$O = {
   computed: {
     buttonColor() {
       switch (this.flavor) {
+        case "primary":
+          // When the flavor is primary, the theme color is the value in secondary color
+          return this.color;
+
         case "secondary":
           return this.outlined ? '--gray-darken-5' : '--neutral-lighten-2';
-
-        default:
-          return "secondary";
       }
     }
 
@@ -444,8 +446,8 @@ var __vue_staticRenderFns__$M = [];
 
 const __vue_inject_styles__$O = function (inject) {
   if (!inject) return;
-  inject("data-v-f0042ff4_0", {
-    source: ".VcButton[data-v-f0042ff4]{letter-spacing:var(--letter-spacing)}.VcButton[data-v-f0042ff4]:disabled{background-color:var(--gray-lighten-2);color:var(--gray-darken-2)}.VcButton .prependDefaultIcon[data-v-f0042ff4]{margin-inline-end:var(--size-value3)}.VcButton .prependDefaultIcon[data-v-f0042ff4]  svg{fill:currentColor}.VcButton.secondary__text[data-v-f0042ff4]{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
   });
@@ -453,7 +455,7 @@ const __vue_inject_styles__$O = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$O = "data-v-f0042ff4";
+const __vue_scope_id__$O = "data-v-048cf278";
 /* module identifier */
 
 const __vue_module_identifier__$O = undefined;
@@ -5116,7 +5118,8 @@ var script$h = {
     },
     maxlength: {
       type: Number,
-      default: 100
+      default: 100,
+      validator: prop => prop > 0
     },
     rules: {
       type: Array
@@ -5140,6 +5143,14 @@ var script$h = {
     tooltipContent: {
       type: String,
       default: ''
+    },
+    prefix: {
+      type: String,
+      default: ''
+    },
+    errorMessages: {
+      type: String,
+      default: ''
     }
   }
 };
@@ -5165,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"
     },
@@ -5200,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
   });
@@ -5209,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;