@weni/unnnic-system 1.16.22 → 1.16.25-develop.0

package/dist/scss/colors.scss

@@ -1,21 +1,82 @@
-/* Background */
-$unnnic-color-background-solo: #E8F4F4;
-$unnnic-color-background-sky: #F4F6F8;
-$unnnic-color-background-grass: #F5F6F6;
-$unnnic-color-background-carpet: #F9F9F9;
-$unnnic-color-background-snow: #FFFFFF;
+$unnnic-color-weni-50: #EEFFFC;
+$unnnic-color-weni-100: #C6FFF7;
+$unnnic-color-weni-200: #8EFFF1;
+$unnnic-color-weni-300: #4DFBEA;
+$unnnic-color-weni-400: #19E8DA;
+$unnnic-color-weni-500: #00DED2;
+$unnnic-color-weni-600: #00A49F;
+$unnnic-color-weni-700: #028380;
+$unnnic-color-weni-800: #086766;
+$unnnic-color-weni-900: #0C5554;
+$unnnic-color-weni-950: #003234;
 
-/* Neutral */
 $unnnic-color-neutral-black: #272B33;
 $unnnic-color-neutral-darkest: #3B414D;
 $unnnic-color-neutral-dark: #4E5666;
 $unnnic-color-neutral-cloudy: #67738B;
-$unnnic-color-neutral-cleanest: #9CACCC;
-$unnnic-color-neutral-clean: #D0D3D9;
+$unnnic-color-neutral-clean: #9CACCC;
+$unnnic-color-neutral-cleanest: #D0D3D9;
 $unnnic-color-neutral-soft: #E2E6ED;
-$unnnic-color-neutral-lightest: #F4F6F8;
-$unnnic-color-neutral-light: #F9F9F9;
-$unnnic-color-neutral-snow: #FFFFFF;
+$unnnic-color-neutral-light: #F4F6F8;
+$unnnic-color-neutral-lightest: #F9F9F9;
+$unnnic-color-neutral-white: #FFFFFF;
+
+$unnnic-color-background-solo: #E8F4F4;
+$unnnic-color-background-sky: $unnnic-color-neutral-light;
+$unnnic-color-background-grass: #F5F6F6;
+$unnnic-color-background-lightest: $unnnic-color-neutral-lightest;
+$unnnic-color-background-white: $unnnic-color-neutral-white;
+
+$unnnic-color-aux-green-100: #C6F6D5;
+$unnnic-color-aux-green-300: #68D391;
+$unnnic-color-aux-green-500: #38A169;
+$unnnic-color-aux-green-700: #276749;
+$unnnic-color-aux-green-900: #1C4532;
+
+$unnnic-color-aux-blue-100: #BEE3F8;
+$unnnic-color-aux-blue-300: #63B3ED;
+$unnnic-color-aux-blue-500: #3182CE;
+$unnnic-color-aux-blue-700: #2C5282;
+$unnnic-color-aux-blue-900: #1A365D;
+
+$unnnic-color-aux-purple-100: #E9D8FD;
+$unnnic-color-aux-purple-300: #B794F4;
+$unnnic-color-aux-purple-500: #805AD5;
+$unnnic-color-aux-purple-700: #553C9A;
+$unnnic-color-aux-purple-900: #322659;
+
+$unnnic-color-aux-red-100: #FED7D7;
+$unnnic-color-aux-red-300: #FC8181;
+$unnnic-color-aux-red-500: #E53E3E;
+$unnnic-color-aux-red-700: #9B2C2C;
+$unnnic-color-aux-red-900: #63171B;
+
+$unnnic-color-aux-orange-100: #FEEBC8;
+$unnnic-color-aux-orange-300: #F6AD55;
+$unnnic-color-aux-orange-500: #DD6B20;
+$unnnic-color-aux-orange-700: #9C4221;
+$unnnic-color-aux-orange-900: #652B19;
+
+$unnnic-color-aux-yellow-100: #FEFCBF;
+$unnnic-color-aux-yellow-300: #F6E05E;
+$unnnic-color-aux-yellow-500: #D69E2E;
+$unnnic-color-aux-yellow-700: #975A16;
+$unnnic-color-aux-yellow-900: #5F370E;
+
+$unnnic-color-floweditor-blue: #0080A3;
+$unnnic-color-floweditor-purple: #7A00A3;
+$unnnic-color-floweditor-wine: #A3006A;
+$unnnic-color-floweditor-orange: #F99707;
+$unnnic-color-floweditor-pink: #DE16BA;
+$unnnic-color-floweditor-turquoise: $unnnic-color-weni-500;
+$unnnic-color-floweditor-green: #00A339;
+
+/* Background */
+$unnnic-color-background-carpet: $unnnic-color-neutral-lightest;
+$unnnic-color-background-snow: $unnnic-color-neutral-white;
+
+/* Neutral */
+$unnnic-color-neutral-snow: $unnnic-color-neutral-white;
 
 /* Feedback colors */
 $unnnic-color-feedback-red: #FF4545;
