@weni/unnnic-system 1.11.2 → 1.12.0

package/.eslintrc.js

@@ -3,18 +3,23 @@ module.exports = {
   env: {
     node: true,
   },
-  extends: ['plugin:vue/essential', '@vue/airbnb'],
+  extends: [
+    'plugin:vue/essential',
+    '@vue/airbnb',
+  ],
   parserOptions: {
     parser: 'babel-eslint',
   },
   rules: {
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'comma-dangle': ['error', 'always-multiline'],
   },
   overrides: [
     {
-      files: ['**/__tests__/*.{j,t}s?(x)', '**/tests/unit/**/*.spec.{j,t}s?(x)'],
+      files: [
+        '**/__tests__/*.{j,t}s?(x)',
+        '**/tests/unit/**/*.spec.{j,t}s?(x)',
+      ],
       env: {
         jest: true,
       },

package/dist/scss/colors.scss

@@ -95,3 +95,14 @@ $scheme-colors:
   "brand-sec-dark" $unnnic-color-brand-sec-dark,
   "brand-sec-soft" $unnnic-color-brand-sec-soft,
   "brand-sec" $unnnic-color-brand-sec;
+
+
+@each $name, $color in $scheme-colors {
+  .color-#{$name} {
+    color: $color;
+  }
+
+  .bg-#{$name} {
+    background-color: $color;
+  }
+}

package/dist/scss/fonts.scss

@@ -31,4 +31,46 @@ $unnnic-font-size-h1: 4.5rem;
 $unnnic-line-height-small: 0.25rem;
 $unnnic-line-height-medium: 0.5rem;
 $unnnic-line-height-md: $unnnic-line-height-medium;
-$unnnic-line-height-large: 1rem;
+$unnnic-line-height-large: 1rem;
+
+.unnnic-font {
+  font-weight: $unnnic-font-weight-regular;
+  font-family: $unnnic-font-family-primary;
+
+  $font-sizes:
+    "body-sm" $unnnic-font-size-body-sm,
+    "body-md" $unnnic-font-size-body-md,
+    "body-gt" $unnnic-font-size-body-gt,
+    "body-lg" $unnnic-font-size-body-lg,
+
+    "title-sm" $unnnic-font-size-title-sm,
+    "title-md" $unnnic-font-size-title-md,
+    "title-lg" $unnnic-font-size-title-lg,
+
+    "h4" $unnnic-font-size-h4,
+    "h3" $unnnic-font-size-h3,
+    "h2" $unnnic-font-size-h2,
+    "h1" $unnnic-font-size-h1;
+
+  $font-weights:
+    "black" $unnnic-font-weight-black,
+    "bold" $unnnic-font-weight-bold,
+    "light" $unnnic-font-weight-light;
+
+  &.secondary {
+    font-family: $unnnic-font-family-secondary;
+  }
+
+  @each $name, $size in $font-sizes {
+    &.#{$name} {
+      font-size: $size;
+      line-height: $size + $unnnic-line-height-md;
+    }
+  }
+
+  @each $name, $weight in $font-weights {
+    &.#{$name} {
+      font-weight: $weight;
+    }
+  }
+}

package/dist/unnnic.common.js

@@ -1178,6 +1178,17 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "0bf5":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InputDatePicker_vue_vue_type_style_index_0_id_741dbc51_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("697e");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InputDatePicker_vue_vue_type_style_index_0_id_741dbc51_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InputDatePicker_vue_vue_type_style_index_0_id_741dbc51_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "0caa":
@@ -2675,13 +2686,6 @@ module.exports = (!STRICT_METHOD || !USES_TO_LENGTH) ? function forEach(callback
 } : [].forEach;
 
 
-/***/ }),
-
-/***/ "1948":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "19aa":
@@ -2802,6 +2806,13 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "1c68":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "1c7e":
@@ -8893,17 +8904,6 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "4cb1":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InputDatePicker_vue_vue_type_style_index_0_id_9dc85b38_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f39f");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InputDatePicker_vue_vue_type_style_index_0_id_9dc85b38_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InputDatePicker_vue_vue_type_style_index_0_id_9dc85b38_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "4cd7":
@@ -12434,6 +12434,13 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
 
 /***/ }),
 
