@justeat/f-button - npm Package Compare versions

Comparing version 1.10.0 to 1.10.1

CHANGELOG.md

@@ -7,2 +7,10 @@ # Changelog
 
+v1.10.1
+------------------------------
+*July 23, 2021*
+
+### Removed
+- Extra wrapper around button text to fix `isIcon` button vertical alignment.
+
+
 v1.10.0
@@ -9,0 +17,0 @@ ------------------------------

dist/f-button.common.js

@@ -122,3 +122,3 @@ module.exports =
 
-// CONCATENATED MODULE: /Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"bb038d54-vue-loader-template"}!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Button.vue?vue&type=template&id=ec8cf55e&
+// CONCATENATED MODULE: /Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"bb038d54-vue-loader-template"}!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Button.vue?vue&type=template&id=3214d804&
 var render = function () {
@@ -133,7 +133,7 @@ var _obj;
         (_vm.isLoading ? _vm.$style['o-btn--loading'] : '')
-    ],attrs:{"action-type":_vm.buttonActionType,"data-test-id":(_vm.componentType + "-component"),"aria-live":_vm.getAriaLive,"aria-busy":_vm.isLoading}},'component',_vm.$attrs,false),!_vm.isLoading && _vm.$listeners),[(_vm.isLoading)?_c('span',{class:_vm.$style['c-spinner'],attrs:{"data-test-id":(_vm.componentType + "-spinner")}}):_vm._e(),_c('span',{class:_vm.$style['o-button-content']},[(_vm.hasLeadingIcon)?_c('span',{class:[_vm.$style['o-btn-icon'], _vm.$style['o-btn-icon--leading']],attrs:{"data-test-id":"button-leading-icon"}},[_vm._t("leading-icon")],2):_vm._e(),_c('span',{class:[_vm.$style['o-btn-text'], ( _obj = {}, _obj[_vm.$style['o-btn-text--hidden']] = _vm.isLoading, _obj )]},[_vm._t("default")],2),(_vm.hasTrailingIcon)?_c('span',{class:[_vm.$style['o-btn-icon'], _vm.$style['o-btn-icon--trailing']],attrs:{"data-test-id":"button-trailing-icon"}},[_vm._t("trailing-icon")],2):_vm._e()])])}
+    ],attrs:{"action-type":_vm.buttonActionType,"data-test-id":(_vm.componentType + "-component"),"aria-live":_vm.getAriaLive,"aria-busy":_vm.isLoading}},'component',_vm.$attrs,false),!_vm.isLoading && _vm.$listeners),[(_vm.isLoading)?_c('span',{class:_vm.$style['c-spinner'],attrs:{"data-test-id":(_vm.componentType + "-spinner")}}):_vm._e(),_c('span',{class:[_vm.$style['o-button-content'], ( _obj = {}, _obj[_vm.$style['o-btn-content--hidden']] = _vm.isLoading, _obj )]},[(_vm.hasLeadingIcon)?_c('span',{class:[_vm.$style['o-btn-icon'], _vm.$style['o-btn-icon--leading']],attrs:{"data-test-id":"button-leading-icon"}},[_vm._t("leading-icon")],2):_vm._e(),_vm._t("default"),(_vm.hasTrailingIcon)?_c('span',{class:[_vm.$style['o-btn-icon'], _vm.$style['o-btn-icon--trailing']],attrs:{"data-test-id":"button-trailing-icon"}},[_vm._t("trailing-icon")],2):_vm._e()],2)])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/Button.vue?vue&type=template&id=ec8cf55e&
+// CONCATENATED MODULE: ./src/components/Button.vue?vue&type=template&id=3214d804&
 
@@ -367,4 +367,2 @@ // CONCATENATED MODULE: /Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"bb038d54-vue-loader-template"}!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Action.vue?vue&type=template&id=5e41886b&
 //
-//
-//
 
@@ -626,3 +624,3 @@
 // extracted by mini-css-extract-plugin
