@gits-id/button - npm Package Compare versions

Comparing version 0.13.17 to 0.13.20

CHANGELOG.md

@@ -6,2 +6,8 @@ # Change Log
 
+## [0.13.20](https://github.com/gitsindonesia/ui-component/compare/v0.13.19...v0.13.20) (2022-12-21)
+
+### Features
+
+- **transition & button:** new `fade-scale` transition and new button `flush` style ([#68](https://github.com/gitsindonesia/ui-component/issues/68)) ([f5b826b](https://github.com/gitsindonesia/ui-component/commit/f5b826bb86a4da6edd78393148d8fad70295a9ce))
+
 ## [0.13.17](https://github.com/gitsindonesia/ui-component/compare/v0.13.16...v0.13.17) (2022-12-14)
@@ -8,0 +14,0 @@

dist/button.iife.js

@@ -1,1 +0,1 @@
-var VBtn=function(l,e,d){"use strict";const c=(n=>n&&typeof n=="object"&&"default"in n?n:{default:n})(d),h="",i=e.defineComponent({__name:"VBtn",props:{color:{default:"default"},size:{default:"md"},to:null,href:null,text:{type:Boolean},outlined:{type:Boolean},rounded:{type:Boolean},disabled:{type:Boolean},noRing:{type:Boolean},tile:{type:Boolean},block:{type:Boolean},shadow:{type:Boolean},icon:{type:Boolean},loading:{type:Boolean},loadingText:{default:"Loading..."},newTab:{type:Boolean},type:{default:"button"},ring:{type:Boolean},solid:{type:Boolean},fab:{type:Boolean},loadingIcon:{default:"gg:spinner"},prefix:{type:Boolean},prefixIcon:{default:""},prefixIconSize:{default:"sm"},prefixIconClass:{default:""},suffix:{type:Boolean},suffixIcon:{default:""},suffixIconSize:{default:"sm"},suffixIconClass:{default:""},loadingClass:{default:"animate-spin"}},setup(n){const o=n,a=e.computed(()=>o.to?e.resolveComponent("router-link"):o.href?"a":"button"),s=e.computed(()=>`focus:ring focus:ring-offset-2 focus:outline-none ${{default:"",primary:"focus:ring-primary-500",secondary:"focus:ring-secondary-500",info:"focus:ring-info-500",warning:"focus:ring-warning-500",success:"focus:ring-success-500",error:"focus:ring-error-500",dark:"focus:ring-gray-500"}[o.color]}`),r=e.computed(()=>["btn",`btn-${o.color}`,`btn--${o.size}`,{[s.value]:!o.noRing,"btn--rounded":o.rounded,"btn--outlined":o.outlined,"btn--fab":o.fab,"btn--tile":o.tile,"btn--block":o.block,"btn--loading":o.loading,"btn--text":o.text,shadow:o.shadow}]),I=e.computed(()=>{let t={type:o.type,"aria-label":"Button"};return o.disabled&&(t["aria-disabled"]=!0,t.disabled=!0),o.to&&(t.to=o.to),o.href&&(t.href=o.href),o.newTab&&(t.rel="noopener",t.target="_blank"),t});return(t,x)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),e.mergeProps({class:e.unref(r)},{...e.unref(I),...t.$attrs}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix",{},()=>[n.prefixIcon||n.loading?(e.openBlock(),e.createBlock(e.unref(c.default),{key:0,name:n.loading?n.loadingIcon:n.prefixIcon,class:e.normalizeClass(["btn-icon",n.prefixIconClass,n.loading?n.loadingClass:void 0]),size:n.prefixIconSize},null,8,["name","class","size"])):e.createCommentVNode("",!0)]),e.renderSlot(t.$slots,"default"),e.renderSlot(t.$slots,"suffix",{},()=>[n.suffixIcon?(e.openBlock(),e.createBlock(e.unref(c.default),{key:0,name:n.suffixIcon,size:n.suffixIconSize,class:e.normalizeClass(["btn-icon",n.suffixIconClass])},null,8,["name","size","class"])):e.createCommentVNode("",!0)])]),_:3},16,["class"]))}}),f=(n,o)=>{const a=n.__vccOpts||n;for(const[s,r]of o)a[s]=r;return a},u={},g={class:"v-btn-group"};function b(n,o){return e.openBlock(),e.createElementBlock("div",g,[e.renderSlot(n.$slots,"default")])}const m=f(u,[["render",b]]),B={},y={class:"v-btn-toolbar"};function p(n,o){return e.openBlock(),e.createElementBlock("div",y,[e.renderSlot(n.$slots,"default")])}const k=f(B,[["render",p]]);return l.VBtn=i,l.VBtnGroup=m,l.VBtnToolbar=k,l.default=i,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),l}({},Vue,VIcon);
+var VBtn=function(l,e,d){"use strict";const c=(n=>n&&typeof n=="object"&&"default"in n?n:{default:n})(d),C="",i=e.defineComponent({__name:"VBtn",props:{color:{default:"default"},size:{default:"md"},to:null,href:null,text:{type:Boolean},outlined:{type:Boolean},rounded:{type:Boolean},disabled:{type:Boolean},noRing:{type:Boolean},tile:{type:Boolean},block:{type:Boolean},shadow:{type:Boolean},icon:{type:Boolean},loading:{type:Boolean},loadingText:{default:"Loading..."},newTab:{type:Boolean},type:{default:"button"},ring:{type:Boolean},solid:{type:Boolean},fab:{type:Boolean},loadingIcon:{default:"gg:spinner"},prefix:{type:Boolean},prefixIcon:{default:""},prefixIconSize:{default:"sm"},prefixIconClass:{default:""},suffix:{type:Boolean},suffixIcon:{default:""},suffixIconSize:{default:"sm"},suffixIconClass:{default:""},loadingClass:{default:"animate-spin"},flush:{type:Boolean}},setup(n){const o=n,a=e.computed(()=>o.to?e.resolveComponent("router-link"):o.href?"a":"button"),s=e.computed(()=>`focus:ring focus:ring-offset-2 focus:outline-none ${{default:"",primary:"focus:ring-primary-500",secondary:"focus:ring-secondary-500",info:"focus:ring-info-500",warning:"focus:ring-warning-500",success:"focus:ring-success-500",error:"focus:ring-error-500",dark:"focus:ring-gray-500"}[o.color]}`),r=e.computed(()=>["btn",`btn-${o.color}`,`btn--${o.size}`,{[s.value]:!o.noRing,"btn--rounded":o.rounded,"btn--outlined":o.outlined,"btn--fab":o.fab,"btn--tile":o.tile,"btn--block":o.block,"btn--loading":o.loading,"btn--text":o.text,"btn--flush":o.flush,shadow:o.shadow}]),I=e.computed(()=>{let t={type:o.type,"aria-label":"Button"};return o.disabled&&(t["aria-disabled"]=!0,t.disabled=!0),o.to&&(t.to=o.to),o.href&&(t.href=o.href),o.newTab&&(t.rel="noopener",t.target="_blank"),t});return(t,h)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),e.mergeProps({class:e.unref(r)},{...e.unref(I),...t.$attrs}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix",{},()=>[n.prefixIcon||n.loading?(e.openBlock(),e.createBlock(e.unref(c.default),{key:0,name:n.loading?n.loadingIcon:n.prefixIcon,class:e.normalizeClass(["btn-icon",n.prefixIconClass,n.loading?n.loadingClass:void 0]),size:n.prefixIconSize},null,8,["name","class","size"])):e.createCommentVNode("",!0)]),e.renderSlot(t.$slots,"default"),e.renderSlot(t.$slots,"suffix",{},()=>[n.suffixIcon?(e.openBlock(),e.createBlock(e.unref(c.default),{key:0,name:n.suffixIcon,size:n.suffixIconSize,class:e.normalizeClass(["btn-icon",n.suffixIconClass])},null,8,["name","size","class"])):e.createCommentVNode("",!0)])]),_:3},16,["class"]))}}),f=(n,o)=>{const a=n.__vccOpts||n;for(const[s,r]of o)a[s]=r;return a},u={},b={class:"v-btn-group"};function g(n,o){return e.openBlock(),e.createElementBlock("div",b,[e.renderSlot(n.$slots,"default")])}const B=f(u,[["render",g]]),m={},y={class:"v-btn-toolbar"};function p(n,o){return e.openBlock(),e.createElementBlock("div",y,[e.renderSlot(n.$slots,"default")])}const k=f(m,[["render",p]]);return l.VBtn=i,l.VBtnGroup=B,l.VBtnToolbar=k,l.default=i,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),l}({},Vue,VIcon);

dist/button.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@gits-id/icon"),g=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},r=g(d);const c=e.defineComponent({__name:"VBtn",props:{color:{default:"default"},size:{default:"md"},to:null,href:null,text:{type:Boolean},outlined:{type:Boolean},rounded:{type:Boolean},disabled:{type:Boolean},noRing:{type:Boolean},tile:{type:Boolean},block:{type:Boolean},shadow:{type:Boolean},icon:{type:Boolean},loading:{type:Boolean},loadingText:{default:"Loading..."},newTab:{type:Boolean},type:{default:"button"},ring:{type:Boolean},solid:{type:Boolean},fab:{type:Boolean},loadingIcon:{default:"gg:spinner"},prefix:{type:Boolean},prefixIcon:{default:""},prefixIconSize:{default:"sm"},prefixIconClass:{default:""},suffix:{type:Boolean},suffixIcon:{default:""},suffixIconSize:{default:"sm"},suffixIconClass:{default:""},loadingClass:{default:"animate-spin"}},setup(n){const o=n,l=e.computed(()=>o.to?e.resolveComponent("router-link"):o.href?"a":"button"),a=e.computed(()=>`focus:ring focus:ring-offset-2 focus:outline-none ${{default:"",primary:"focus:ring-primary-500",secondary:"focus:ring-secondary-500",info:"focus:ring-info-500",warning:"focus:ring-warning-500",success:"focus:ring-success-500",error:"focus:ring-error-500",dark:"focus:ring-gray-500"}[o.color]}`),s=e.computed(()=>["btn",`btn-${o.color}`,`btn--${o.size}`,{[a.value]:!o.noRing,"btn--rounded":o.rounded,"btn--outlined":o.outlined,"btn--fab":o.fab,"btn--tile":o.tile,"btn--block":o.block,"btn--loading":o.loading,"btn--text":o.text,shadow:o.shadow}]),u=e.computed(()=>{let t={type:o.type,"aria-label":"Button"};return o.disabled&&(t["aria-disabled"]=!0,t.disabled=!0),o.to&&(t.to=o.to),o.href&&(t.href=o.href),o.newTab&&(t.rel="noopener",t.target="_blank"),t});return(t,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(l)),e.mergeProps({class:e.unref(s)},{...e.unref(u),...t.$attrs}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix",{},()=>[n.prefixIcon||n.loading?(e.openBlock(),e.createBlock(e.unref(r.default),{key:0,name:n.loading?n.loadingIcon:n.prefixIcon,class:e.normalizeClass(["btn-icon",n.prefixIconClass,n.loading?n.loadingClass:void 0]),size:n.prefixIconSize},null,8,["name","class","size"])):e.createCommentVNode("",!0)]),e.renderSlot(t.$slots,"default"),e.renderSlot(t.$slots,"suffix",{},()=>[n.suffixIcon?(e.openBlock(),e.createBlock(e.unref(r.default),{key:0,name:n.suffixIcon,size:n.suffixIconSize,class:e.normalizeClass(["btn-icon",n.suffixIconClass])},null,8,["name","size","class"])):e.createCommentVNode("",!0)])]),_:3},16,["class"]))}}),i=(n,o)=>{const l=n.__vccOpts||n;for(const[a,s]of o)l[a]=s;return l},b={},p={class:"v-btn-group"};function m(n,o){return e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(n.$slots,"default")])}const B=i(b,[["render",m]]),y={},k={class:"v-btn-toolbar"};function x(n,o){return e.openBlock(),e.createElementBlock("div",k,[e.renderSlot(n.$slots,"default")])}const I=i(y,[["render",x]]);exports.VBtn=c;exports.VBtnGroup=B;exports.VBtnToolbar=I;exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@gits-id/icon"),b=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},r=b(d);const c=e.defineComponent({__name:"VBtn",props:{color:{default:"default"},size:{default:"md"},to:null,href:null,text:{type:Boolean},outlined:{type:Boolean},rounded:{type:Boolean},disabled:{type:Boolean},noRing:{type:Boolean},tile:{type:Boolean},block:{type:Boolean},shadow:{type:Boolean},icon:{type:Boolean},loading:{type:Boolean},loadingText:{default:"Loading..."},newTab:{type:Boolean},type:{default:"button"},ring:{type:Boolean},solid:{type:Boolean},fab:{type:Boolean},loadingIcon:{default:"gg:spinner"},prefix:{type:Boolean},prefixIcon:{default:""},prefixIconSize:{default:"sm"},prefixIconClass:{default:""},suffix:{type:Boolean},suffixIcon:{default:""},suffixIconSize:{default:"sm"},suffixIconClass:{default:""},loadingClass:{default:"animate-spin"},flush:{type:Boolean}},setup(n){const o=n,l=e.computed(()=>o.to?e.resolveComponent("router-link"):o.href?"a":"button"),a=e.computed(()=>`focus:ring focus:ring-offset-2 focus:outline-none ${{default:"",primary:"focus:ring-primary-500",secondary:"focus:ring-secondary-500",info:"focus:ring-info-500",warning:"focus:ring-warning-500",success:"focus:ring-success-500",error:"focus:ring-error-500",dark:"focus:ring-gray-500"}[o.color]}`),s=e.computed(()=>["btn",`btn-${o.color}`,`btn--${o.size}`,{[a.value]:!o.noRing,"btn--rounded":o.rounded,"btn--outlined":o.outlined,"btn--fab":o.fab,"btn--tile":o.tile,"btn--block":o.block,"btn--loading":o.loading,"btn--text":o.text,"btn--flush":o.flush,shadow:o.shadow}]),u=e.computed(()=>{let t={type:o.type,"aria-label":"Button"};return o.disabled&&(t["aria-disabled"]=!0,t.disabled=!0),o.to&&(t.to=o.to),o.href&&(t.href=o.href),o.newTab&&(t.rel="noopener",t.target="_blank"),t});return(t,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(l)),e.mergeProps({class:e.unref(s)},{...e.unref(u),...t.$attrs}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix",{},()=>[n.prefixIcon||n.loading?(e.openBlock(),e.createBlock(e.unref(r.default),{key:0,name:n.loading?n.loadingIcon:n.prefixIcon,class:e.normalizeClass(["btn-icon",n.prefixIconClass,n.loading?n.loadingClass:void 0]),size:n.prefixIconSize},null,8,["name","class","size"])):e.createCommentVNode("",!0)]),e.renderSlot(t.$slots,"default"),e.renderSlot(t.$slots,"suffix",{},()=>[n.suffixIcon?(e.openBlock(),e.createBlock(e.unref(r.default),{key:0,name:n.suffixIcon,size:n.suffixIconSize,class:e.normalizeClass(["btn-icon",n.suffixIconClass])},null,8,["name","size","class"])):e.createCommentVNode("",!0)])]),_:3},16,["class"]))}}),i=(n,o)=>{const l=n.__vccOpts||n;for(const[a,s]of o)l[a]=s;return l},g={},p={class:"v-btn-group"};function m(n,o){return e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(n.$slots,"default")])}const B=i(g,[["render",m]]),y={},k={class:"v-btn-toolbar"};function x(n,o){return e.openBlock(),e.createElementBlock("div",k,[e.renderSlot(n.$slots,"default")])}const I=i(y,[["render",x]]);exports.VBtn=c;exports.VBtnGroup=B;exports.VBtnToolbar=I;exports.default=c;

