Merge pull request #45 from OneCareerJP/feature/add-error-outlined-to…

…-button-type add error outlined to button type
OneCareerJP · Nov 25, 2021 · a205a9d · a205a9d
2 parents 2dac396 + 5a732fb
commit a205a9d
Show file tree

Hide file tree

Showing 9 changed files with 76 additions and 53 deletions.
diff --git a/dist/mina-ui.common.js b/dist/mina-ui.common.js
@@ -406,14 +406,10 @@ module.exports = function (METHOD_NAME) {
 
 /***/ }),
 
-/***/ "1fe2":
-/***/ (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_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_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_sass_resources_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_MButton_vue_vue_type_style_index_0_id_ba011bd8_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("cb6a");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_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_sass_resources_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_MButton_vue_vue_type_style_index_0_id_ba011bd8_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_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_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_sass_resources_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_MButton_vue_vue_type_style_index_0_id_ba011bd8_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
+/***/ "2145":
+/***/ (function(module, exports, __webpack_require__) {
 
+// extracted by mini-css-extract-plugin
 
 /***/ }),
 
@@ -3985,6 +3981,17 @@ if (isForced(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumb
 }
 
 
+/***/ }),
+
+/***/ "aaeb":
+/***/ (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_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_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_sass_resources_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_MButton_vue_vue_type_style_index_0_id_4a4e429a_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2145");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_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_sass_resources_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_MButton_vue_vue_type_style_index_0_id_4a4e429a_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_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_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_sass_resources_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_MButton_vue_vue_type_style_index_0_id_4a4e429a_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "ad3d":
@@ -8729,13 +8736,6 @@ addToUnscopables('includes');
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "cb6a":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "cc12":
@@ -13165,17 +13165,18 @@ var MAccordion_component = normalizeComponent(
 // CONCATENATED MODULE: ./src/components/atoms/MAccordion/index.ts
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"73132ac4-vue-loader-template"}!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/atoms/MButton/MButton.vue?vue&type=template&id=ba011bd8&scoped=true&
-var MButtonvue_type_template_id_ba011bd8_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({staticClass:"m-button",class:[
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"73132ac4-vue-loader-template"}!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/atoms/MButton/MButton.vue?vue&type=template&id=4a4e429a&scoped=true&
+var MButtonvue_type_template_id_4a4e429a_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({staticClass:"m-button",class:[
     _vm.size ? ("m-button--" + _vm.size) : '',
     _vm.type ? ("m-button--" + _vm.type) : '',
     _vm.bold ? "m-button--bold" : '',
+    _vm.error ? "m-button--error" : '',
     _vm.disabled ? "m-button--disabled" : ''
   ],style:(_vm.buttonStyle),attrs:{"disabled":_vm.disabled || _vm.processing}},_vm.listeners),[_c('div',{class:[_vm.innerClass, _vm.processing ? "m-button--processing" : ''],style:(_vm.innerStyle)},[_vm._t("left"),(_vm.icon)?_c('MIcon',{attrs:{"icon-type":_vm.iconType,"icon-name":_vm.iconName,"size":_vm.iconSize,"color":_vm.iconColor}}):_vm._e(),_vm._t("default")],2)])}
-var MButtonvue_type_template_id_ba011bd8_scoped_true_staticRenderFns = []
+var MButtonvue_type_template_id_4a4e429a_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/atoms/MButton/MButton.vue?vue&type=template&id=ba011bd8&scoped=true&
+// CONCATENATED MODULE: ./src/components/atoms/MButton/MButton.vue?vue&type=template&id=4a4e429a&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/atoms/MButton/MButton.vue?vue&type=script&lang=ts&
 
@@ -13257,6 +13258,10 @@ var MButtonvue_type_template_id_ba011bd8_scoped_true_staticRenderFns = []
     bold: {
       type: Boolean,
       default: false
+    },
+    error: {
+      type: Boolean,
+      default: false
     }
   },
   computed: {
@@ -13275,8 +13280,8 @@ var MButtonvue_type_template_id_ba011bd8_scoped_true_staticRenderFns = []
 }));
 // CONCATENATED MODULE: ./src/components/atoms/MButton/MButton.vue?vue&type=script&lang=ts&
  /* harmony default export */ var MButton_MButtonvue_type_script_lang_ts_ = (MButtonvue_type_script_lang_ts_); 
