@justeat/f-button - npm Package Compare versions

Comparing version 0.7.0 to 1.0.0

CHANGELOG.md

@@ -6,3 +6,14 @@ # Changelog
 
+v1.0.0
+------------------------------
+*February 10, 2021*
 
+### Added
+- Added `isIcon` prop to the f-button
+- Added styles to display the icons properly if button is displayed as an icon
+
+### Removed
+ - Removed ButtonType `icon`
+
+
 v0.7.0
@@ -9,0 +20,0 @@ ------------------------------

dist/f-button.common.js

@@ -122,5 +122,6 @@ module.exports =
 
-// CONCATENATED MODULE: /Users/damian.mullins/Documents/Work/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"24c0bd0a-vue-loader-template"}!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/damian.mullins/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=4e5d55e6&
+// CONCATENATED MODULE: /Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"29c82701-vue-loader-template"}!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Button.vue?vue&type=template&id=7d250ff5&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.componentType,_vm._g({tag:"component",class:[
         _vm.$style['o-btn'],
+        (_vm.isIcon ? _vm.$style['o-btn--icon'] : ''),
         _vm.$style[("o-btn--" + _vm.buttonType)],
@@ -133,5 +134,5 @@ _vm.$style[("o-btn--size" + _vm.buttonSizeClassname)],
 
-// CONCATENATED MODULE: ./src/components/Button.vue?vue&type=template&id=4e5d55e6&
+// CONCATENATED MODULE: ./src/components/Button.vue?vue&type=template&id=7d250ff5&
 
-// CONCATENATED MODULE: /Users/damian.mullins/Documents/Work/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"24c0bd0a-vue-loader-template"}!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/damian.mullins/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&
+// CONCATENATED MODULE: /Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"29c82701-vue-loader-template"}!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Action.vue?vue&type=template&id=5e41886b&
 var Actionvue_type_template_id_5e41886b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({attrs:{"type":_vm.actionType}},_vm.$listeners),[_vm._t("default")],2)}
@@ -143,3 +144,3 @@ var Actionvue_type_template_id_5e41886b_staticRenderFns = []
 
-// CONCATENATED MODULE: /Users/damian.mullins/Documents/Work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--12-0!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/thread-loader/dist/cjs.js!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Action.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: /Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--12-0!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/thread-loader/dist/cjs.js!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Action.vue?vue&type=script&lang=js&
 //
@@ -163,3 +164,3 @@ //
  /* harmony default export */ var components_Actionvue_type_script_lang_js_ = (Actionvue_type_script_lang_js_); 
-// CONCATENATED MODULE: /Users/damian.mullins/Documents/Work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
+// CONCATENATED MODULE: /Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -284,3 +285,3 @@
 /* harmony default export */ var Action = (component.exports);
-// CONCATENATED MODULE: /Users/damian.mullins/Documents/Work/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"24c0bd0a-vue-loader-template"}!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Link.vue?vue&type=template&id=1356d3f1&
+// CONCATENATED MODULE: /Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"29c82701-vue-loader-template"}!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Link.vue?vue&type=template&id=1356d3f1&
 var Linkvue_type_template_id_1356d3f1_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',[_vm._t("default")],2)}
@@ -311,3 +312,3 @@ var Linkvue_type_template_id_1356d3f1_staticRenderFns = []
 /* harmony default export */ var Link = (Link_component.exports);
-// CONCATENATED MODULE: /Users/damian.mullins/Documents/Work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--12-0!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/thread-loader/dist/cjs.js!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Button.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: /Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--12-0!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/thread-loader/dist/cjs.js!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Button.vue?vue&type=script&lang=js&
 //
@@ -330,2 +331,3 @@ //
 //
+//
 
@@ -355,2 +357,6 @@
       default: 'button'
+    },
+    isIcon: {
+      type: Boolean,
+      default: false
     }
@@ -575,3 +581,3 @@ },
 
-// CONCATENATED MODULE: /Users/damian.mullins/Documents/Work/fozzie-components/node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
+// CONCATENATED MODULE: /Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
 // This file is imported into lib/wc client bundles.
@@ -603,3 +609,3 @@
 
-// CONCATENATED MODULE: /Users/damian.mullins/Documents/Work/fozzie-components/node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
+// CONCATENATED MODULE: /Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
 /* concated harmony reexport install */__webpack_require__.d(__webpack_exports__, "install", function() { return src_0["b" /* install */]; });