@@ -38,7 +99,7 @@ $unnnic-color-aux-baby-green: #B2FCA6;
 $unnnic-color-aux-baby-pink: #FFCBF6;
 
 /* Brand */
-$unnnic-color-brand-weni: #00DED2;
+$unnnic-color-brand-weni: $unnnic-color-weni-500;
 $unnnic-color-brand-weni-dark: #005E5A;
 $unnnic-color-brand-weni-soft: #009E96;
 $unnnic-color-brand-sec-dark: #262626;
@@ -55,6 +116,8 @@ $scheme-colors:
   "background-grass" $unnnic-color-background-grass,
   "background-carpet" $unnnic-color-background-carpet,
   "background-snow" $unnnic-color-background-snow,
+  "background-lightest" $unnnic-color-background-lightest,
+  "background-white" $unnnic-color-background-white,
 
   /* Neutral */
   "neutral-black" $unnnic-color-neutral-black,
@@ -66,6 +129,7 @@ $scheme-colors:
   "neutral-soft" $unnnic-color-neutral-soft,
   "neutral-lightest" $unnnic-color-neutral-lightest,
   "neutral-light" $unnnic-color-neutral-light,
+  "neutral-white" $unnnic-color-neutral-white,
   "neutral-snow" $unnnic-color-neutral-snow,
 
   /* Feedback colors */
@@ -88,7 +152,63 @@ $scheme-colors:
   "aux-baby-green" $unnnic-color-aux-baby-green,
   "aux-baby-pink" $unnnic-color-aux-baby-pink,
 
+  "aux-green-100" $unnnic-color-aux-green-100,
+  "aux-green-300" $unnnic-color-aux-green-300,
+  "aux-green-500" $unnnic-color-aux-green-500,
+  "aux-green-700" $unnnic-color-aux-green-700,
+  "aux-green-900" $unnnic-color-aux-green-900,
+
+  "aux-blue-100" $unnnic-color-aux-blue-100,
+  "aux-blue-300" $unnnic-color-aux-blue-300,
+  "aux-blue-500" $unnnic-color-aux-blue-500,
+  "aux-blue-700" $unnnic-color-aux-blue-700,
+  "aux-blue-900" $unnnic-color-aux-blue-900,
+
+  "aux-purple-100" $unnnic-color-aux-purple-100,
+  "aux-purple-300" $unnnic-color-aux-purple-300,
+  "aux-purple-500" $unnnic-color-aux-purple-500,
+  "aux-purple-700" $unnnic-color-aux-purple-700,
+  "aux-purple-900" $unnnic-color-aux-purple-900,
+
+  "aux-red-100" $unnnic-color-aux-red-100,
+  "aux-red-300" $unnnic-color-aux-red-300,
+  "aux-red-500" $unnnic-color-aux-red-500,
+  "aux-red-700" $unnnic-color-aux-red-700,
+  "aux-red-900" $unnnic-color-aux-red-900,
+
+  "aux-orange-100" $unnnic-color-aux-orange-100,
+  "aux-orange-300" $unnnic-color-aux-orange-300,
+  "aux-orange-500" $unnnic-color-aux-orange-500,
+  "aux-orange-700" $unnnic-color-aux-orange-700,
+  "aux-orange-900" $unnnic-color-aux-orange-900,
+
+  "aux-yellow-100" $unnnic-color-aux-yellow-100,
+  "aux-yellow-300" $unnnic-color-aux-yellow-300,
+  "aux-yellow-500" $unnnic-color-aux-yellow-500,
+  "aux-yellow-700" $unnnic-color-aux-yellow-700,
+  "aux-yellow-900" $unnnic-color-aux-yellow-900,
+
+  "floweditor-blue" $unnnic-color-floweditor-blue,
+  "floweditor-purple" $unnnic-color-floweditor-purple,
+  "floweditor-wine" $unnnic-color-floweditor-wine,
+  "floweditor-orange" $unnnic-color-floweditor-orange,
+  "floweditor-pink" $unnnic-color-floweditor-pink,
+  "floweditor-turquoise" $unnnic-color-floweditor-turquoise,
+  "floweditor-green" $unnnic-color-floweditor-green,
+
   /* Brand */