dist/button.umd.js

@@ -1,1 +0,1 @@
-(function(l,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@gits-id/icon")):typeof define=="function"&&define.amd?define(["exports","vue","@gits-id/icon"],e):(l=typeof globalThis<"u"?globalThis:l||self,e(l.VBtn={},l.Vue,l.VIcon))})(this,function(l,e,d){"use strict";const r=(n=>n&&typeof n=="object"&&"default"in n?n:{default:n})(d),C="",c=e.defineComponent({__name:"VBtn",props:{color:{default:"default"},size:{default:"md"},to:null,href:null,text:{type:Boolean},outlined:{type:Boolean},rounded:{type:Boolean},disabled:{type:Boolean},noRing:{type:Boolean},tile:{type:Boolean},block:{type:Boolean},shadow:{type:Boolean},icon:{type:Boolean},loading:{type:Boolean},loadingText:{default:"Loading..."},newTab:{type:Boolean},type:{default:"button"},ring:{type:Boolean},solid:{type:Boolean},fab:{type:Boolean},loadingIcon:{default:"gg:spinner"},prefix:{type:Boolean},prefixIcon:{default:""},prefixIconSize:{default:"sm"},prefixIconClass:{default:""},suffix:{type:Boolean},suffixIcon:{default:""},suffixIconSize:{default:"sm"},suffixIconClass:{default:""},loadingClass:{default:"animate-spin"}},setup(n){const o=n,a=e.computed(()=>o.to?e.resolveComponent("router-link"):o.href?"a":"button"),s=e.computed(()=>`focus:ring focus:ring-offset-2 focus:outline-none ${{default:"",primary:"focus:ring-primary-500",secondary:"focus:ring-secondary-500",info:"focus:ring-info-500",warning:"focus:ring-warning-500",success:"focus:ring-success-500",error:"focus:ring-error-500",dark:"focus:ring-gray-500"}[o.color]}`),i=e.computed(()=>["btn",`btn-${o.color}`,`btn--${o.size}`,{[s.value]:!o.noRing,"btn--rounded":o.rounded,"btn--outlined":o.outlined,"btn--fab":o.fab,"btn--tile":o.tile,"btn--block":o.block,"btn--loading":o.loading,"btn--text":o.text,shadow:o.shadow}]),x=e.computed(()=>{let t={type:o.type,"aria-label":"Button"};return o.disabled&&(t["aria-disabled"]=!0,t.disabled=!0),o.to&&(t.to=o.to),o.href&&(t.href=o.href),o.newTab&&(t.rel="noopener",t.target="_blank"),t});return(t,I)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),e.mergeProps({class:e.unref(i)},{...e.unref(x),...t.$attrs}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix",{},()=>[n.prefixIcon||n.loading?(e.openBlock(),e.createBlock(e.unref(r.default),{key:0,name:n.loading?n.loadingIcon:n.prefixIcon,class:e.normalizeClass(["btn-icon",n.prefixIconClass,n.loading?n.loadingClass:void 0]),size:n.prefixIconSize},null,8,["name","class","size"])):e.createCommentVNode("",!0)]),e.renderSlot(t.$slots,"default"),e.renderSlot(t.$slots,"suffix",{},()=>[n.suffixIcon?(e.openBlock(),e.createBlock(e.unref(r.default),{key:0,name:n.suffixIcon,size:n.suffixIconSize,class:e.normalizeClass(["btn-icon",n.suffixIconClass])},null,8,["name","size","class"])):e.createCommentVNode("",!0)])]),_:3},16,["class"]))}}),f=(n,o)=>{const a=n.__vccOpts||n;for(const[s,i]of o)a[s]=i;return a},u={},p={class:"v-btn-group"};function g(n,o){return e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(n.$slots,"default")])}const b=f(u,[["render",g]]),m={},y={class:"v-btn-toolbar"};function B(n,o){return e.openBlock(),e.createElementBlock("div",y,[e.renderSlot(n.$slots,"default")])}const k=f(m,[["render",B]]);l.VBtn=c,l.VBtnGroup=b,l.VBtnToolbar=k,l.default=c,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(l,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@gits-id/icon")):typeof define=="function"&&define.amd?define(["exports","vue","@gits-id/icon"],e):(l=typeof globalThis<"u"?globalThis:l||self,e(l.VBtn={},l.Vue,l.VIcon))})(this,function(l,e,d){"use strict";const r=(n=>n&&typeof n=="object"&&"default"in n?n:{default:n})(d),C="",c=e.defineComponent({__name:"VBtn",props:{color:{default:"default"},size:{default:"md"},to:null,href:null,text:{type:Boolean},outlined:{type:Boolean},rounded:{type:Boolean},disabled:{type:Boolean},noRing:{type:Boolean},tile:{type:Boolean},block:{type:Boolean},shadow:{type:Boolean},icon:{type:Boolean},loading:{type:Boolean},loadingText:{default:"Loading..."},newTab:{type:Boolean},type:{default:"button"},ring:{type:Boolean},solid:{type:Boolean},fab:{type:Boolean},loadingIcon:{default:"gg:spinner"},prefix:{type:Boolean},prefixIcon:{default:""},prefixIconSize:{default:"sm"},prefixIconClass:{default:""},suffix:{type:Boolean},suffixIcon:{default:""},suffixIconSize:{default:"sm"},suffixIconClass:{default:""},loadingClass:{default:"animate-spin"},flush:{type:Boolean}},setup(n){const o=n,s=e.computed(()=>o.to?e.resolveComponent("router-link"):o.href?"a":"button"),a=e.computed(()=>`focus:ring focus:ring-offset-2 focus:outline-none ${{default:"",primary:"focus:ring-primary-500",secondary:"focus:ring-secondary-500",info:"focus:ring-info-500",warning:"focus:ring-warning-500",success:"focus:ring-success-500",error:"focus:ring-error-500",dark:"focus:ring-gray-500"}[o.color]}`),i=e.computed(()=>["btn",`btn-${o.color}`,`btn--${o.size}`,{[a.value]:!o.noRing,"btn--rounded":o.rounded,"btn--outlined":o.outlined,"btn--fab":o.fab,"btn--tile":o.tile,"btn--block":o.block,"btn--loading":o.loading,"btn--text":o.text,"btn--flush":o.flush,shadow:o.shadow}]),h=e.computed(()=>{let t={type:o.type,"aria-label":"Button"};return o.disabled&&(t["aria-disabled"]=!0,t.disabled=!0),o.to&&(t.to=o.to),o.href&&(t.href=o.href),o.newTab&&(t.rel="noopener",t.target="_blank"),t});return(t,x)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s)),e.mergeProps({class:e.unref(i)},{...e.unref(h),...t.$attrs}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix",{},()=>[n.prefixIcon||n.loading?(e.openBlock(),e.createBlock(e.unref(r.default),{key:0,name:n.loading?n.loadingIcon:n.prefixIcon,class:e.normalizeClass(["btn-icon",n.prefixIconClass,n.loading?n.loadingClass:void 0]),size:n.prefixIconSize},null,8,["name","class","size"])):e.createCommentVNode("",!0)]),e.renderSlot(t.$slots,"default"),e.renderSlot(t.$slots,"suffix",{},()=>[n.suffixIcon?(e.openBlock(),e.createBlock(e.unref(r.default),{key:0,name:n.suffixIcon,size:n.suffixIconSize,class:e.normalizeClass(["btn-icon",n.suffixIconClass])},null,8,["name","size","class"])):e.createCommentVNode("",!0)])]),_:3},16,["class"]))}}),f=(n,o)=>{const s=n.__vccOpts||n;for(const[a,i]of o)s[a]=i;return s},u={},p={class:"v-btn-group"};function g(n,o){return e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(n.$slots,"default")])}const b=f(u,[["render",g]]),m={},y={class:"v-btn-toolbar"};function B(n,o){return e.openBlock(),e.createElementBlock("div",y,[e.renderSlot(n.$slots,"default")])}const k=f(m,[["render",B]]);l.VBtn=c,l.VBtnGroup=b,l.VBtnToolbar=k,l.default=c,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