@@ -606,0 +612,0 @@

dist/f-button.umd.js

@@ -131,5 +131,6 @@ (function webpackUniversalModuleDefinition(root, factory) {
 
-// CONCATENATED MODULE: /Users/damian.mullins/Documents/Work/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"24c0bd0a-vue-loader-template"}!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/damian.mullins/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=4e5d55e6&
+// CONCATENATED MODULE: /Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"29c82701-vue-loader-template"}!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Button.vue?vue&type=template&id=7d250ff5&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.componentType,_vm._g({tag:"component",class:[
         _vm.$style['o-btn'],
+        (_vm.isIcon ? _vm.$style['o-btn--icon'] : ''),
         _vm.$style[("o-btn--" + _vm.buttonType)],
@@ -142,5 +143,5 @@ _vm.$style[("o-btn--size" + _vm.buttonSizeClassname)],
 
-// CONCATENATED MODULE: ./src/components/Button.vue?vue&type=template&id=4e5d55e6&
+// CONCATENATED MODULE: ./src/components/Button.vue?vue&type=template&id=7d250ff5&
 
-// CONCATENATED MODULE: /Users/damian.mullins/Documents/Work/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"24c0bd0a-vue-loader-template"}!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/damian.mullins/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&
+// CONCATENATED MODULE: /Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"29c82701-vue-loader-template"}!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Action.vue?vue&type=template&id=5e41886b&
 var Actionvue_type_template_id_5e41886b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({attrs:{"type":_vm.actionType}},_vm.$listeners),[_vm._t("default")],2)}
@@ -152,3 +153,3 @@ var Actionvue_type_template_id_5e41886b_staticRenderFns = []
 
-// CONCATENATED MODULE: /Users/damian.mullins/Documents/Work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--12-0!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/thread-loader/dist/cjs.js!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Action.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: /Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--12-0!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/thread-loader/dist/cjs.js!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Action.vue?vue&type=script&lang=js&
 //
@@ -172,3 +173,3 @@ //
  /* harmony default export */ var components_Actionvue_type_script_lang_js_ = (Actionvue_type_script_lang_js_); 
-// CONCATENATED MODULE: /Users/damian.mullins/Documents/Work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
+// CONCATENATED MODULE: /Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -293,3 +294,3 @@
 /* harmony default export */ var Action = (component.exports);
-// CONCATENATED MODULE: /Users/damian.mullins/Documents/Work/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"24c0bd0a-vue-loader-template"}!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Link.vue?vue&type=template&id=1356d3f1&
+// CONCATENATED MODULE: /Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"29c82701-vue-loader-template"}!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Link.vue?vue&type=template&id=1356d3f1&
 var Linkvue_type_template_id_1356d3f1_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',[_vm._t("default")],2)}
@@ -320,3 +321,3 @@ var Linkvue_type_template_id_1356d3f1_staticRenderFns = []
 /* harmony default export */ var Link = (Link_component.exports);
-// CONCATENATED MODULE: /Users/damian.mullins/Documents/Work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--12-0!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/thread-loader/dist/cjs.js!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/damian.mullins/Documents/Work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Button.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: /Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--12-0!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/thread-loader/dist/cjs.js!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Button.vue?vue&type=script&lang=js&
 //
@@ -339,2 +340,3 @@ //
 //
+//
 
@@ -364,2 +366,6 @@
       default: 'button'
+    },
+    isIcon: {
+      type: Boolean,
+      default: false
     }
@@ -584,3 +590,3 @@ },
 
-// CONCATENATED MODULE: /Users/damian.mullins/Documents/Work/fozzie-components/node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
+// CONCATENATED MODULE: /Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
 // This file is imported into lib/wc client bundles.
@@ -612,3 +618,3 @@
 
-// CONCATENATED MODULE: /Users/damian.mullins/Documents/Work/fozzie-components/node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
+// CONCATENATED MODULE: /Users/ashley.nolan/_je/ui/components/fozzie-components/node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
 /* concated harmony reexport install */__webpack_require__.d(__webpack_exports__, "install", function() { return src_0["b" /* install */]; });
@@ -615,0 +621,0 @@

dist/f-button.umd.min.js