+  "weni-50" $unnnic-color-weni-50,
+  "weni-100" $unnnic-color-weni-100,
+  "weni-200" $unnnic-color-weni-200,
+  "weni-300" $unnnic-color-weni-300,
+  "weni-400" $unnnic-color-weni-400,
+  "weni-500" $unnnic-color-weni-500,
+  "weni-600" $unnnic-color-weni-600,
+  "weni-700" $unnnic-color-weni-700,
+  "weni-800" $unnnic-color-weni-800,
+  "weni-900" $unnnic-color-weni-900,
+  "weni-950" $unnnic-color-weni-950,
+
   "brand-weni" $unnnic-color-brand-weni,
   "brand-weni-dark" $unnnic-color-brand-weni-dark,
   "brand-weni-soft" $unnnic-color-brand-weni-soft,

package/dist/scss/spacing.scss

@@ -40,11 +40,22 @@ $unnnic-opacity-level-light: 0.16;
 $unnnic-opacity-level-extra-light: 0.08;
 
 // Spacing
-$unnnic-inset-nano: 0.5 * $unnnic-font-size;
-$unnnic-inset-xs: 0.75 * $unnnic-font-size;
-$unnnic-inset-sm: 1 * $unnnic-font-size;
-$unnnic-inset-md: 1.5 * $unnnic-font-size;
-$unnnic-inset-lg: 2 * $unnnic-font-size;
+$unnnic-spacing-nano: 0.25 * $unnnic-font-size;
+$unnnic-spacing-xs: 0.5 * $unnnic-font-size;
+$unnnic-spacing-ant: 0.75 * $unnnic-font-size;
+$unnnic-spacing-sm: $unnnic-font-size;
+$unnnic-spacing-md: 1.5 * $unnnic-font-size;
+$unnnic-spacing-lg: 2 * $unnnic-font-size;
+$unnnic-spacing-xl: 2.5 * $unnnic-font-size;
+$unnnic-spacing-giant: 3 * $unnnic-font-size;
+$unnnic-spacing-xgiant: 4 * $unnnic-font-size;
+$unnnic-spacing-awesome: 5 * $unnnic-font-size;
+
+$unnnic-inset-nano: $unnnic-spacing-xs;
+$unnnic-inset-xs: $unnnic-spacing-ant;
+$unnnic-inset-sm: $unnnic-spacing-sm;
+$unnnic-inset-md: $unnnic-spacing-md;
+$unnnic-inset-lg: $unnnic-spacing-lg;
 $unnnic-spacing-inset-nano: $unnnic-inset-nano;
 $unnnic-spacing-inset-xs: $unnnic-inset-xs;
 $unnnic-spacing-inset-sm: $unnnic-inset-sm;
@@ -52,23 +63,23 @@ $unnnic-spacing-inset-md: $unnnic-inset-md;
 $unnnic-spacing-inset-lg: $unnnic-inset-lg;
 
 // Squish