-module.exports = {"c-screen-sizer":"Button_c-screen-sizer_aacnl","c-spinner-wrapper":"Button_c-spinner-wrapper_16dYe","c-spinner":"Button_c-spinner_16ib0","spin":"Button_spin_1l7_1","o-btn":"Button_o-btn_1KX8u","o-btnLink":"Button_o-btnLink_MQkN7","o-button-content":"Button_o-button-content_3Ow1e","o-btn-text--hidden":"Button_o-btn-text--hidden_6AbPr","o-btn-icon":"Button_o-btn-icon_rKd_B","o-btn-icon--leading":"Button_o-btn-icon--leading_2MkiQ","o-btn-icon--trailing":"Button_o-btn-icon--trailing_R6HPj","o-btn--primary":"Button_o-btn--primary_NRuBe","o-btn--icon":"Button_o-btn--icon_1k-qM","o-btn--sizeLarge":"Button_o-btn--sizeLarge_3A8Ov","o-btn--loading":"Button_o-btn--loading_2up-7","o-btn--secondary":"Button_o-btn--secondary_1KBR1","o-btn--outline":"Button_o-btn--outline_3TR6n","o-btn--ghost":"Button_o-btn--ghost_1hnGu","o-btn--ghostTertiary":"Button_o-btn--ghostTertiary_2F6ho","o-btn--link":"Button_o-btn--link_2f-eF","o-btn--sizeMedium":"Button_o-btn--sizeMedium_2uSln","o-btn--sizeSmall":"Button_o-btn--sizeSmall_WNBZx","o-btn--sizeXSmall":"Button_o-btn--sizeXSmall_3KRtq","o-btn--fullWidth":"Button_o-btn--fullWidth_1xkfh","is-disabled":"Button_is-disabled_1zPQV","skeletonGradient":"Button_skeletonGradient_2l0Iq"};
+module.exports = {"c-screen-sizer":"Button_c-screen-sizer_aacnl","c-spinner-wrapper":"Button_c-spinner-wrapper_16dYe","c-spinner":"Button_c-spinner_16ib0","spin":"Button_spin_1l7_1","o-btn":"Button_o-btn_1KX8u","o-btnLink":"Button_o-btnLink_MQkN7","o-button-content":"Button_o-button-content_3Ow1e","o-btn-content--hidden":"Button_o-btn-content--hidden_1592m","o-btn-icon":"Button_o-btn-icon_rKd_B","o-btn-icon--leading":"Button_o-btn-icon--leading_2MkiQ","o-btn-icon--trailing":"Button_o-btn-icon--trailing_R6HPj","o-btn--primary":"Button_o-btn--primary_NRuBe","o-btn--icon":"Button_o-btn--icon_1k-qM","o-btn--sizeLarge":"Button_o-btn--sizeLarge_3A8Ov","o-btn--loading":"Button_o-btn--loading_2up-7","o-btn--secondary":"Button_o-btn--secondary_1KBR1","o-btn--outline":"Button_o-btn--outline_3TR6n","o-btn--ghost":"Button_o-btn--ghost_1hnGu","o-btn--ghostTertiary":"Button_o-btn--ghostTertiary_2F6ho","o-btn--link":"Button_o-btn--link_2f-eF","o-btn--sizeMedium":"Button_o-btn--sizeMedium_2uSln","o-btn--sizeSmall":"Button_o-btn--sizeSmall_WNBZx","o-btn--sizeXSmall":"Button_o-btn--sizeXSmall_3KRtq","o-btn--fullWidth":"Button_o-btn--fullWidth_1xkfh","is-disabled":"Button_is-disabled_1zPQV","skeletonGradient":"Button_skeletonGradient_2l0Iq"};
 
@@ -629,0 +627,0 @@ /***/ }),

dist/f-button.umd.js