+/***/ "697e":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "69d5":
 /***/ (function(module, exports) {
 
@@ -18673,6 +18680,13 @@ exports.f = DESCRIPTORS ? nativeDefineProperty : function defineProperty(O, P, A
 };
 
 
+/***/ }),
+
+/***/ "9c48":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "9cab":
@@ -21575,17 +21589,6 @@ module.exports = {
 };
 
 
-/***/ }),
-
-/***/ "b780":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AudioRecorder_vue_vue_type_style_index_0_id_84f50116_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("1948");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AudioRecorder_vue_vue_type_style_index_0_id_84f50116_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AudioRecorder_vue_vue_type_style_index_0_id_84f50116_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "b7e9":
@@ -27867,6 +27870,17 @@ module.exports = __webpack_require__.p + "img/u1F645.1ff7ba1e.png";
 
 module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M33.125 16.8755H30.7975C30.5661 16.0757 30.2462 15.3043 29.8437 14.5755L31.49 12.9305C31.6642 12.7564 31.8025 12.5496 31.8968 12.322C31.9911 12.0945 32.0396 11.8506 32.0396 11.6042C32.0396 11.3579 31.9911 11.114 31.8968 10.8864C31.8025 10.6589 31.6642 10.4521 31.49 10.278L29.7212 8.51174C29.3696 8.16023 28.8928 7.96276 28.3956 7.96276C27.8984 7.96276 27.4216 8.16023 27.07 8.51174L25.4225 10.158C24.6947 9.75524 23.9241 9.43532 23.125 9.20424V6.87549C23.125 6.37821 22.9275 5.90129 22.5758 5.54966C22.2242 5.19803 21.7473 5.00049 21.25 5.00049H18.75C18.2527 5.00049 17.7758 5.19803 17.4242 5.54966C17.0725 5.90129 16.875 6.37821 16.875 6.87549V9.20424C16.0757 9.43586 15.3047 9.75574 14.5762 10.158L12.9287 8.51174C12.5771 8.16023 12.1003 7.96276 11.6031 7.96276C11.1059 7.96276 10.6291 8.16023 10.2775 8.51174L8.50875 10.2792C8.33451 10.4534 8.19629 10.6601 8.10199 10.8877C8.00769 11.1152 7.95915 11.3592 7.95915 11.6055C7.95915 11.8518 8.00769 12.0957 8.10199 12.3233C8.19629 12.5509 8.33451 12.7576 8.50875 12.9317L10.1562 14.578C9.75323 15.3057 9.43331 16.0763 9.2025 16.8755H6.875C6.37772 16.8755 5.90081 17.073 5.54917 17.4247C5.19754 17.7763 5 18.2532 5 18.7505V21.2505C5 21.7478 5.19754 22.2247 5.54917 22.5763C5.90081 22.9279 6.37772 23.1255 6.875 23.1255H9.2025C9.43322 23.9251 9.75315 24.6962 10.1562 25.4242L8.5075 27.073C8.15599 27.4246 7.95853 27.9014 7.95853 28.3986C7.95853 28.8958 8.15599 29.3726 8.5075 29.7242L10.275 31.4917C10.6335 31.8304 11.108 32.0191 11.6012 32.0191C12.0945 32.0191 12.569 31.8304 12.9275 31.4917L14.575 29.8455C15.3039 30.2482 16.0753 30.5685 16.875 30.8005V33.1255C16.875 33.6228 17.0725 34.0997 17.4242 34.4513C17.7758 34.8029 18.2527 35.0005 18.75 35.0005H21.25C21.7473 35.0005 22.2242 34.8029 22.5758 34.4513C22.9275 34.0997 23.125 33.6228 23.125 33.1255V30.8005C23.9243 30.5689 24.6953 30.249 25.4237 29.8467L27.0712 31.493C27.4229 31.8445 27.8997 32.042 28.3969 32.042C28.8941 32.042 29.3709 31.8445 29.7225 31.493L31.49 29.7255C31.8415 29.3739 32.039 28.897 32.039 28.3999C32.039 27.9027 31.8415 27.4259 31.49 27.0742L29.8437 25.428C30.2466 24.6994 30.5666 23.9279 30.7975 23.128H33.125C33.3714 23.128 33.6155 23.0794 33.8431 22.985C34.0708 22.8906 34.2776 22.7523 34.4517 22.5779C34.6258 22.4036 34.7639 22.1966 34.858 21.9688C34.9521 21.741 35.0003 21.4969 35 21.2505V18.7505C35 18.2532 34.8025 17.7763 34.4508 17.4247C34.0992 17.073 33.6223 16.8755 33.125 16.8755ZM20 26.2505C18.7639 26.2505 17.5555 25.8839 16.5277 25.1972C15.4999 24.5104 14.6988 23.5343 14.2258 22.3923C13.7527 21.2502 13.6289 19.9936 13.8701 18.7812C14.1112 17.5688 14.7065 16.4551 15.5806 15.5811C16.4547 14.707 17.5683 14.1117 18.7807 13.8706C19.9931 13.6294 21.2497 13.7532 22.3918 14.2262C23.5338 14.6993 24.5099 15.5004 25.1967 16.5282C25.8834 17.556 26.25 18.7644 26.25 20.0005C26.248 21.6575 25.5889 23.246 24.4172 24.4177C23.2456 25.5894 21.657 26.2485 20 26.2505Z\" fill=\"#3B414D\" class=\"primary\"></path></svg>"
 