-$unnnic-squish-nano: 0.5 * $unnnic-font-size 1 * $unnnic-font-size;
-$unnnic-squish-xs: 0.75 * $unnnic-font-size 1 * $unnnic-font-size;
-$unnnic-squish-sm: 0.75 * $unnnic-font-size 1.5 * $unnnic-font-size;
-$unnnic-squish-md: 1 * $unnnic-font-size 1.5 * $unnnic-font-size;
-$unnnic-squish-lg: 1.5 * $unnnic-font-size 2 * $unnnic-font-size;
+$unnnic-squish-nano: $unnnic-spacing-xs $unnnic-spacing-sm;
+$unnnic-squish-xs: $unnnic-spacing-ant $unnnic-spacing-sm;
+$unnnic-squish-sm: $unnnic-spacing-ant $unnnic-spacing-md;
+$unnnic-squish-md: $unnnic-spacing-sm $unnnic-spacing-md;
+$unnnic-squish-lg: $unnnic-spacing-md $unnnic-spacing-lg;
 
 // Inline
-$unnnic-inline-nano: 0.25 * $unnnic-font-size;
-$unnnic-inline-xs: 0.5 * $unnnic-font-size;
-$unnnic-inline-ant: 0.75 * $unnnic-font-size;
-$unnnic-inline-sm: 1 * $unnnic-font-size;
-$unnnic-inline-md: 1.5 * $unnnic-font-size;
-$unnnic-inline-lg: 2 * $unnnic-font-size;
-$unnnic-inline-xl: 2.5 * $unnnic-font-size;
-$unnnic-inline-giant: 3 * $unnnic-font-size;
-$unnnic-inline-xgiant: 4 * $unnnic-font-size;
-$unnnic-inline-awesome: 5 * $unnnic-font-size;
+$unnnic-inline-nano: $unnnic-spacing-nano;
+$unnnic-inline-xs: $unnnic-spacing-xs;
+$unnnic-inline-ant: $unnnic-spacing-ant;
+$unnnic-inline-sm: $unnnic-spacing-sm;
+$unnnic-inline-md: $unnnic-spacing-md;
+$unnnic-inline-lg: $unnnic-spacing-lg;
+$unnnic-inline-xl: $unnnic-spacing-xl;
+$unnnic-inline-giant: $unnnic-spacing-giant;
+$unnnic-inline-xgiant: $unnnic-spacing-xgiant;
+$unnnic-inline-awesome: $unnnic-spacing-awesome;
 $unnnic-spacing-inline-nano: $unnnic-inline-nano;
 $unnnic-spacing-inline-xs: $unnnic-inline-xs;
 $unnnic-spacing-inline-ant: $unnnic-inline-ant;
@@ -81,12 +92,12 @@ $unnnic-spacing-inline-xgiant: $unnnic-inline-xgiant;
 $unnnic-spacing-inline-awesome: $unnnic-inline-awesome;
 
 // Stack
-$unnnic-spacing-stack-nano: 0.25 * $unnnic-font-size;
-$unnnic-spacing-stack-xs: 0.5 * $unnnic-font-size;
-$unnnic-spacing-stack-sm: 1 * $unnnic-font-size;
-$unnnic-spacing-stack-md: 1.5 * $unnnic-font-size;
-$unnnic-spacing-stack-lg: 2 * $unnnic-font-size;
-$unnnic-spacing-stack-xl: 2.5 * $unnnic-font-size;
-$unnnic-spacing-stack-giant: 3 * $unnnic-font-size;
-$unnnic-spacing-stack-xgiant: 4 * $unnnic-font-size;
-$unnnic-spacing-stack-awesome: 5 * $unnnic-font-size;
+$unnnic-spacing-stack-nano: $unnnic-spacing-nano;
+$unnnic-spacing-stack-xs: $unnnic-spacing-xs;
+$unnnic-spacing-stack-sm: $unnnic-spacing-sm;
+$unnnic-spacing-stack-md: $unnnic-spacing-md;
+$unnnic-spacing-stack-lg: $unnnic-spacing-lg;
+$unnnic-spacing-stack-xl: $unnnic-spacing-xl;
+$unnnic-spacing-stack-giant: $unnnic-spacing-giant;
+$unnnic-spacing-stack-xgiant: $unnnic-spacing-xgiant;
+$unnnic-spacing-stack-awesome: $unnnic-spacing-awesome;

package/dist/unnnic.common.js

@@ -13469,6 +13469,17 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "7eb6":
+/***/ (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_AutocompleteSelect_vue_vue_type_style_index_0_id_4e186498_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f395");
+/* 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_AutocompleteSelect_vue_vue_type_style_index_0_id_4e186498_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_AutocompleteSelect_vue_vue_type_style_index_0_id_4e186498_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "7eea":
@@ -28984,17 +28995,6 @@ module.exports = function (target, name, descriptor) {
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "effe":
-/***/ (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_AutocompleteSelect_vue_vue_type_style_index_0_id_7cd3b3db_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f14c");
-/* 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_AutocompleteSelect_vue_vue_type_style_index_0_id_7cd3b3db_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_AutocompleteSelect_vue_vue_type_style_index_0_id_7cd3b3db_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "f01b":
@@ -29022,13 +29022,6 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
 
 /***/ }),
 
-/***/ "f14c":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "f1bb":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -29202,6 +29195,13 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
 
 /***/ }),
 
+/***/ "f395":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "f3ff":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -38709,12 +38709,12 @@ var Autocomplete_component = normalizeComponent(
 )
 
 /* harmony default export */ var Autocomplete = (Autocomplete_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3be1353e-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/AutocompleteSelect/AutocompleteSelect.vue?vue&type=template&id=7cd3b3db&scoped=true&
-var AutocompleteSelectvue_type_template_id_7cd3b3db_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"click-outside",rawName:"v-click-outside",value:(function () { return (_vm.isMenuOpen = false); }),expression:"() => (isMenuOpen = false)"}],staticClass:"unnnic-autocomplete-select"},[_c('unnnic-input',{attrs:{"size":_vm.size,"icon-left":_vm.hasIconLeft ? _vm.iconLeft : null,"icon-right":_vm.hasIconRight ? _vm.iconRight : null,"placeholder":_vm.placeholder,"disabled":_vm.disabled},on:{"focus":function($event){_vm.isMenuOpen = true},"input":_vm.openMenuAndEmitSearch,"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.emitTagCreate($event)}},model:{value:(_vm.inputValue),callback:function ($$v) {_vm.inputValue=$$v},expression:"inputValue"}}),(_vm.showMenu && _vm.isMenuOpen && !_vm.disabled && (_vm.items.length || (_vm.tag && _vm.inputValue)))?_c('div',{staticClass:"options-container"},[_c('div',{staticClass:"options"},[_vm._l((_vm.items),function(item,index){return _c('unnnic-select-item',{key:((_vm.getValue(item)) + "-" + index),ref:("option-" + index),refInFor:true,attrs:{"size":"md","text-focused":_vm.checkFocus(item)},on:{"click":function($event){return _vm.toggle(item)}}},[_vm._v(" "+_vm._s(_vm.getText(item))+" "),(_vm.descriptionKey)?_c('div',{staticClass:"options__description"},[_vm._v(" "+_vm._s(_vm.getDescription(item))+" ")]):_vm._e()])}),(_vm.tag && _vm.inputValue && !_vm.containInputInItems)?_c('unnnic-select-item',{attrs:{"size":"md","text-focused":false},on:{"click":_vm.emitTagCreate}},[_vm._v(" "+_vm._s((_vm.tagCreateLabel + " " + _vm.inputValue))+" ")]):_vm._e()],2)]):_vm._e()],1)}
-var AutocompleteSelectvue_type_template_id_7cd3b3db_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3be1353e-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/AutocompleteSelect/AutocompleteSelect.vue?vue&type=template&id=4e186498&scoped=true&
+var AutocompleteSelectvue_type_template_id_4e186498_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"click-outside",rawName:"v-click-outside",value:(function () { return (_vm.isMenuOpen = false); }),expression:"() => (isMenuOpen = false)"}],staticClass:"unnnic-autocomplete-select"},[_c('unnnic-input',{attrs:{"type":_vm.type,"message":_vm.message,"size":_vm.size,"icon-left":_vm.hasIconLeft ? _vm.iconLeft : null,"icon-right":_vm.hasIconRight ? _vm.iconRight : null,"placeholder":_vm.placeholder,"disabled":_vm.disabled},on:{"focus":function($event){_vm.isMenuOpen = true},"input":_vm.openMenuAndEmitSearch,"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.emitTagCreate($event)}},model:{value:(_vm.inputValue),callback:function ($$v) {_vm.inputValue=$$v},expression:"inputValue"}}),(_vm.showMenu && _vm.isMenuOpen && !_vm.disabled && (_vm.items.length || (_vm.tag && _vm.inputValue)))?_c('div',{staticClass:"options-container"},[_c('div',{staticClass:"options"},[_vm._l((_vm.items),function(item,index){return _c('unnnic-select-item',{key:((_vm.getValue(item)) + "-" + index),ref:("option-" + index),refInFor:true,attrs:{"size":"md","text-focused":_vm.checkFocus(item)},on:{"click":function($event){return _vm.toggle(item)}}},[_vm._v(" "+_vm._s(_vm.getText(item))+" "),(_vm.descriptionKey)?_c('div',{staticClass:"options__description"},[_vm._v(" "+_vm._s(_vm.getDescription(item))+" ")]):_vm._e()])}),(_vm.tag && _vm.inputValue && !_vm.containInputInItems)?_c('unnnic-select-item',{attrs:{"size":"md","text-focused":false},on:{"click":_vm.emitTagCreate}},[_vm._v(" "+_vm._s((_vm.tagCreateLabel + " " + _vm.inputValue))+" ")]):_vm._e()],2)]):_vm._e()],1)}
+var AutocompleteSelectvue_type_template_id_4e186498_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/AutocompleteSelect/AutocompleteSelect.vue?vue&type=template&id=7cd3b3db&scoped=true&
+// CONCATENATED MODULE: ./src/components/AutocompleteSelect/AutocompleteSelect.vue?vue&type=template&id=4e186498&scoped=true&
 
 // 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/AutocompleteSelect/AutocompleteSelect.vue?vue&type=script&lang=js&
 //
@@ -38764,6 +38764,8 @@ var AutocompleteSelectvue_type_template_id_7cd3b3db_scoped_true_staticRenderFns
 //
 //
 //
+//
+//
 
 
 
@@ -38787,6 +38789,17 @@ var AutocompleteSelectvue_type_template_id_7cd3b3db_scoped_true_staticRenderFns
     disabled: {
       type: Boolean
     },
+    type: {
+      type: String,
+      default: 'normal',
+      validator(value) {
+        return ['normal', 'error'].indexOf(value) !== -1;
+      }
+    },
+    message: {
+      type: String,
+      default: null
+    },
     size: {
       type: String,
       default: 'md',
@@ -38975,8 +38988,8 @@ var AutocompleteSelectvue_type_template_id_7cd3b3db_scoped_true_staticRenderFns
 });
 // CONCATENATED MODULE: ./src/components/AutocompleteSelect/AutocompleteSelect.vue?vue&type=script&lang=js&
  /* harmony default export */ var AutocompleteSelect_AutocompleteSelectvue_type_script_lang_js_ = (AutocompleteSelectvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/AutocompleteSelect/AutocompleteSelect.vue?vue&type=style&index=0&id=7cd3b3db&lang=scss&scoped=true&
-var AutocompleteSelectvue_type_style_index_0_id_7cd3b3db_lang_scss_scoped_true_ = __webpack_require__("effe");
+// EXTERNAL MODULE: ./src/components/AutocompleteSelect/AutocompleteSelect.vue?vue&type=style&index=0&id=4e186498&lang=scss&scoped=true&
+var AutocompleteSelectvue_type_style_index_0_id_4e186498_lang_scss_scoped_true_ = __webpack_require__("7eb6");
 
 // CONCATENATED MODULE: ./src/components/AutocompleteSelect/AutocompleteSelect.vue
 
@@ -38989,11 +39002,11 @@ var AutocompleteSelectvue_type_style_index_0_id_7cd3b3db_lang_scss_scoped_true_
 
 var AutocompleteSelect_component = normalizeComponent(
   AutocompleteSelect_AutocompleteSelectvue_type_script_lang_js_,
-  AutocompleteSelectvue_type_template_id_7cd3b3db_scoped_true_render,
-  AutocompleteSelectvue_type_template_id_7cd3b3db_scoped_true_staticRenderFns,
+  AutocompleteSelectvue_type_template_id_4e186498_scoped_true_render,
+  AutocompleteSelectvue_type_template_id_4e186498_scoped_true_staticRenderFns,
   false,
   null,
-  "7cd3b3db",
+  "4e186498",
   null
   
 )