-// EXTERNAL MODULE: ./src/components/atoms/MButton/MButton.vue?vue&type=style&index=0&id=ba011bd8&lang=scss&scoped=true&
-var MButtonvue_type_style_index_0_id_ba011bd8_lang_scss_scoped_true_ = __webpack_require__("1fe2");
+// EXTERNAL MODULE: ./src/components/atoms/MButton/MButton.vue?vue&type=style&index=0&id=4a4e429a&lang=scss&scoped=true&
+var MButtonvue_type_style_index_0_id_4a4e429a_lang_scss_scoped_true_ = __webpack_require__("aaeb");
 
 // CONCATENATED MODULE: ./src/components/atoms/MButton/MButton.vue
 
@@ -13289,11 +13294,11 @@ var MButtonvue_type_style_index_0_id_ba011bd8_lang_scss_scoped_true_ = __webpack
 
 var MButton_component = normalizeComponent(
   MButton_MButtonvue_type_script_lang_ts_,
-  MButtonvue_type_template_id_ba011bd8_scoped_true_render,
-  MButtonvue_type_template_id_ba011bd8_scoped_true_staticRenderFns,
+  MButtonvue_type_template_id_4a4e429a_scoped_true_render,
+  MButtonvue_type_template_id_4a4e429a_scoped_true_staticRenderFns,
   false,
   null,
-  "ba011bd8",
+  "4a4e429a",
   null
 
 )

diff --git a/dist/mina-ui.common.js.map b/dist/mina-ui.common.js.map
diff --git a/dist/mina-ui.css b/dist/mina-ui.css
diff --git a/dist/mina-ui.umd.js b/dist/mina-ui.umd.js
@@ -415,14 +415,10 @@ module.exports = function (METHOD_NAME) {
 
 /***/ }),
 
-/***/ "1fe2":
-/***/ (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_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_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_sass_resources_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_MButton_vue_vue_type_style_index_0_id_ba011bd8_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("cb6a");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_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_sass_resources_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_MButton_vue_vue_type_style_index_0_id_ba011bd8_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_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_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_sass_resources_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_MButton_vue_vue_type_style_index_0_id_ba011bd8_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
+/***/ "2145":
+/***/ (function(module, exports, __webpack_require__) {
 
+// extracted by mini-css-extract-plugin
 
 /***/ }),
 
@@ -3994,6 +3990,17 @@ if (isForced(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumb
 }
 
 
+/***/ }),
+
+/***/ "aaeb":
+/***/ (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_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_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_sass_resources_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_MButton_vue_vue_type_style_index_0_id_4a4e429a_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2145");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_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_sass_resources_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_MButton_vue_vue_type_style_index_0_id_4a4e429a_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_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_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_sass_resources_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_MButton_vue_vue_type_style_index_0_id_4a4e429a_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "ad3d":
@@ -8738,13 +8745,6 @@ addToUnscopables('includes');
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "cb6a":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "cc12":
@@ -13174,17 +13174,18 @@ var MAccordion_component = normalizeComponent(
 // CONCATENATED MODULE: ./src/components/atoms/MAccordion/index.ts
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"73132ac4-vue-loader-template"}!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/atoms/MButton/MButton.vue?vue&type=template&id=ba011bd8&scoped=true&
-var MButtonvue_type_template_id_ba011bd8_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({staticClass:"m-button",class:[
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"73132ac4-vue-loader-template"}!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/atoms/MButton/MButton.vue?vue&type=template&id=4a4e429a&scoped=true&
+var MButtonvue_type_template_id_4a4e429a_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({staticClass:"m-button",class:[
     _vm.size ? ("m-button--" + _vm.size) : '',
     _vm.type ? ("m-button--" + _vm.type) : '',
     _vm.bold ? "m-button--bold" : '',
+    _vm.error ? "m-button--error" : '',
     _vm.disabled ? "m-button--disabled" : ''
   ],style:(_vm.buttonStyle),attrs:{"disabled":_vm.disabled || _vm.processing}},_vm.listeners),[_c('div',{class:[_vm.innerClass, _vm.processing ? "m-button--processing" : ''],style:(_vm.innerStyle)},[_vm._t("left"),(_vm.icon)?_c('MIcon',{attrs:{"icon-type":_vm.iconType,"icon-name":_vm.iconName,"size":_vm.iconSize,"color":_vm.iconColor}}):_vm._e(),_vm._t("default")],2)])}
-var MButtonvue_type_template_id_ba011bd8_scoped_true_staticRenderFns = []
+var MButtonvue_type_template_id_4a4e429a_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/atoms/MButton/MButton.vue?vue&type=template&id=ba011bd8&scoped=true&
+// CONCATENATED MODULE: ./src/components/atoms/MButton/MButton.vue?vue&type=template&id=4a4e429a&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/atoms/MButton/MButton.vue?vue&type=script&lang=ts&
 
@@ -13266,6 +13267,10 @@ var MButtonvue_type_template_id_ba011bd8_scoped_true_staticRenderFns = []
     bold: {
       type: Boolean,
       default: false
+    },
+    error: {
+      type: Boolean,
+      default: false
     }
   },
   computed: {
@@ -13284,8 +13289,8 @@ var MButtonvue_type_template_id_ba011bd8_scoped_true_staticRenderFns = []
 }));
 // CONCATENATED MODULE: ./src/components/atoms/MButton/MButton.vue?vue&type=script&lang=ts&
  /* harmony default export */ var MButton_MButtonvue_type_script_lang_ts_ = (MButtonvue_type_script_lang_ts_); 