+/***/ }),
+
+/***/ "c3d1":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AudioRecorder_vue_vue_type_style_index_0_id_3b0790f0_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("9c48");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AudioRecorder_vue_vue_type_style_index_0_id_3b0790f0_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AudioRecorder_vue_vue_type_style_index_0_id_3b0790f0_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "c430":
@@ -28487,6 +28501,17 @@ module.exports = function (key, value) {
 };
 
 
+/***/ }),
+
+/***/ "ce59":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InputNext_vue_vue_type_style_index_0_id_0b424ebe_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("1c68");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InputNext_vue_vue_type_style_index_0_id_0b424ebe_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InputNext_vue_vue_type_style_index_0_id_0b424ebe_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "ce8a":
@@ -32163,13 +32188,6 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
 
 /***/ }),
 
-/***/ "f39f":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "f3ff":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -32658,6 +32676,7 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, "unnnicInput", function() { return /* reexport */ unnnicInput; });
+__webpack_require__.d(__webpack_exports__, "unnnicInputNext", function() { return /* reexport */ unnnicInputNext; });
 __webpack_require__.d(__webpack_exports__, "unnnicInputDatePicker", function() { return /* reexport */ unnnicInputDatePicker; });
 __webpack_require__.d(__webpack_exports__, "unnnicButton", function() { return /* reexport */ unnnicButton; });
 __webpack_require__.d(__webpack_exports__, "unnnicButtonIcon", function() { return /* reexport */ unnnicButtonIcon; });
