@vcita/design-system 0.2.2 → 0.2.3

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

@@ -2979,15 +2979,19 @@ var script$e = {
     },
 
     currentStepName() {
-      return this.steps[this.currentStep - 1] && this.steps[this.currentStep - 1].name;
+      var _this$steps;
+
+      return (_this$steps = this.steps[this.currentStep - 1]) === null || _this$steps === void 0 ? void 0 : _this$steps.name;
     },
 
     nextStepName() {
+      var _this$steps$this$curr;
+
       if (this.currentStep >= this.numOfSteps) {
         return;
       }
 
-      return `${this.$dst("ds.progress_circular.next")} ${this.steps[this.currentStep] && this.steps[this.currentStep].name}`;
+      return `${this.$dst("ds.progress_circular.next")} ${(_this$steps$this$curr = this.steps[this.currentStep]) === null || _this$steps$this$curr === void 0 ? void 0 : _this$steps$this$curr.name}`;
     },
 
     numOfSteps() {
@@ -3042,8 +3046,8 @@ var __vue_staticRenderFns__$e = [];
 
 const __vue_inject_styles__$e = function (inject) {
   if (!inject) return;
-  inject("data-v-744643fe_0", {
-    source: "[data-v-744643fe]: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-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;--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;--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;--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)}.vc-mobile-wizard-progress .titles-container[data-v-744643fe]{margin:var(--size-value0) var(--size-value4)}.vc-mobile-wizard-progress .titles-container .current-step[data-v-744643fe]{font-weight:var(--font-weight-large2);font-size:var(--font-size-small2)}.vc-mobile-wizard-progress .titles-container .next-step[data-v-744643fe]{font-size:var(--font-size-x-small);color:var(--gray-darken-4)}",
+  inject("data-v-47502eba_0", {
+    source: "[data-v-47502eba]: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-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;--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;--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;--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)}.vc-mobile-wizard-progress .titles-container[data-v-47502eba]{margin:var(--size-value0) var(--size-value4)}.vc-mobile-wizard-progress .titles-container .current-step[data-v-47502eba]{font-weight:var(--font-weight-large2);font-size:var(--font-size-small2)}.vc-mobile-wizard-progress .titles-container .next-step[data-v-47502eba]{font-size:var(--font-size-x-small);color:var(--gray-darken-4)}",
     map: undefined,
     media: undefined
   });
@@ -3051,7 +3055,7 @@ const __vue_inject_styles__$e = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$e = "data-v-744643fe";
+const __vue_scope_id__$e = "data-v-47502eba";
 /* module identifier */
 
 const __vue_module_identifier__$e = undefined;
@@ -3454,60 +3458,69 @@ const __vue_component__$b = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$b
 }, __vue_inject_styles__$b, __vue_script__$b, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, createInjector, undefined, undefined);
 
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 var script$a = {
-  name: 'VcTextField',
   components: {
-    VcLayout: __vue_component__$u,
-    VcButton: __vue_component__$w,
-    VcIcon: __vue_component__$x,
     VTextField: VTextField
   },
+
+  name: 'VcTextField',
+
   props: {
     type: {
       type: String,
       default: 'text',
       validator: prop => ['text', 'number'].includes(prop)
     },
-    label: {
+    dataQa: {
       type: String,
-      default: ''
+      default: 'vc-text-field'
     },
-    step: {
+    label: {
       type: String,
-      default: '1'
+      default: ''
     },
     value: {
       type: [Number, String],
       default: ''
     },
-    min: {
-      type: Number,
-      default: -Infinity
+    counter: {
+      type: [Number, Boolean],
+      default: false
     },
-    max: {
+    maxlength: {
       type: Number,
-      default: Infinity
+      default: 100
     },
     rules: {
       type: Array
     },
-    color: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    hint: {
       type: String,
-      default: 'Primary'
-    }
-  },
-  methods: {
-    updateValue(num) {
-      let currVal = parseFloat(this.value);
-      currVal = parseFloat((currVal + num).toPrecision(this.step.length + 1));
-
-      if (currVal < parseFloat(this.min) || currVal > parseFloat(this.max)) {
-        return;
-      }
-
-      this.$emit('input', currVal.toString());
+      default: ''
     }
-
   }
 };
 
@@ -3526,58 +3539,25 @@ var __vue_render__$a = function () {
     staticClass: "VcTextInput",
     attrs: {
       "dense": "",
+      "data-qa": _vm.dataQa,
       "label": _vm.label,
       "rules": _vm.rules,
+      "disabled": _vm.disabled,
       "type": _vm.type,
+      "error": _vm.counter && _vm.maxlength && _vm.value.length > _vm.maxlength,
       "value": _vm.value,
-      "color": _vm.color,
-      "step": _vm.step,
+      "hint": _vm.hint,
+      "counter": _vm.counter,
+      "maxlength": _vm.maxlength,
+      "persistent-hint": "",
       "hide-details": "auto"
     },
     on: {
       "input": function (data) {
         return _vm.$emit('input', data);
       }
-    },
-    scopedSlots: _vm._u([_vm.type === 'number' ? {
-      key: "append",
-      fn: function () {
-        return [_c('VcLayout', {
-          staticClass: "number-counter",
-          attrs: {
-            "column": ""
-          }
-        }, [_c('VcButton', {
-          attrs: {
-            "icon": "",
-            "data-qa": "VcTextFieldButtonUp",
-            "ripple": false,
-            "min-width": "44px",
-            "max-height": "25px"
-          },
-          on: {
-            "click": function ($event) {
-              _vm.updateValue(parseFloat(_vm.step));
-            }
-          }
-        }, [_c('VcIcon', [_vm._v("icon-caret-down fa-rotate-180")])], 1), _vm._v(" "), _c('VcButton', {
-          attrs: {
-            "icon": "",
-            "data-qa": "VcTextFieldButtonDown",
-            "ripple": false,
-            "min-width": "44px",
-            "max-height": "25px"
-          },
-          on: {
-            "click": function ($event) {
-              _vm.updateValue(-parseFloat(_vm.step));
-            }
-          }
-        }, [_c('VcIcon', [_vm._v("icon-caret-down")])], 1)], 1)];
-      },
-      proxy: true
-    } : null], null, true)
-  }, [_vm._v(" "), _vm._t("default")], 2);
+    }
+  });
 };
 
 var __vue_staticRenderFns__$a = [];
@@ -3585,12 +3565,8 @@ var __vue_staticRenderFns__$a = [];
 
 const __vue_inject_styles__$a = function (inject) {
   if (!inject) return;
-  inject("data-v-31ca7c6a_0", {
-    source: ".number-counter[data-v-31ca7c6a]{border-left:1px solid rgba(0,0,0,.12)}#app[dir=rtl] .number-counter[data-v-31ca7c6a]{border-left:none;border-right:1px solid rgba(0,0,0,.12)}",
-    map: undefined,
-    media: undefined
-  }), inject("data-v-31ca7c6a_1", {
-    source: ".VcTextInput.v-text-field{margin:0;padding:0}.VcTextInput.v-text-field label{letter-spacing:-.3px;font-size:15px;color:rgba(0,0,0,.4)}.VcTextInput.v-text-field .v-text-field__slot:first-child{margin:0 12px}.VcTextInput.v-text-field[prepend-inner-icon] .v-text-field__slot{padding:0}.VcTextInput.v-text-field.v-input--is-focused label,.VcTextInput.v-text-field.v-input--is-label-active label{font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.17;letter-spacing:-.3px;color:rgba(0,0,0,.62)!important;transform:translateY(-100%) scale(.85);top:8px}.VcTextInput.v-text-field:not(.v-text-field--outlined) .v-text-field__slot{transition:margin-bottom .1s}.VcTextInput.v-text-field:not(.v-text-field--outlined).v-input--is-focused .v-text-field__slot,.VcTextInput.v-text-field:not(.v-text-field--outlined).v-input--is-label-active .v-text-field__slot{margin-bottom:-20px}.VcTextInput.v-text-field.v-input--is-focused .v-input__slot{border-color:currentColor}.VcTextInput.v-text-field .v-input__slot{min-height:52px!important;border-radius:6px;background-color:#fff!important;position:relative!important;border:solid 1px rgba(0,0,0,.12);transition:border-color,background-color .1s!important}.VcTextInput.v-text-field .v-input__slot:hover{border-color:currentColor}.VcTextInput.v-text-field .v-input__slot:after,.VcTextInput.v-text-field .v-input__slot:before{display:none}.VcTextInput.v-text-field.v-input--is-disabled .v-input__slot{background-color:rgba(0,0,0,.03)!important}.VcTextInput.v-text-field input{font-size:15px!important;font-weight:500}.VcTextInput.v-text-field .v-text-field__prefix{color:rgba(0,0,0,.54)!important}.VcTextInput.v-text-field .v-input__append-inner,.VcTextInput.v-text-field .v-input__prepend-inner{color:rgba(0,0,0,.4);margin:auto 12px auto 12px!important;max-width:20px;max-height:20px;padding:0!important}.VcTextInput.v-text-field .v-input__append-inner .v-input__icon,.VcTextInput.v-text-field .v-input__prepend-inner .v-input__icon{height:100%;max-width:100%;min-width:100%;max-height:100%;min-height:100%}.VcTextInput.v-text-field .v-input__append-inner i,.VcTextInput.v-text-field .v-input__prepend-inner i{color:rgba(0,0,0,.4)}.VcTextInput.v-text-field.error--text .v-input__slot{border:1px solid #f2514a}",
+  inject("data-v-027a8ee5_0", {
+    source: ".VcTextInput.v-text-field[data-v-027a8ee5]{font-family:var(--primary-font-family)}.VcTextInput.v-text-field[data-v-027a8ee5] .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-027a8ee5] .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-027a8ee5] .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-027a8ee5] .v-input__slot:after,.VcTextInput.v-text-field[data-v-027a8ee5] .v-input__slot:before{display:none}.VcTextInput.v-text-field[data-v-027a8ee5] .v-input__slot:hover{border-color:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-027a8ee5] .v-input__slot:active,.VcTextInput.v-text-field[data-v-027a8ee5] .v-input__slot:focus,.VcTextInput.v-text-field[data-v-027a8ee5] .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-027a8ee5] .v-input__slot:active input,.VcTextInput.v-text-field[data-v-027a8ee5] .v-input__slot:focus input,.VcTextInput.v-text-field[data-v-027a8ee5] .v-input__slot:focus-within input{color:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-027a8ee5].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-027a8ee5].v-input--is-focused label,.VcTextInput.v-text-field[data-v-027a8ee5].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-027a8ee5].v-input--is-focused .v-text-field__slot,.VcTextInput.v-text-field[data-v-027a8ee5].v-input--is-label-active .v-text-field__slot{margin-bottom:-14px}.VcTextInput.v-text-field[data-v-027a8ee5].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-027a8ee5].v-input--is-disabled .v-input__slot input,.VcTextInput.v-text-field[data-v-027a8ee5].v-input--is-disabled .v-input__slot label{color:var(--gray-darken-2)}.VcTextInput.v-text-field[data-v-027a8ee5]:not(.v-input--is-label-active):not(.v-input--is-focused) input{padding:var(--size-value2) 0}.VcTextInput.v-text-field[data-v-027a8ee5] .v-messages__message{line-height:var(--size-value4)}",
     map: undefined,
     media: undefined
   });
@@ -3598,7 +3574,7 @@ const __vue_inject_styles__$a = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$a = "data-v-31ca7c6a";
+const __vue_scope_id__$a = "data-v-027a8ee5";
 /* module identifier */
 
 const __vue_module_identifier__$a = undefined;