dist/types/VBtn.stories.d.ts

@@ -10,2 +10,3 @@ import { Meta, Story } from '@storybook/vue3';
 export declare const Tile: Story<VBtnProps>;
+export declare const Flush: Story<VBtnProps>;
 export declare const Disabled: Story<VBtnProps>;
@@ -12,0 +13,0 @@ export declare const OutlinedDisabled: Story<VBtnProps>;

dist/types/VBtn.vue.d.ts

@@ -42,2 +42,3 @@ import type { DefaultColors } from '@gits-id/theme/defaultTheme';
     loadingClass?: string;
+    flush?: boolean;
 }
@@ -44,0 +45,0 @@ declare const _default: {

package.json

 {
   "name": "@gits-id/button",
-  "version": "0.13.17",
+  "version": "0.13.20",
   "description": "GITS Button Component",
@@ -19,5 +19,5 @@ "scripts": {
   "dependencies": {
-    "@gits-id/icon": "^0.13.16",
-    "@gits-id/spinner": "^0.13.16",
-    "@gits-id/theme": "^0.13.16",
+    "@gits-id/icon": "^0.13.20",
+    "@gits-id/spinner": "^0.13.20",
+    "@gits-id/theme": "^0.13.20",
     "@gits-id/utils": "^0.13.0",
@@ -28,3 +28,3 @@ "vue": "^3.2.33",
   "devDependencies": {
-    "@gits-id/tailwind-config": "^0.13.16",
+    "@gits-id/tailwind-config": "^0.13.20",
     "@vitejs/plugin-vue": "^2.2.4",
@@ -55,3 +55,3 @@ "@vue/test-utils": "^2.0.0-rc.17",
   },
-  "gitHead": "ff55a2cfa4f950dd5efe0b4021db9eccbce0f302"
+  "gitHead": "7ea03f4873d31042f5cc51c4d6a29484717965ab"
 }

src/VBtn.stories.ts

@@ -105,2 +105,12 @@ import {Meta, Story} from '@storybook/vue3';
 
+export const Flush = Template.bind({});
+Flush.args = {color: 'primary', flush: true, text: true};
+Flush.parameters = {
+  docs: {
+    source: {
+      code: '<v-btn color="primary" flush text>Button</v-btn>',
+    },
+  },
+};
+
 export const Disabled = Template.bind({});
@@ -107,0 +117,0 @@ Disabled.args = {color: 'primary', disabled: true};

No alert changes

Improved metrics

Total package byte prevSize

49806

1.84%

Lines of code

867

1.64%

Dependency changes

• Updated

  @gits-id/icon@^0.13.20

• Updated

  @gits-id/spinner@^0.13.20

• Updated

  @gits-id/theme@^0.13.20