@@ -1,2 +0,2 @@
-(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["f-button"]=e():t["f-button"]=e()})("undefined"!==typeof self?self:this,(function(){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)n.d(o,r,function(e){return t[e]}.bind(null,r));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s="fa16")}({"05e9":function(t,e){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(o){"object"===typeof window&&(n=window)}t.exports=n},"2a7d":function(t,e,n){"use strict";var o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n(t.componentType,t._g({tag:"component",class:[t.$style["o-btn"],t.$style["o-btn--"+t.buttonType],t.$style["o-btn--size"+t.buttonSizeClassname],t.isFullWidth?t.$style["o-btn--fullWidth"]:""],attrs:{attributes:t.$attrs,"action-type":t.buttonActionType,"data-test-id":t.componentType+"-component"}},t.$listeners),[t._t("default")],2)},r=[],i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("button",t._g({attrs:{type:t.actionType}},t.$listeners),[t._t("default")],2)},u=[],c={props:{actionType:{type:String,required:!0}}},s=c;function a(t,e,n,o,r,i,u,c){var s,a="function"===typeof t?t.options:t;if(e&&(a.render=e,a.staticRenderFns=n,a._compiled=!0),o&&(a.functional=!0),i&&(a._scopeId="data-v-"+i),u?(s=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__),r&&r.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(u)},a._ssrRegister=s):r&&(s=c?function(){r.call(this,(a.functional?this.parent:this).$root.$options.shadowRoot)}:r),s)if(a.functional){a._injectStyles=s;var l=a.render;a.render=function(t,e){return s.call(e),l(t,e)}}else{var f=a.beforeCreate;a.beforeCreate=f?[].concat(f,s):[s]}return{exports:t,options:a}}var l=a(s,i,u,!1,null,null,null),f=l.exports,d=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("a",[t._t("default")],2)},p=[],b={},_=a(b,d,p,!1,null,null,null),y=_.exports,m={name:"FButton",components:{ActionButton:f,LinkButton:y},props:{buttonType:{type:String,default:"primary"},buttonSize:{type:String,default:"medium"},isFullWidth:{type:Boolean,default:!1},actionType:{type:String,default:"button"}},computed:{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":"action-button"},buttonActionType:function(){return this.$attrs.href?null:this.actionType}}},h=m,v=n("4e4b");function S(t){this["$style"]=v["default"].locals||v["default"]}var g=a(h,o,r,!1,S,null,null);e["a"]=g.exports},"4e4b":function(t,e,n){"use strict";var o=n("9a8d"),r=n.n(o);n.d(e,"default",(function(){return r.a}))},"7e10":function(t,e,n){var o,r,i;(function(n,u){r=[],o=u,i="function"===typeof o?o.apply(e,r):o,void 0===i||(t.exports=i)})("undefined"!==typeof self&&self,(function(){function t(){var e=Object.getOwnPropertyDescriptor(document,"currentScript");if(!e&&"currentScript"in document&&document.currentScript)return document.currentScript;if(e&&e.get!==t&&document.currentScript)return document.currentScript;try{throw new Error}catch(p){var n,o,r,i=/.*at [^(]*\((.*):(.+):(.+)\)$/gi,u=/@([^@]*):(\d+):(\d+)\s*$/gi,c=i.exec(p.stack)||u.exec(p.stack),s=c&&c[1]||!1,a=c&&c[2]||!1,l=document.location.href.replace(document.location.hash,""),f=document.getElementsByTagName("script");s===l&&(n=document.documentElement.outerHTML,o=new RegExp("(?:[^\\n]+?\\n){0,"+(a-2)+"}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*","i"),r=n.replace(o,"$1").trim());for(var d=0;d<f.length;d++){if("interactive"===f[d].readyState)return f[d];if(f[d].src===s)return f[d];if(s===l&&f[d].innerHTML&&f[d].innerHTML.trim()===r)return f[d]}return null}}return t}))},"9a8d":function(t,e,n){t.exports={"c-screen-sizer":"Button_c-screen-sizer_aacnl","o-btn":"Button_o-btn_1KX8u","o-btnLink":"Button_o-btnLink_MQkN7","is-disabled":"Button_is-disabled_1zPQV","o-btn--primary":"Button_o-btn--primary_NRuBe","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--link":"Button_o-btn--link_2f-eF","o-btn--icon":"Button_o-btn--icon_1k-qM","o-btn--sizeLarge":"Button_o-btn--sizeLarge_3A8Ov","o-btn--sizeSmall":"Button_o-btn--sizeSmall_WNBZx","o-btn--sizeXSmall":"Button_o-btn--sizeXSmall_3KRtq","o-btn--fullWidth":"Button_o-btn--fullWidth_1xkfh",skeletonGradient:"Button_skeletonGradient_2l0Iq"}},b635:function(t,e,n){"use strict";(function(t){n.d(e,"b",(function(){return r}));var o=n("2a7d");function r(t){r.installed||(r.installed=!0,t.component("FButton",o["a"]))}var i={install:r},u=null;"undefined"!==typeof window?u=window.Vue:"undefined"!==typeof t&&(u=t.Vue),u&&u.use(i),e["a"]=o["a"]}).call(this,n("05e9"))},fa16:function(t,e,n){"use strict";if(n.r(e),"undefined"!==typeof window){var o=window.document.currentScript,r=n("7e10");o=r(),"currentScript"in document||Object.defineProperty(document,"currentScript",{get:r});var i=o&&o.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);i&&(n.p=i[1])}var u=n("b635");n.d(e,"install",(function(){return u["b"]}));e["default"]=u["a"]}})}));
+(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["f-button"]=e():t["f-button"]=e()})("undefined"!==typeof self?self:this,(function(){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)n.d(o,r,function(e){return t[e]}.bind(null,r));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s="fa16")}({"05e9":function(t,e){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(o){"object"===typeof window&&(n=window)}t.exports=n},"2a7d":function(t,e,n){"use strict";var o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n(t.componentType,t._g({tag:"component",class:[t.$style["o-btn"],t.isIcon?t.$style["o-btn--icon"]:"",t.$style["o-btn--"+t.buttonType],t.$style["o-btn--size"+t.buttonSizeClassname],t.isFullWidth?t.$style["o-btn--fullWidth"]:""],attrs:{attributes:t.$attrs,"action-type":t.buttonActionType,"data-test-id":t.componentType+"-component"}},t.$listeners),[t._t("default")],2)},r=[],i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("button",t._g({attrs:{type:t.actionType}},t.$listeners),[t._t("default")],2)},u=[],c={props:{actionType:{type:String,required:!0}}},s=c;function a(t,e,n,o,r,i,u,c){var s,a="function"===typeof t?t.options:t;if(e&&(a.render=e,a.staticRenderFns=n,a._compiled=!0),o&&(a.functional=!0),i&&(a._scopeId="data-v-"+i),u?(s=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__),r&&r.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(u)},a._ssrRegister=s):r&&(s=c?function(){r.call(this,(a.functional?this.parent:this).$root.$options.shadowRoot)}:r),s)if(a.functional){a._injectStyles=s;var l=a.render;a.render=function(t,e){return s.call(e),l(t,e)}}else{var f=a.beforeCreate;a.beforeCreate=f?[].concat(f,s):[s]}return{exports:t,options:a}}var l=a(s,i,u,!1,null,null,null),f=l.exports,d=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("a",[t._t("default")],2)},p=[],b={},_=a(b,d,p,!1,null,null,null),y=_.exports,m={name:"FButton",components:{ActionButton:f,LinkButton:y},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}},computed:{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":"action-button"},buttonActionType:function(){return this.$attrs.href?null:this.actionType}}},h=m,v=n("4e4b");function S(t){this["$style"]=v["default"].locals||v["default"]}var g=a(h,o,r,!1,S,null,null);e["a"]=g.exports},"4e4b":function(t,e,n){"use strict";var o=n("9a8d"),r=n.n(o);n.d(e,"default",(function(){return r.a}))},"7e10":function(t,e,n){var o,r,i;(function(n,u){r=[],o=u,i="function"===typeof o?o.apply(e,r):o,void 0===i||(t.exports=i)})("undefined"!==typeof self&&self,(function(){function t(){var e=Object.getOwnPropertyDescriptor(document,"currentScript");if(!e&&"currentScript"in document&&document.currentScript)return document.currentScript;if(e&&e.get!==t&&document.currentScript)return document.currentScript;try{throw new Error}catch(p){var n,o,r,i=/.*at [^(]*\((.*):(.+):(.+)\)$/gi,u=/@([^@]*):(\d+):(\d+)\s*$/gi,c=i.exec(p.stack)||u.exec(p.stack),s=c&&c[1]||!1,a=c&&c[2]||!1,l=document.location.href.replace(document.location.hash,""),f=document.getElementsByTagName("script");s===l&&(n=document.documentElement.outerHTML,o=new RegExp("(?:[^\\n]+?\\n){0,"+(a-2)+"}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*","i"),r=n.replace(o,"$1").trim());for(var d=0;d<f.length;d++){if("interactive"===f[d].readyState)return f[d];if(f[d].src===s)return f[d];if(s===l&&f[d].innerHTML&&f[d].innerHTML.trim()===r)return f[d]}return null}}return t}))},"9a8d":function(t,e,n){t.exports={"c-screen-sizer":"Button_c-screen-sizer_aacnl","o-btn":"Button_o-btn_1KX8u","o-btnLink":"Button_o-btnLink_MQkN7","is-disabled":"Button_is-disabled_1zPQV","o-btn--primary":"Button_o-btn--primary_NRuBe","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--link":"Button_o-btn--link_2f-eF","o-btn--icon":"Button_o-btn--icon_1k-qM","o-btn--sizeLarge":"Button_o-btn--sizeLarge_3A8Ov","o-btn--sizeSmall":"Button_o-btn--sizeSmall_WNBZx","o-btn--sizeXSmall":"Button_o-btn--sizeXSmall_3KRtq","o-btn--fullWidth":"Button_o-btn--fullWidth_1xkfh",skeletonGradient:"Button_skeletonGradient_2l0Iq"}},b635:function(t,e,n){"use strict";(function(t){n.d(e,"b",(function(){return r}));var o=n("2a7d");function r(t){r.installed||(r.installed=!0,t.component("FButton",o["a"]))}var i={install:r},u=null;"undefined"!==typeof window?u=window.Vue:"undefined"!==typeof t&&(u=t.Vue),u&&u.use(i),e["a"]=o["a"]}).call(this,n("05e9"))},fa16:function(t,e,n){"use strict";if(n.r(e),"undefined"!==typeof window){var o=window.document.currentScript,r=n("7e10");o=r(),"currentScript"in document||Object.defineProperty(document,"currentScript",{get:r});var i=o&&o.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);i&&(n.p=i[1])}var u=n("b635");n.d(e,"install",(function(){return u["b"]}));e["default"]=u["a"]}})}));
 //# sourceMappingURL=f-button.umd.min.js.map

package.json

 {
   "name": "@justeat/f-button",
   "description": "Fozzie Button – The generic button component",
-  "version": "0.7.0",
+  "version": "1.0.0",
   "main": "dist/f-button.umd.min.js",
@@ -6,0 +6,0 @@ "files": [

README.md

@@ -66,2 +66,4 @@
 <f-button buttonType="secondary" buttonSize="small">Button Text</f-button>
+
+<f-button buttonType="secondary" buttonSize="small" isIcon="true"><my-icon /><f-button>
 ```
@@ -79,3 +81,3 @@
 | ----- | ----- | -------- |------- | ----------- |
-| `buttonType` | `String` | No |`primary` | Sets the modifier theme for styling.<br>Options: `primary`, `secondary`, `outline`, `ghost`, `link`, `icon`. |
+| `buttonType` | `String` | No |`primary` | Sets the modifier theme for styling.<br>Options: `primary`, `secondary`, `outline`, `ghost`, `link`. |
 | `buttonSize` | `String` | No |`medium` | Sets the size.<br>Options: `large`, `medium`, `small`, `xsmall`. |
@@ -85,2 +87,3 @@ | `isFullWidth` | `Boolean` | No |  `false` | Controls whether or not to apply fullWidth modifier class |
 | `href` | `String` | No |  N/A | If provided, replaces `Action` button or `Link` button. |
+| `isIcon` | `Boolean` | No |  `false` | Sets the button style to be displayed like an icon . |
 
@@ -87,0 +90,0 @@ ### CSS Classes

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

179803

increased by2.61%

Lines of code

1078

increased by1.22%

Number of low quality alerts

0

decreased by-100%

Number of lines in readme file

124

increased by2.48%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes