@weni/unnnic-system 1.11.3 → 1.12.0

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

@@ -2806,6 +2806,13 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "1c68":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "1c7e":
@@ -28494,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":
@@ -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,6 +34555,187 @@ 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/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/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;
@@ -34545,9 +34745,6 @@ 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.includes.js
-var es_array_includes = __webpack_require__("caad");
-
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.join.js
 var es_array_join = __webpack_require__("a15b");
 
@@ -46009,10 +46206,12 @@ var ProgressBar_component = normalizeComponent(
 
 
 
+
 
 
 var components = {
   unnnicInput: Input,
+  unnnicInputNext: InputNext,
   unnnicInputDatePicker: InputDatePicker,
   unnnicButton: Button,
   unnnicButtonIcon: ButtonIcon,
@@ -46079,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;