-// EXTERNAL MODULE: ./src/components/atoms/MButton/MButton.vue?vue&type=style&index=0&id=ba011bd8&lang=scss&scoped=true&
-var MButtonvue_type_style_index_0_id_ba011bd8_lang_scss_scoped_true_ = __webpack_require__("1fe2");
+// EXTERNAL MODULE: ./src/components/atoms/MButton/MButton.vue?vue&type=style&index=0&id=4a4e429a&lang=scss&scoped=true&
+var MButtonvue_type_style_index_0_id_4a4e429a_lang_scss_scoped_true_ = __webpack_require__("aaeb");
 
 // CONCATENATED MODULE: ./src/components/atoms/MButton/MButton.vue
 
@@ -13298,11 +13303,11 @@ var MButtonvue_type_style_index_0_id_ba011bd8_lang_scss_scoped_true_ = __webpack
 
 var MButton_component = normalizeComponent(
   MButton_MButtonvue_type_script_lang_ts_,
-  MButtonvue_type_template_id_ba011bd8_scoped_true_render,
-  MButtonvue_type_template_id_ba011bd8_scoped_true_staticRenderFns,
+  MButtonvue_type_template_id_4a4e429a_scoped_true_render,
+  MButtonvue_type_template_id_4a4e429a_scoped_true_staticRenderFns,
   false,
   null,
-  "ba011bd8",
+  "4a4e429a",
   null
 
 )

diff --git a/dist/mina-ui.umd.js.map b/dist/mina-ui.umd.js.map
diff --git a/dist/mina-ui.umd.min.js b/dist/mina-ui.umd.min.js
diff --git a/dist/mina-ui.umd.min.js.map b/dist/mina-ui.umd.min.js.map
diff --git a/src/components/atoms/MButton/MButton.vue b/src/components/atoms/MButton/MButton.vue
@@ -5,6 +5,7 @@
       size ? `m-button--${size}` : '',
       type ? `m-button--${type}` : '',
       bold ? `m-button--bold` : '',
+      error ? `m-button--error` : '',
       disabled ? `m-button--disabled` : ''
     ]"
     :style="buttonStyle"
@@ -109,6 +110,10 @@ export default Vue.extend<Data, Methods, Computed, Props>({
     bold: {
       type: Boolean,
       default: false
+    },
+    error: {
+      type: Boolean,
+      default: false
     }
   },
   computed: {
@@ -129,6 +134,8 @@ export default Vue.extend<Data, Methods, Computed, Props>({
 
 <style lang="scss" scoped>
 .m-button {
+  $this: &;
+
   padding: 10px;
   width: 100%;
   border-radius: 4px;
@@ -228,6 +235,11 @@ export default Vue.extend<Data, Methods, Computed, Props>({
       position: relative;
       top: 1px;
     }
+
+    &#{$this}--error {
+      border-color: $mina-red;
+      color: $mina-red;
+    }
   }
 
   &--icon-rounded {

diff --git a/src/components/atoms/MButton/types.ts b/src/components/atoms/MButton/types.ts
@@ -15,6 +15,7 @@ export interface Props {
   innerStyle: object;
   innerClass: string;
   bold: boolean;
+  error: boolean;
 }
 export interface Data {}
 export interface Computed {