@@ -34536,18 +34555,196 @@ var Input_component = normalizeComponent(
 )
 
 /* harmony default export */ var Input = (Input_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1cea8ebe-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/InputDatePicker/InputDatePicker.vue?vue&type=template&id=9dc85b38&scoped=true&
-var InputDatePickervue_type_template_id_9dc85b38_scoped_true_render = function () {
-var _obj;
-var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"dropdown",class:['dropdown', { active: _vm.showCalendarFilter }]},[_c('unnnic-input',{staticClass:"input",attrs:{"size":_vm.size,"icon-left":"notes-1","readonly":"","value":_vm.filterText},on:{"focus":function($event){_vm.showCalendarFilter = true}}}),_c('div',{staticClass:"dropdown-data",style:(( _obj = {}, _obj[_vm.position] = '0', _obj ))},[(_vm.showCalendarFilter)?_c('unnnic-date-picker',{attrs:{"type":_vm.type,"clearLabel":_vm.clearText,"actionLabel":_vm.actionText,"months":_vm.months,"days":_vm.days,"options":_vm.options,"initial-start-date":_vm.initialStartDate,"initial-end-date":_vm.initialEndDate},on:{"submit":_vm.changeDate}}):_vm._e()],1)],1)}
-var InputDatePickervue_type_template_id_9dc85b38_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1cea8ebe-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/InputNext/InputNext.vue?vue&type=template&id=0b424ebe&scoped=true&
+var InputNextvue_type_template_id_0b424ebe_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['unnnic-input', ("size-" + _vm.size), { 'type-error': _vm.hasError }]},[(!!this.$slots.label || _vm.label)?_c('span',{class:[
+      'label unnnic-font secondary color-neutral-cloudy',
+      { 'body-md': _vm.size === 'sm', 'body-gt': _vm.size == 'md' }
+    ],on:{"click":function($event){return _vm.$refs.input.focus()}}},[(!!this.$slots.label)?[_vm._t("label")]:(_vm.label)?[_vm._v(" "+_vm._s(_vm.label)+" ")]:_vm._e()],2):_vm._e(),_c('div',{staticClass:"input-container",on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.$refs.input.focus()}}},[(_vm.iconLeft)?_c('unnnic-icon',{attrs:{"icon":_vm.iconLeft,"size":"sm","scheme":_vm.iconScheme},nativeOn:{"click":function($event){return _vm.$refs.input.focus()}}}):_vm._e(),_c('input',{ref:"input",staticClass:"unnnic-font secondary",attrs:{"type":_vm.allowTogglePassword ? (_vm.showPassword ? 'text' : 'password') : _vm.nativeType,"placeholder":_vm.placeholder,"disabled":_vm.disabled},domProps:{"value":_vm.value},on:{"focus":_vm.focus,"blur":_vm.blur,"input":function($event){return _vm.$emit('input', $event.srcElement.value)}}}),(_vm.iconRight)?_c('unnnic-icon',{attrs:{"icon":_vm.iconRight,"size":"sm","scheme":_vm.iconScheme},nativeOn:{"click":function($event){return _vm.$refs.input.focus()}}}):_vm._e(),(_vm.allowTogglePassword)?_c('unnnic-icon',{attrs:{"icon":_vm.showPassword ? 'view-off-1' : 'view-1-1',"size":"sm","scheme":_vm.iconScheme,"clickable":""},on:{"click":function($event){_vm.showPassword = !_vm.showPassword}}}):_vm._e()],1),(_vm.error && _vm.error !== true)?_c('div',{staticClass:"message unnnic-font secondary body-md color-feedback-red"},[_vm._v(" "+_vm._s(_vm.error)+" ")]):(_vm.message)?_c('div',{staticClass:"message unnnic-font secondary body-md color-neutral-cloudy"},[_vm._v(" "+_vm._s(_vm.message)+" ")]):_vm._e()])}
+var InputNextvue_type_template_id_0b424ebe_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/InputDatePicker/InputDatePicker.vue?vue&type=template&id=9dc85b38&scoped=true&
+// CONCATENATED MODULE: ./src/components/InputNext/InputNext.vue?vue&type=template&id=0b424ebe&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
 var es_array_includes = __webpack_require__("caad");
 
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/InputNext/InputNext.vue?vue&type=script&lang=js&
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var InputNextvue_type_script_lang_js_ = ({
+  components: {
+    UnnnicIcon: Icon
+  },
+  props: {
+    value: String,
+    label: String,
+    iconLeft: String,
+    iconRight: String,
+    allowTogglePassword: Boolean,
+    disabled: Boolean,
+    size: {
+      type: String,
+      default: 'md',
+      validator: function validator(size) {
+        return ['md', 'sm'].includes(size);
+      }
+    },
+    type: {
+      type: String,
+      default: 'normal',
+      validator: function validator(type) {
+        return ['normal', 'error'].includes(type);
+      }
+    },
+    nativeType: {
+      type: String,
+      default: 'text',
+      validator: function validator(type) {
+        return ['text', 'password'].includes(type);
+      }
+    },
+    placeholder: String,
+    message: String,
+    error: {
+      type: [Boolean, String]
+    }
+  },
+  data: function data() {
+    return {
+      isFocused: false,
+      showPassword: false
+    };
+  },
+  computed: {
+    hasError: function hasError() {
+      return this.error === true || this.error || this.type === 'error';
+    },
+    iconScheme: function iconScheme() {
+      if (this.hasError) {
+        return 'feedback-red';
+      }
+
+      return this.isFocused ? 'neutral-dark' : 'neutral-cloudy';
+    }
+  },
+  methods: {
+    focus: function focus() {
+      this.isFocused = true;
+    },
+    blur: function blur() {
+      this.isFocused = false;
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/InputNext/InputNext.vue?vue&type=script&lang=js&
+ /* harmony default export */ var InputNext_InputNextvue_type_script_lang_js_ = (InputNextvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/InputNext/InputNext.vue?vue&type=style&index=0&id=0b424ebe&lang=scss&scoped=true&
+var InputNextvue_type_style_index_0_id_0b424ebe_lang_scss_scoped_true_ = __webpack_require__("ce59");
+
+// CONCATENATED MODULE: ./src/components/InputNext/InputNext.vue
+
+
+
+
+
+
+/* normalize component */
+
+var InputNext_component = normalizeComponent(
+  InputNext_InputNextvue_type_script_lang_js_,
+  InputNextvue_type_template_id_0b424ebe_scoped_true_render,
+  InputNextvue_type_template_id_0b424ebe_scoped_true_staticRenderFns,
+  false,
+  null,
+  "0b424ebe",
+  null
+  
+)
+
+/* harmony default export */ var InputNext = (InputNext_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1cea8ebe-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/InputDatePicker/InputDatePicker.vue?vue&type=template&id=741dbc51&scoped=true&
+var InputDatePickervue_type_template_id_741dbc51_scoped_true_render = function () {
+var _obj;
+var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"dropdown",class:['dropdown', { active: _vm.showCalendarFilter }]},[_c('unnnic-input',{staticClass:"input",attrs:{"size":_vm.size,"icon-left":"notes-1","readonly":"","value":_vm.filterText},on:{"focus":function($event){_vm.showCalendarFilter = true}}}),_c('div',{staticClass:"dropdown-data",style:(( _obj = {}, _obj[_vm.position] = '0', _obj ))},[(_vm.showCalendarFilter)?_c('unnnic-date-picker',{attrs:{"type":_vm.type,"clearLabel":_vm.clearText,"actionLabel":_vm.actionText,"months":_vm.months,"days":_vm.days,"options":_vm.options,"initial-start-date":_vm.initialStartDate,"initial-end-date":_vm.initialEndDate},on:{"submit":_vm.changeDate}}):_vm._e()],1)],1)}
+var InputDatePickervue_type_template_id_741dbc51_scoped_true_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/InputDatePicker/InputDatePicker.vue?vue&type=template&id=741dbc51&scoped=true&
+
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.join.js
 var es_array_join = __webpack_require__("a15b");
 
@@ -35554,7 +35751,7 @@ var DatePicker_component = normalizeComponent(
   },
   methods: {
     mouseout: function mouseout(event) {
-      if (event.path.includes(this.$refs.dropdown)) {
+      if (event && event.path && event.path.includes && event.path.includes(this.$refs.dropdown)) {
         return;
       }
 
@@ -35573,8 +35770,8 @@ var DatePicker_component = normalizeComponent(
 });
 // CONCATENATED MODULE: ./src/components/InputDatePicker/InputDatePicker.vue?vue&type=script&lang=js&
  /* harmony default export */ var InputDatePicker_InputDatePickervue_type_script_lang_js_ = (InputDatePickervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/InputDatePicker/InputDatePicker.vue?vue&type=style&index=0&id=9dc85b38&lang=scss&scoped=true&
-var InputDatePickervue_type_style_index_0_id_9dc85b38_lang_scss_scoped_true_ = __webpack_require__("4cb1");
+// EXTERNAL MODULE: ./src/components/InputDatePicker/InputDatePicker.vue?vue&type=style&index=0&id=741dbc51&lang=scss&scoped=true&
+var InputDatePickervue_type_style_index_0_id_741dbc51_lang_scss_scoped_true_ = __webpack_require__("0bf5");
 
 // CONCATENATED MODULE: ./src/components/InputDatePicker/InputDatePicker.vue
 
@@ -35587,11 +35784,11 @@ var InputDatePickervue_type_style_index_0_id_9dc85b38_lang_scss_scoped_true_ = _
 
 var InputDatePicker_component = normalizeComponent(
   InputDatePicker_InputDatePickervue_type_script_lang_js_,
-  InputDatePickervue_type_template_id_9dc85b38_scoped_true_render,
-  InputDatePickervue_type_template_id_9dc85b38_scoped_true_staticRenderFns,
+  InputDatePickervue_type_template_id_741dbc51_scoped_true_render,
+  InputDatePickervue_type_template_id_741dbc51_scoped_true_staticRenderFns,
   false,
   null,
-  "9dc85b38",
+  "741dbc51",
   null
   
 )
@@ -45009,12 +45206,12 @@ var StarRating_component = normalizeComponent(
 )
 
 /* harmony default export */ var StarRating = (StarRating_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1cea8ebe-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AudioRecorder/AudioRecorder.vue?vue&type=template&id=84f50116&scoped=true&
-var AudioRecordervue_type_template_id_84f50116_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.hasAudio || _vm.src)?_c('section',{staticClass:"unnnic-audio-recorder"},[(_vm.isRecording || _vm.isRecorded)?_c('audio-handler',{attrs:{"is-recording":_vm.isRecording,"time":_vm.numberToTimeString(_vm.duration)},on:{"discard":function($event){_vm.stop(); _vm.discard()},"save":_vm.save}}):_c('audio-player',{attrs:{"time":_vm.numberToTimeString(_vm.isIdle ? _vm.duration : _vm.currentTime),"progress-bar-percentual-value":_vm.playedPercentual,"is-playing":_vm.isPlaying,"bars":_vm.bars},on:{"pause":_vm.pause,"play":_vm.play}}),(_vm.canDelete && (['idle', 'playing', 'paused'].includes(_vm.status)))?_c('div',{staticClass:"delete-button"},[_c('unnnic-icon',{attrs:{"icon":"delete-2-1","clickable":""},on:{"click":_vm.discard}})],1):_vm._e()],1):_vm._e()}
-var AudioRecordervue_type_template_id_84f50116_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1cea8ebe-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AudioRecorder/AudioRecorder.vue?vue&type=template&id=3b0790f0&scoped=true&
+var AudioRecordervue_type_template_id_3b0790f0_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.value || _vm.isRecording || _vm.src)?_c('section',{staticClass:"unnnic-audio-recorder"},[(_vm.isRecording || _vm.isRecorded)?_c('audio-handler',{attrs:{"is-recording":_vm.isRecording,"time":_vm.numberToTimeString(_vm.duration)},on:{"discard":function($event){_vm.stop(); _vm.discard()},"save":_vm.save}}):_c('audio-player',{attrs:{"time":_vm.numberToTimeString(_vm.isIdle ? _vm.duration : _vm.currentTime),"progress-bar-percentual-value":_vm.playedPercentual,"is-playing":_vm.isPlaying,"bars":_vm.bars},on:{"pause":_vm.pause,"play":_vm.play}}),(_vm.canDelete && (['idle', 'playing', 'paused'].includes(_vm.status)))?_c('div',{staticClass:"delete-button"},[_c('unnnic-icon',{attrs:{"icon":"delete-2-1","clickable":""},on:{"click":_vm.discard}})],1):_vm._e()],1):_vm._e()}
+var AudioRecordervue_type_template_id_3b0790f0_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/AudioRecorder/AudioRecorder.vue?vue&type=template&id=84f50116&scoped=true&
+// CONCATENATED MODULE: ./src/components/AudioRecorder/AudioRecorder.vue?vue&type=template&id=3b0790f0&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.promise.js
 var es_promise = __webpack_require__("e6cf");
@@ -45346,6 +45543,9 @@ var AudioRecordervue_type_script_lang_js_normalizeData = function normalizeData(
     UnnnicIcon: Icon
   },
   props: {
+    value: {
+      type: HTMLAudioElement
+    },
     canDelete: {
       type: Boolean
     },
@@ -45381,9 +45581,6 @@ var AudioRecordervue_type_script_lang_js_normalizeData = function normalizeData(
     };
   },
   computed: {
-    hasAudio: function hasAudio() {
-      return !!this.audio;
-    },
     isIdle: function isIdle() {
       return this.status === 'idle';
     },
@@ -45459,17 +45656,19 @@ var AudioRecordervue_type_script_lang_js_normalizeData = function normalizeData(
                 return _context2.abrupt("return");
 
               case 2:
-                _context2.next = 4;
+                _this2.discard();
+
+                _context2.next = 5;
                 return _this2.getAudioRecordDevice();
 
-              case 4:
+              case 5:
                 _this2.setupRecorderAndAudio();
 
                 _this2.addListeners();
 
                 _this2.startRecord();
 
-              case 7:
+              case 8:
               case "end":
                 return _context2.stop();
             }
@@ -45582,7 +45781,11 @@ var AudioRecordervue_type_script_lang_js_normalizeData = function normalizeData(
       this.recorder.start(recordTimeSliceInMilliseconds);
     },
     discard: function discard() {
-      this.audio = null;
+      if (this.audio) {
+        this.pause();
+      }
+
+      this.$emit('input', null);
       this.status = 'idle';
     },
     save: function save() {
@@ -45666,8 +45869,8 @@ var AudioRecordervue_type_script_lang_js_normalizeData = function normalizeData(
 });
 // CONCATENATED MODULE: ./src/components/AudioRecorder/AudioRecorder.vue?vue&type=script&lang=js&
  /* harmony default export */ var AudioRecorder_AudioRecordervue_type_script_lang_js_ = (AudioRecordervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/AudioRecorder/AudioRecorder.vue?vue&type=style&index=0&id=84f50116&lang=scss&scoped=true&
-var AudioRecordervue_type_style_index_0_id_84f50116_lang_scss_scoped_true_ = __webpack_require__("b780");
+// EXTERNAL MODULE: ./src/components/AudioRecorder/AudioRecorder.vue?vue&type=style&index=0&id=3b0790f0&lang=scss&scoped=true&
+var AudioRecordervue_type_style_index_0_id_3b0790f0_lang_scss_scoped_true_ = __webpack_require__("c3d1");
 
 // CONCATENATED MODULE: ./src/components/AudioRecorder/AudioRecorder.vue
 
@@ -45680,11 +45883,11 @@ var AudioRecordervue_type_style_index_0_id_84f50116_lang_scss_scoped_true_ = __w
 
 var AudioRecorder_component = normalizeComponent(
   AudioRecorder_AudioRecordervue_type_script_lang_js_,
-  AudioRecordervue_type_template_id_84f50116_scoped_true_render,
-  AudioRecordervue_type_template_id_84f50116_scoped_true_staticRenderFns,
+  AudioRecordervue_type_template_id_3b0790f0_scoped_true_render,
+  AudioRecordervue_type_template_id_3b0790f0_scoped_true_staticRenderFns,
   false,
   null,
-  "84f50116",
+  "3b0790f0",
   null
   
 )
@@ -46003,10 +46206,12 @@ var ProgressBar_component = normalizeComponent(
 
 
 
+
 
 
 var components = {
   unnnicInput: Input,
+  unnnicInputNext: InputNext,
   unnnicInputDatePicker: InputDatePicker,
   unnnicButton: Button,
   unnnicButtonIcon: ButtonIcon,
@@ -46073,6 +46278,7 @@ Object.keys(components).forEach(function (name) {
   external_commonjs_vue_commonjs2_vue_root_Vue_default.a.component(name, components[name]);
 });
 var unnnicInput = Input;
+var unnnicInputNext = InputNext;
 var unnnicInputDatePicker = InputDatePicker;
 var unnnicButton = Button;
 var unnnicButtonIcon = ButtonIcon;