@@ -131,3 +131,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 
-// CONCATENATED MODULE: /Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"bb038d54-vue-loader-template"}!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Button.vue?vue&type=template&id=ec8cf55e&
+// CONCATENATED MODULE: /Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"bb038d54-vue-loader-template"}!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Button.vue?vue&type=template&id=3214d804&
 var render = function () {
@@ -142,7 +142,7 @@ var _obj;
         (_vm.isLoading ? _vm.$style['o-btn--loading'] : '')
-    ],attrs:{"action-type":_vm.buttonActionType,"data-test-id":(_vm.componentType + "-component"),"aria-live":_vm.getAriaLive,"aria-busy":_vm.isLoading}},'component',_vm.$attrs,false),!_vm.isLoading && _vm.$listeners),[(_vm.isLoading)?_c('span',{class:_vm.$style['c-spinner'],attrs:{"data-test-id":(_vm.componentType + "-spinner")}}):_vm._e(),_c('span',{class:_vm.$style['o-button-content']},[(_vm.hasLeadingIcon)?_c('span',{class:[_vm.$style['o-btn-icon'], _vm.$style['o-btn-icon--leading']],attrs:{"data-test-id":"button-leading-icon"}},[_vm._t("leading-icon")],2):_vm._e(),_c('span',{class:[_vm.$style['o-btn-text'], ( _obj = {}, _obj[_vm.$style['o-btn-text--hidden']] = _vm.isLoading, _obj )]},[_vm._t("default")],2),(_vm.hasTrailingIcon)?_c('span',{class:[_vm.$style['o-btn-icon'], _vm.$style['o-btn-icon--trailing']],attrs:{"data-test-id":"button-trailing-icon"}},[_vm._t("trailing-icon")],2):_vm._e()])])}
+    ],attrs:{"action-type":_vm.buttonActionType,"data-test-id":(_vm.componentType + "-component"),"aria-live":_vm.getAriaLive,"aria-busy":_vm.isLoading}},'component',_vm.$attrs,false),!_vm.isLoading && _vm.$listeners),[(_vm.isLoading)?_c('span',{class:_vm.$style['c-spinner'],attrs:{"data-test-id":(_vm.componentType + "-spinner")}}):_vm._e(),_c('span',{class:[_vm.$style['o-button-content'], ( _obj = {}, _obj[_vm.$style['o-btn-content--hidden']] = _vm.isLoading, _obj )]},[(_vm.hasLeadingIcon)?_c('span',{class:[_vm.$style['o-btn-icon'], _vm.$style['o-btn-icon--leading']],attrs:{"data-test-id":"button-leading-icon"}},[_vm._t("leading-icon")],2):_vm._e(),_vm._t("default"),(_vm.hasTrailingIcon)?_c('span',{class:[_vm.$style['o-btn-icon'], _vm.$style['o-btn-icon--trailing']],attrs:{"data-test-id":"button-trailing-icon"}},[_vm._t("trailing-icon")],2):_vm._e()],2)])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/Button.vue?vue&type=template&id=ec8cf55e&
+// CONCATENATED MODULE: ./src/components/Button.vue?vue&type=template&id=3214d804&
 
@@ -376,4 +376,2 @@ // CONCATENATED MODULE: /Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"bb038d54-vue-loader-template"}!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Action.vue?vue&type=template&id=5e41886b&
 //
-//
-//
 
@@ -635,3 +633,3 @@
 // extracted by mini-css-extract-plugin
-module.exports = {"c-screen-sizer":"Button_c-screen-sizer_aacnl","c-spinner-wrapper":"Button_c-spinner-wrapper_16dYe","c-spinner":"Button_c-spinner_16ib0","spin":"Button_spin_1l7_1","o-btn":"Button_o-btn_1KX8u","o-btnLink":"Button_o-btnLink_MQkN7","o-button-content":"Button_o-button-content_3Ow1e","o-btn-text--hidden":"Button_o-btn-text--hidden_6AbPr","o-btn-icon":"Button_o-btn-icon_rKd_B","o-btn-icon--leading":"Button_o-btn-icon--leading_2MkiQ","o-btn-icon--trailing":"Button_o-btn-icon--trailing_R6HPj","o-btn--primary":"Button_o-btn--primary_NRuBe","o-btn--icon":"Button_o-btn--icon_1k-qM","o-btn--sizeLarge":"Button_o-btn--sizeLarge_3A8Ov","o-btn--loading":"Button_o-btn--loading_2up-7","o-btn--secondary":"Button_o-btn--secondary_1KBR1","o-btn--outline":"Button_o-btn--outline_3TR6n","o-btn--ghost":"Button_o-btn--ghost_1hnGu","o-btn--ghostTertiary":"Button_o-btn--ghostTertiary_2F6ho","o-btn--link":"Button_o-btn--link_2f-eF","o-btn--sizeMedium":"Button_o-btn--sizeMedium_2uSln","o-btn--sizeSmall":"Button_o-btn--sizeSmall_WNBZx","o-btn--sizeXSmall":"Button_o-btn--sizeXSmall_3KRtq","o-btn--fullWidth":"Button_o-btn--fullWidth_1xkfh","is-disabled":"Button_is-disabled_1zPQV","skeletonGradient":"Button_skeletonGradient_2l0Iq"};
+module.exports = {"c-screen-sizer":"Button_c-screen-sizer_aacnl","c-spinner-wrapper":"Button_c-spinner-wrapper_16dYe","c-spinner":"Button_c-spinner_16ib0","spin":"Button_spin_1l7_1","o-btn":"Button_o-btn_1KX8u","o-btnLink":"Button_o-btnLink_MQkN7","o-button-content":"Button_o-button-content_3Ow1e","o-btn-content--hidden":"Button_o-btn-content--hidden_1592m","o-btn-icon":"Button_o-btn-icon_rKd_B","o-btn-icon--leading":"Button_o-btn-icon--leading_2MkiQ","o-btn-icon--trailing":"Button_o-btn-icon--trailing_R6HPj","o-btn--primary":"Button_o-btn--primary_NRuBe","o-btn--icon":"Button_o-btn--icon_1k-qM","o-btn--sizeLarge":"Button_o-btn--sizeLarge_3A8Ov","o-btn--loading":"Button_o-btn--loading_2up-7","o-btn--secondary":"Button_o-btn--secondary_1KBR1","o-btn--outline":"Button_o-btn--outline_3TR6n","o-btn--ghost":"Button_o-btn--ghost_1hnGu","o-btn--ghostTertiary":"Button_o-btn--ghostTertiary_2F6ho","o-btn--link":"Button_o-btn--link_2f-eF","o-btn--sizeMedium":"Button_o-btn--sizeMedium_2uSln","o-btn--sizeSmall":"Button_o-btn--sizeSmall_WNBZx","o-btn--sizeXSmall":"Button_o-btn--sizeXSmall_3KRtq","o-btn--fullWidth":"Button_o-btn--fullWidth_1xkfh","is-disabled":"Button_is-disabled_1zPQV","skeletonGradient":"Button_skeletonGradient_2l0Iq"};
 
@@ -638,0 +636,0 @@ /***/ }),

dist/f-button.umd.min.js

@@ -1,2 +0,2 @@
-(function(t,n){"object"===typeof exports&&"object"===typeof module?module.exports=n():"function"===typeof define&&define.amd?define([],n):"object"===typeof exports?exports["f-button"]=n():t["f-button"]=n()})("undefined"!==typeof self?self:this,(function(){return function(t){var n={};function e(o){if(n[o])return n[o].exports;var i=n[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,e),i.l=!0,i.exports}return e.m=t,e.c=n,e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{enumerable:!0,get:o})},e.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},e.t=function(t,n){if(1&n&&(t=e(t)),8&n)return t;if(4&n&&"object"===typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(e.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&n&&"string"!=typeof t)for(var i in t)e.d(o,i,function(n){return t[n]}.bind(null,i));return o},e.n=function(t){var n=t&&t.__esModule?function(){return t["default"]}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},e.p="",e(e.s="fa16")}({"05e9":function(t,n){var e;e=function(){return this}();try{e=e||new Function("return this")()}catch(o){"object"===typeof window&&(e=window)}t.exports=e},"2a7d":function(t,n,e){"use strict";var o=function(){var t,n=this,e=n.$createElement,o=n._self._c||e;return o(n.componentType,n._g(n._b({tag:"component",class:[n.$style["o-btn"],n.isIcon?n.$style["o-btn--icon"]:"",n.$style["o-btn--"+n.buttonType],n.$style["o-btn--size"+n.buttonSizeClassname],n.isFullWidth?n.$style["o-btn--fullWidth"]:"",n.isLoading?n.$style["o-btn--loading"]:""],attrs:{"action-type":n.buttonActionType,"data-test-id":n.componentType+"-component","aria-live":n.getAriaLive,"aria-busy":n.isLoading}},"component",n.$attrs,!1),!n.isLoading&&n.$listeners),[n.isLoading?o("span",{class:n.$style["c-spinner"],attrs:{"data-test-id":n.componentType+"-spinner"}}):n._e(),o("span",{class:n.$style["o-button-content"]},[n.hasLeadingIcon?o("span",{class:[n.$style["o-btn-icon"],n.$style["o-btn-icon--leading"]],attrs:{"data-test-id":"button-leading-icon"}},[n._t("leading-icon")],2):n._e(),o("span",{class:[n.$style["o-btn-text"],(t={},t[n.$style["o-btn-text--hidden"]]=n.isLoading,t)]},[n._t("default")],2),n.hasTrailingIcon?o("span",{class:[n.$style["o-btn-icon"],n.$style["o-btn-icon--trailing"]],attrs:{"data-test-id":"button-trailing-icon"}},[n._t("trailing-icon")],2):n._e()])])},i=[],r=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("button",t._g({attrs:{type:t.actionType}},t.$listeners),[t._t("default")],2)},s=[],u={props:{actionType:{type:String,required:!0}}},a=u;function c(t,n,e,o,i,r,s,u){var a,c="function"===typeof t?t.options:t;if(n&&(c.render=n,c.staticRenderFns=e,c._compiled=!0),o&&(c.functional=!0),r&&(c._scopeId="data-v-"+r),s?(a=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),i&&i.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(s)},c._ssrRegister=a):i&&(a=u?function(){i.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:i),a)if(c.functional){c._injectStyles=a;var l=c.render;c.render=function(t,n){return a.call(n),l(t,n)}}else{var d=c.beforeCreate;c.beforeCreate=d?[].concat(d,a):[a]}return{exports:t,options:c}}var l=c(a,r,s,!1,null,null,null),d=l.exports,p=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("a",t._g({},t.$listeners),[t._t("default")],2)},f=[],b={},_=c(b,p,f,!1,null,null,null),h=_.exports,y={iconButton:["primary","secondary","ghost","ghostTertiary"],button:["primary","secondary","outline","ghost","link"]},g=["xsmall","small","medium","large"],m=["leading","trailing",!1],v={name:"FButton",components:{ActionButton:d,LinkButton:h},props:{buttonType:{type:String,default:"primary"},buttonSize:{type:String,default:"medium"},isFullWidth:{type:Boolean,default:!1},actionType:{type:String,default:"button"},isIcon:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!1},hasIcon:{type:[Boolean,String],default:!1}},computed:{buttonActionType:function(){return this.$attrs.href||this.$attrs.to?null:this.actionType},buttonSizeClassname:function(){return"xsmall"===this.buttonSize?this.buttonSize.slice(0,2).toUpperCase()+this.buttonSize.slice(2):this.buttonSize.charAt(0).toUpperCase()+this.buttonSize.slice(1)},componentType:function(){return this.$attrs.href?"link-button":this.$attrs.to?"router-link":"action-button"},getAriaLive:function(){return this.isLoading?"polite":"off"},hasTrailingIcon:function(){return this.hasIcon&&"trailing"===this.hasIcon},hasLeadingIcon:function(){return this.hasIcon&&"leading"===this.hasIcon}},watch:{$props:{immediate:!0,handler:function(){this.validateProps()}}},methods:{validateProps:function(){var t=this.isIcon?"iconButton":"button",n=y[t];if(!n.includes(this.buttonType))throw new TypeError("".concat(t,' is set to have buttonType="').concat(this.buttonType,'", but it can only be one of the following buttonTypes: "').concat(n.join('", "'),'"'));if(!g.includes(this.buttonSize))throw new TypeError('buttonSize is set to "'.concat(this.buttonSize,'", but it can only be one of the following buttonSizes: "').concat(g.join('", "'),'"'));if(!m.includes(this.hasIcon))throw new TypeError('hasIcon is set to "'.concat(this.hasIcon,'", but it can only be one of the following buttonSizes: "').concat(m.join('", "'),'"'))}}},S=v,B=e("4e4b");function $(t){this["$style"]=B["default"].locals||B["default"]}var T=c(S,o,i,!1,$,null,null);n["a"]=T.exports},"4e4b":function(t,n,e){"use strict";var o=e("9a8d"),i=e.n(o);e.d(n,"default",(function(){return i.a}))},"7e10":function(t,n,e){var o,i,r;(function(e,s){i=[],o=s,r="function"===typeof o?o.apply(n,i):o,void 0===r||(t.exports=r)})("undefined"!==typeof self&&self,(function(){function t(){var n=Object.getOwnPropertyDescriptor(document,"currentScript");if(!n&&"currentScript"in document&&document.currentScript)return document.currentScript;if(n&&n.get!==t&&document.currentScript)return document.currentScript;try{throw new Error}catch(f){var e,o,i,r=/.*at [^(]*\((.*):(.+):(.+)\)$/gi,s=/@([^@]*):(\d+):(\d+)\s*$/gi,u=r.exec(f.stack)||s.exec(f.stack),a=u&&u[1]||!1,c=u&&u[2]||!1,l=document.location.href.replace(document.location.hash,""),d=document.getElementsByTagName("script");a===l&&(e=document.documentElement.outerHTML,o=new RegExp("(?:[^\\n]+?\\n){0,"+(c-2)+"}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*","i"),i=e.replace(o,"$1").trim());for(var p=0;p<d.length;p++){if("interactive"===d[p].readyState)return d[p];if(d[p].src===a)return d[p];if(a===l&&d[p].innerHTML&&d[p].innerHTML.trim()===i)return d[p]}return null}}return t}))},"9a8d":function(t,n,e){t.exports={"c-screen-sizer":"Button_c-screen-sizer_aacnl","c-spinner-wrapper":"Button_c-spinner-wrapper_16dYe","c-spinner":"Button_c-spinner_16ib0",spin:"Button_spin_1l7_1","o-btn":"Button_o-btn_1KX8u","o-btnLink":"Button_o-btnLink_MQkN7","o-button-content":"Button_o-button-content_3Ow1e","o-btn-text--hidden":"Button_o-btn-text--hidden_6AbPr","o-btn-icon":"Button_o-btn-icon_rKd_B","o-btn-icon--leading":"Button_o-btn-icon--leading_2MkiQ","o-btn-icon--trailing":"Button_o-btn-icon--trailing_R6HPj","o-btn--primary":"Button_o-btn--primary_NRuBe","o-btn--icon":"Button_o-btn--icon_1k-qM","o-btn--sizeLarge":"Button_o-btn--sizeLarge_3A8Ov","o-btn--loading":"Button_o-btn--loading_2up-7","o-btn--secondary":"Button_o-btn--secondary_1KBR1","o-btn--outline":"Button_o-btn--outline_3TR6n","o-btn--ghost":"Button_o-btn--ghost_1hnGu","o-btn--ghostTertiary":"Button_o-btn--ghostTertiary_2F6ho","o-btn--link":"Button_o-btn--link_2f-eF","o-btn--sizeMedium":"Button_o-btn--sizeMedium_2uSln","o-btn--sizeSmall":"Button_o-btn--sizeSmall_WNBZx","o-btn--sizeXSmall":"Button_o-btn--sizeXSmall_3KRtq","o-btn--fullWidth":"Button_o-btn--fullWidth_1xkfh","is-disabled":"Button_is-disabled_1zPQV",skeletonGradient:"Button_skeletonGradient_2l0Iq"}},b635:function(t,n,e){"use strict";(function(t){e.d(n,"b",(function(){return i}));var o=e("2a7d");function i(t){i.installed||(i.installed=!0,t.component("FButton",o["a"]))}var r={install:i},s=null;"undefined"!==typeof window?s=window.Vue:"undefined"!==typeof t&&(s=t.Vue),s&&s.use(r),n["a"]=o["a"]}).call(this,e("05e9"))},fa16:function(t,n,e){"use strict";if(e.r(n),"undefined"!==typeof window){var o=window.document.currentScript,i=e("7e10");o=i(),"currentScript"in document||Object.defineProperty(document,"currentScript",{get:i});var r=o&&o.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);r&&(e.p=r[1])}var s=e("b635");e.d(n,"install",(function(){return s["b"]}));n["default"]=s["a"]}})}));
+(function(t,n){"object"===typeof exports&&"object"===typeof module?module.exports=n():"function"===typeof define&&define.amd?define([],n):"object"===typeof exports?exports["f-button"]=n():t["f-button"]=n()})("undefined"!==typeof self?self:this,(function(){return function(t){var n={};function e(o){if(n[o])return n[o].exports;var i=n[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,e),i.l=!0,i.exports}return e.m=t,e.c=n,e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{enumerable:!0,get:o})},e.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},e.t=function(t,n){if(1&n&&(t=e(t)),8&n)return t;if(4&n&&"object"===typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(e.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&n&&"string"!=typeof t)for(var i in t)e.d(o,i,function(n){return t[n]}.bind(null,i));return o},e.n=function(t){var n=t&&t.__esModule?function(){return t["default"]}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},e.p="",e(e.s="fa16")}({"05e9":function(t,n){var e;e=function(){return this}();try{e=e||new Function("return this")()}catch(o){"object"===typeof window&&(e=window)}t.exports=e},"2a7d":function(t,n,e){"use strict";var o=function(){var t,n=this,e=n.$createElement,o=n._self._c||e;return o(n.componentType,n._g(n._b({tag:"component",class:[n.$style["o-btn"],n.isIcon?n.$style["o-btn--icon"]:"",n.$style["o-btn--"+n.buttonType],n.$style["o-btn--size"+n.buttonSizeClassname],n.isFullWidth?n.$style["o-btn--fullWidth"]:"",n.isLoading?n.$style["o-btn--loading"]:""],attrs:{"action-type":n.buttonActionType,"data-test-id":n.componentType+"-component","aria-live":n.getAriaLive,"aria-busy":n.isLoading}},"component",n.$attrs,!1),!n.isLoading&&n.$listeners),[n.isLoading?o("span",{class:n.$style["c-spinner"],attrs:{"data-test-id":n.componentType+"-spinner"}}):n._e(),o("span",{class:[n.$style["o-button-content"],(t={},t[n.$style["o-btn-content--hidden"]]=n.isLoading,t)]},[n.hasLeadingIcon?o("span",{class:[n.$style["o-btn-icon"],n.$style["o-btn-icon--leading"]],attrs:{"data-test-id":"button-leading-icon"}},[n._t("leading-icon")],2):n._e(),n._t("default"),n.hasTrailingIcon?o("span",{class:[n.$style["o-btn-icon"],n.$style["o-btn-icon--trailing"]],attrs:{"data-test-id":"button-trailing-icon"}},[n._t("trailing-icon")],2):n._e()],2)])},i=[],r=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("button",t._g({attrs:{type:t.actionType}},t.$listeners),[t._t("default")],2)},s=[],u={props:{actionType:{type:String,required:!0}}},a=u;function c(t,n,e,o,i,r,s,u){var a,c="function"===typeof t?t.options:t;if(n&&(c.render=n,c.staticRenderFns=e,c._compiled=!0),o&&(c.functional=!0),r&&(c._scopeId="data-v-"+r),s?(a=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),i&&i.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(s)},c._ssrRegister=a):i&&(a=u?function(){i.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:i),a)if(c.functional){c._injectStyles=a;var l=c.render;c.render=function(t,n){return a.call(n),l(t,n)}}else{var d=c.beforeCreate;c.beforeCreate=d?[].concat(d,a):[a]}return{exports:t,options:c}}var l=c(a,r,s,!1,null,null,null),d=l.exports,p=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("a",t._g({},t.$listeners),[t._t("default")],2)},f=[],b={},_=c(b,p,f,!1,null,null,null),h=_.exports,y={iconButton:["primary","secondary","ghost","ghostTertiary"],button:["primary","secondary","outline","ghost","link"]},g=["xsmall","small","medium","large"],m=["leading","trailing",!1],v={name:"FButton",components:{ActionButton:d,LinkButton:h},props:{buttonType:{type:String,default:"primary"},buttonSize:{type:String,default:"medium"},isFullWidth:{type:Boolean,default:!1},actionType:{type:String,default:"button"},isIcon:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!1},hasIcon:{type:[Boolean,String],default:!1}},computed:{buttonActionType:function(){return this.$attrs.href||this.$attrs.to?null:this.actionType},buttonSizeClassname:function(){return"xsmall"===this.buttonSize?this.buttonSize.slice(0,2).toUpperCase()+this.buttonSize.slice(2):this.buttonSize.charAt(0).toUpperCase()+this.buttonSize.slice(1)},componentType:function(){return this.$attrs.href?"link-button":this.$attrs.to?"router-link":"action-button"},getAriaLive:function(){return this.isLoading?"polite":"off"},hasTrailingIcon:function(){return this.hasIcon&&"trailing"===this.hasIcon},hasLeadingIcon:function(){return this.hasIcon&&"leading"===this.hasIcon}},watch:{$props:{immediate:!0,handler:function(){this.validateProps()}}},methods:{validateProps:function(){var t=this.isIcon?"iconButton":"button",n=y[t];if(!n.includes(this.buttonType))throw new TypeError("".concat(t,' is set to have buttonType="').concat(this.buttonType,'", but it can only be one of the following buttonTypes: "').concat(n.join('", "'),'"'));if(!g.includes(this.buttonSize))throw new TypeError('buttonSize is set to "'.concat(this.buttonSize,'", but it can only be one of the following buttonSizes: "').concat(g.join('", "'),'"'));if(!m.includes(this.hasIcon))throw new TypeError('hasIcon is set to "'.concat(this.hasIcon,'", but it can only be one of the following buttonSizes: "').concat(m.join('", "'),'"'))}}},S=v,B=e("4e4b");function $(t){this["$style"]=B["default"].locals||B["default"]}var T=c(S,o,i,!1,$,null,null);n["a"]=T.exports},"4e4b":function(t,n,e){"use strict";var o=e("9a8d"),i=e.n(o);e.d(n,"default",(function(){return i.a}))},"7e10":function(t,n,e){var o,i,r;(function(e,s){i=[],o=s,r="function"===typeof o?o.apply(n,i):o,void 0===r||(t.exports=r)})("undefined"!==typeof self&&self,(function(){function t(){var n=Object.getOwnPropertyDescriptor(document,"currentScript");if(!n&&"currentScript"in document&&document.currentScript)return document.currentScript;if(n&&n.get!==t&&document.currentScript)return document.currentScript;try{throw new Error}catch(f){var e,o,i,r=/.*at [^(]*\((.*):(.+):(.+)\)$/gi,s=/@([^@]*):(\d+):(\d+)\s*$/gi,u=r.exec(f.stack)||s.exec(f.stack),a=u&&u[1]||!1,c=u&&u[2]||!1,l=document.location.href.replace(document.location.hash,""),d=document.getElementsByTagName("script");a===l&&(e=document.documentElement.outerHTML,o=new RegExp("(?:[^\\n]+?\\n){0,"+(c-2)+"}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*","i"),i=e.replace(o,"$1").trim());for(var p=0;p<d.length;p++){if("interactive"===d[p].readyState)return d[p];if(d[p].src===a)return d[p];if(a===l&&d[p].innerHTML&&d[p].innerHTML.trim()===i)return d[p]}return null}}return t}))},"9a8d":function(t,n,e){t.exports={"c-screen-sizer":"Button_c-screen-sizer_aacnl","c-spinner-wrapper":"Button_c-spinner-wrapper_16dYe","c-spinner":"Button_c-spinner_16ib0",spin:"Button_spin_1l7_1","o-btn":"Button_o-btn_1KX8u","o-btnLink":"Button_o-btnLink_MQkN7","o-button-content":"Button_o-button-content_3Ow1e","o-btn-content--hidden":"Button_o-btn-content--hidden_1592m","o-btn-icon":"Button_o-btn-icon_rKd_B","o-btn-icon--leading":"Button_o-btn-icon--leading_2MkiQ","o-btn-icon--trailing":"Button_o-btn-icon--trailing_R6HPj","o-btn--primary":"Button_o-btn--primary_NRuBe","o-btn--icon":"Button_o-btn--icon_1k-qM","o-btn--sizeLarge":"Button_o-btn--sizeLarge_3A8Ov","o-btn--loading":"Button_o-btn--loading_2up-7","o-btn--secondary":"Button_o-btn--secondary_1KBR1","o-btn--outline":"Button_o-btn--outline_3TR6n","o-btn--ghost":"Button_o-btn--ghost_1hnGu","o-btn--ghostTertiary":"Button_o-btn--ghostTertiary_2F6ho","o-btn--link":"Button_o-btn--link_2f-eF","o-btn--sizeMedium":"Button_o-btn--sizeMedium_2uSln","o-btn--sizeSmall":"Button_o-btn--sizeSmall_WNBZx","o-btn--sizeXSmall":"Button_o-btn--sizeXSmall_3KRtq","o-btn--fullWidth":"Button_o-btn--fullWidth_1xkfh","is-disabled":"Button_is-disabled_1zPQV",skeletonGradient:"Button_skeletonGradient_2l0Iq"}},b635:function(t,n,e){"use strict";(function(t){e.d(n,"b",(function(){return i}));var o=e("2a7d");function i(t){i.installed||(i.installed=!0,t.component("FButton",o["a"]))}var r={install:i},s=null;"undefined"!==typeof window?s=window.Vue:"undefined"!==typeof t&&(s=t.Vue),s&&s.use(r),n["a"]=o["a"]}).call(this,e("05e9"))},fa16:function(t,n,e){"use strict";if(e.r(n),"undefined"!==typeof window){var o=window.document.currentScript,i=e("7e10");o=i(),"currentScript"in document||Object.defineProperty(document,"currentScript",{get:i});var r=o&&o.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);r&&(e.p=r[1])}var s=e("b635");e.d(n,"install",(function(){return s["b"]}));n["default"]=s["a"]}})}));
 //# sourceMappingURL=f-button.umd.min.js.map

package.json

 {
   "name": "@justeat/f-button",
   "description": "Fozzie Button – The generic button component",
-  "version": "1.10.0",
+  "version": "1.10.1",
   "main": "dist/f-button.umd.min.js",
@@ -6,0 +6,0 @@ "maxBundleSize": "5kB",

No alert changes

Worsened metrics

Total package byte prevSize

245943

decreased by-0.17%

Lines of code

1314

decreased by-0.3%

No dependency changes