@cypress-design/vue-button - npm Package Compare versions

Comparing version 0.11.6 to 0.11.7

CHANGELOG.md

 # @cypress-design/vue-button
 
+## 0.11.7
+
+### Patch Changes
+
+- [#366](https://github.com/cypress-io/cypress-design/pull/366) [`3a48cc3`](https://github.com/cypress-io/cypress-design/commit/3a48cc327666f1a3b067263a24dd13a3ba1f3b1e) Thanks [@ryanjwilke](https://github.com/ryanjwilke)! - add min-height to button css classes
+
+- Updated dependencies [[`3a48cc3`](https://github.com/cypress-io/cypress-design/commit/3a48cc327666f1a3b067263a24dd13a3ba1f3b1e)]:
+  - @cypress-design/constants-button@0.1.4
+
 ## 0.11.6
@@ -4,0 +13,0 @@

dist/index.umd.js

@@ -1,4 +0,4 @@
-(function(s,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(s=typeof globalThis<"u"?globalThis:s||self,o(s.Button={},s.Vue))})(this,function(s,o){"use strict";const n={link:"text-indigo-600 border-transparent ring-transparent hover:underline disabled:text-gray-500 disabled:hocus:shadow-none disabled:no-underline hocus:shadow-transparent focus-visible:ring-gray-100 focus-visible:underline",white:"text-indigo-500 bg-white border-gray-100 hover:border-gray-200 disabled:hocus:shadow-none hocus:shadow-gray-50 disabled:text-gray-500 focus:ring-gray-200",disabled:"text-white bg-gray-500 border-gray-500","outline-indigo":"border-indigo-500 text-indigo-500 disabled:hocus:shadow-none hocus:shadow-indigo-300/[.35] disabled:text-gray-500 focus:ring-indigo-600","outline-purple":"text-purple-500 border-purple-500 disabled:hocus:shadow-none hocus:shadow-purple-100 disabled:text-gray-500 focus:ring-purple-600","outline-gray":"text-gray-1000 border-gray-1000 disabled:hocus:shadow-none hocus:shadow-gray-100 disabled:text-gray-500 focus:ring-gray-1000","outline-light":"text-indigo-500 border-gray-100 hocus:border-gray-200 disabled:border-gray-100 disabled:hocus:shadow-none hocus:shadow-gray-50 disabled:text-gray-500 focus:ring-gray-200","outline-dark":"text-white border-white/20 hocus:border-white/60 disabled:hocus:shadow-none hocus:shadow-white/20 disabled:border-white/20 disabled:hover:border-white/20 disabled:text-white/50 focus:ring-gray-200","indigo-light":"text-indigo-500 bg-indigo-50 border-indigo-50 hocus:border-indigo-200 disabled:hocus:shadow-none hocus:shadow-indigo-50 focus:ring-transparent","jade-light":"text-teal-600 bg-jade-200 border-transparent hocus:border-jade-300 disabled:hocus:shadow-none hocus:shadow-jade-50 focus:ring-transparent","jade-dark":"text-white bg-jade-500 border-jade-500 disabled:hocus:shadow-none hocus:shadow-jade-100 focus:ring-transparent focus:border-jade-600 focus:bg-jade-600","indigo-dark":"text-white bg-indigo-500 border-indigo-500 disabled:hocus:shadow-none hocus:shadow-indigo-100 focus:bg-indigo-600 focus:border-indigo-600 focus:ring-transparent","teal-dark":"text-white bg-teal-500 border-teal-500 disabled:hocus:shadow-none hocus:shadow-teal-100 focus:bg-teal-600 focus:bg-teal-600 focus:border-teal-600 focus:ring-transparent","purple-dark":"text-white bg-purple-500 border-purple-500 disabled:hocus:shadow-none hocus:shadow-purple-100 focus:bg-purple-600 focus:border-purple-600 focus:ring-transparent","red-dark":"text-white bg-red-500 border-red-500 disabled:hocus:shadow-none hocus:shadow-red-100 focus:bg-red-600 focus:border-red-600 focus:ring-transparent","gray-dark":"text-white bg-gray-800 border-gray-800 disabled:hocus:shadow-none hocus:shadow-gray-100 focus:bg-gray-900 focus:border-gray-900 focus:ring-transparent","gray-darkest":"text-white bg-gray-1000 border-gray-1000 disabled:hocus:shadow-none hocus:shadow-gray-100 focus:bg-gray-900 focus:border-gray-900 focus:ring-transparent"},c="indigo-dark",l={20:"px-[4px] py-0 text-[14px] leading-[20px]",24:"px-[8px] py-[2px] text-[14px] leading-[20px]",32:"px-[12px] py-[6px] text-[14px] leading-[20px]",40:"px-[16px] py-[8px] text-[16px] leading-[24px]",48:"px-[20px] py-[12px] text-[16px] leading-[24px]"},g="40",b="border border-solid rounded rounded-[4px] flex cy-button-width font-medium items-center transition duration-150 hover:shadow-ring-hover focus:shadow-ring-focus active:shadow-ring-focus disabled:cursor-not-allowed focus-visible:ring-1 focus-visible:ring-offset-0 focus-visible:outline-none",h=o.defineComponent({emits:{click(e){return!!e}},props:{variant:{type:String,default:c},size:{type:String,default:g},disabled:{type:Boolean,default:!1},href:{type:String},type:{type:String,default:"button"}},setup(e){const d=o.computed(()=>e.disabled&&!["outline-dark","outline-light","link"].includes(e.variant)?"disabled":e.variant),a=o.computed(()=>e.disabled||e.variant==="disabled"),r=o.computed(()=>n[d.value]),t=o.computed(()=>l[e.size]),u=o.computed(()=>[b,r.value,t.value]);return{href:o.computed(()=>e.href),type:o.computed(()=>e.type),finalDisabled:a,allClasses:u}}}),p=(e,d)=>{const a=e.__vccOpts||e;for(const[r,t]of d)a[r]=t;return a},f=["href","aria-disabled"],y=["disabled","type"];function w(e,d,a,r,t,u){return e.href?(o.openBlock(),o.createElementBlock("a",{key:0,href:e.href,class:o.normalizeClass(e.allClasses),"aria-disabled":e.finalDisabled?"true":void 0,onClick:d[0]||(d[0]=i=>e.$emit("click",i))},[o.renderSlot(e.$slots,"default")],10,f)):(o.openBlock(),o.createElementBlock("button",{key:1,class:o.normalizeClass(e.allClasses),disabled:e.finalDisabled,type:e.type,onClick:d[1]||(d[1]=i=>e.$emit("click",i))},[o.renderSlot(e.$slots,"default")],10,y))}const x=p(h,[["render",w]]);s.SizeClassesTable=l,s.VariantClassesTable=n,s.default=x,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(s,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(s=typeof globalThis<"u"?globalThis:s||self,o(s.Button={},s.Vue))})(this,function(s,o){"use strict";const n={link:"text-indigo-600 border-transparent ring-transparent hover:underline disabled:text-gray-500 disabled:hocus:shadow-none disabled:no-underline hocus:shadow-transparent focus-visible:ring-gray-100 focus-visible:underline",white:"text-indigo-500 bg-white border-gray-100 hover:border-gray-200 disabled:hocus:shadow-none hocus:shadow-gray-50 disabled:text-gray-500 focus:ring-gray-200",disabled:"text-white bg-gray-500 border-gray-500","outline-indigo":"border-indigo-500 text-indigo-500 disabled:hocus:shadow-none hocus:shadow-indigo-300/[.35] disabled:text-gray-500 focus:ring-indigo-600","outline-purple":"text-purple-500 border-purple-500 disabled:hocus:shadow-none hocus:shadow-purple-100 disabled:text-gray-500 focus:ring-purple-600","outline-gray":"text-gray-1000 border-gray-1000 disabled:hocus:shadow-none hocus:shadow-gray-100 disabled:text-gray-500 focus:ring-gray-1000","outline-light":"text-indigo-500 border-gray-100 hocus:border-gray-200 disabled:border-gray-100 disabled:hocus:shadow-none hocus:shadow-gray-50 disabled:text-gray-500 focus:ring-gray-200","outline-dark":"text-white border-white/20 hocus:border-white/60 disabled:hocus:shadow-none hocus:shadow-white/20 disabled:border-white/20 disabled:hover:border-white/20 disabled:text-white/50 focus:ring-gray-200","indigo-light":"text-indigo-500 bg-indigo-50 border-indigo-50 hocus:border-indigo-200 disabled:hocus:shadow-none hocus:shadow-indigo-50 focus:ring-transparent","jade-light":"text-teal-600 bg-jade-200 border-transparent hocus:border-jade-300 disabled:hocus:shadow-none hocus:shadow-jade-50 focus:ring-transparent","jade-dark":"text-white bg-jade-500 border-jade-500 disabled:hocus:shadow-none hocus:shadow-jade-100 focus:ring-transparent focus:border-jade-600 focus:bg-jade-600","indigo-dark":"text-white bg-indigo-500 border-indigo-500 disabled:hocus:shadow-none hocus:shadow-indigo-100 focus:bg-indigo-600 focus:border-indigo-600 focus:ring-transparent","teal-dark":"text-white bg-teal-500 border-teal-500 disabled:hocus:shadow-none hocus:shadow-teal-100 focus:bg-teal-600 focus:bg-teal-600 focus:border-teal-600 focus:ring-transparent","purple-dark":"text-white bg-purple-500 border-purple-500 disabled:hocus:shadow-none hocus:shadow-purple-100 focus:bg-purple-600 focus:border-purple-600 focus:ring-transparent","red-dark":"text-white bg-red-500 border-red-500 disabled:hocus:shadow-none hocus:shadow-red-100 focus:bg-red-600 focus:border-red-600 focus:ring-transparent","gray-dark":"text-white bg-gray-800 border-gray-800 disabled:hocus:shadow-none hocus:shadow-gray-100 focus:bg-gray-900 focus:border-gray-900 focus:ring-transparent","gray-darkest":"text-white bg-gray-1000 border-gray-1000 disabled:hocus:shadow-none hocus:shadow-gray-100 focus:bg-gray-900 focus:border-gray-900 focus:ring-transparent"},c="indigo-dark",l={20:"px-[4px] py-0 text-[14px] leading-[20px] min-h-[20px]",24:"px-[8px] py-[2px] text-[14px] leading-[20px] min-h-[24px]",32:"px-[12px] py-[6px] text-[14px] leading-[20px] min-h-[32px]",40:"px-[16px] py-[8px] text-[16px] leading-[24px] min-h-[40px]",48:"px-[20px] py-[12px] text-[16px] leading-[24px] min-h-[48px]"},g="40",h="border border-solid rounded rounded-[4px] flex cy-button-width font-medium items-center transition duration-150 hover:shadow-ring-hover focus:shadow-ring-focus active:shadow-ring-focus disabled:cursor-not-allowed focus-visible:ring-1 focus-visible:ring-offset-0 focus-visible:outline-none",b=o.defineComponent({emits:{click(e){return!!e}},props:{variant:{type:String,default:c},size:{type:String,default:g},disabled:{type:Boolean,default:!1},href:{type:String},type:{type:String,default:"button"}},setup(e){const d=o.computed(()=>e.disabled&&!["outline-dark","outline-light","link"].includes(e.variant)?"disabled":e.variant),a=o.computed(()=>e.disabled||e.variant==="disabled"),r=o.computed(()=>n[d.value]),t=o.computed(()=>l[e.size]),u=o.computed(()=>[h,r.value,t.value]);return{href:o.computed(()=>e.href),type:o.computed(()=>e.type),finalDisabled:a,allClasses:u}}}),p=(e,d)=>{const a=e.__vccOpts||e;for(const[r,t]of d)a[r]=t;return a},f=["href","aria-disabled"],y=["disabled","type"];function w(e,d,a,r,t,u){return e.href?(o.openBlock(),o.createElementBlock("a",{key:0,href:e.href,class:o.normalizeClass(e.allClasses),"aria-disabled":e.finalDisabled?"true":void 0,onClick:d[0]||(d[0]=i=>e.$emit("click",i))},[o.renderSlot(e.$slots,"default")],10,f)):(o.openBlock(),o.createElementBlock("button",{key:1,class:o.normalizeClass(e.allClasses),disabled:e.finalDisabled,type:e.type,onClick:d[1]||(d[1]=i=>e.$emit("click",i))},[o.renderSlot(e.$slots,"default")],10,y))}const x=p(b,[["render",w]]);s.SizeClassesTable=l,s.VariantClassesTable=n,s.default=x,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
 //# sourceMappingURL=index.umd.js.map
 
-/* <wind-keep class="text-indigo-600 border-transparent ring-transparent hover:underline disabled:text-gray-500 disabled:hocus:shadow-none disabled:no-underline hocus:shadow-transparent focus-visible:ring-gray-100 focus-visible:underline text-indigo-500 bg-white border-gray-100 hover:border-gray-200 hocus:shadow-gray-50 focus:ring-gray-200 text-white bg-gray-500 border-gray-500 outline border-indigo-500 hocus:shadow-indigo-300/[.35] focus:ring-indigo-600 text-purple-500 border-purple-500 hocus:shadow-purple-100 focus:ring-purple-600 text-gray-1000 border-gray-1000 hocus:shadow-gray-100 focus:ring-gray-1000 hocus:border-gray-200 disabled:border-gray-100 border-white/20 hocus:border-white/60 hocus:shadow-white/20 disabled:border-white/20 disabled:hover:border-white/20 disabled:text-white/50 bg-indigo-50 border-indigo-50 hocus:border-indigo-200 hocus:shadow-indigo-50 focus:ring-transparent text-teal-600 bg-jade-200 hocus:border-jade-300 hocus:shadow-jade-50 bg-jade-500 border-jade-500 hocus:shadow-jade-100 focus:border-jade-600 focus:bg-jade-600 bg-indigo-500 hocus:shadow-indigo-100 focus:bg-indigo-600 focus:border-indigo-600 bg-teal-500 border-teal-500 hocus:shadow-teal-100 focus:bg-teal-600 focus:border-teal-600 bg-purple-500 focus:bg-purple-600 focus:border-purple-600 bg-red-500 border-red-500 hocus:shadow-red-100 focus:bg-red-600 focus:border-red-600 bg-gray-800 border-gray-800 focus:bg-gray-900 focus:border-gray-900 bg-gray-1000 px-[4px] py-0 text-[14px] leading-[20px] px-[8px] py-[2px] px-[12px] py-[6px] px-[16px] py-[8px] text-[16px] leading-[24px] px-[20px] py-[12px] border border-solid rounded rounded-[4px] flex cy-button-width font-medium items-center transition duration-150 hover:shadow-ring-hover focus:shadow-ring-focus active:shadow-ring-focus disabled:cursor-not-allowed focus-visible:ring-1 focus-visible:ring-offset-0 focus-visible:outline-none"> */
+/* <wind-keep class="text-indigo-600 border-transparent ring-transparent hover:underline disabled:text-gray-500 disabled:hocus:shadow-none disabled:no-underline hocus:shadow-transparent focus-visible:ring-gray-100 focus-visible:underline text-indigo-500 bg-white border-gray-100 hover:border-gray-200 hocus:shadow-gray-50 focus:ring-gray-200 text-white bg-gray-500 border-gray-500 outline border-indigo-500 hocus:shadow-indigo-300/[.35] focus:ring-indigo-600 text-purple-500 border-purple-500 hocus:shadow-purple-100 focus:ring-purple-600 text-gray-1000 border-gray-1000 hocus:shadow-gray-100 focus:ring-gray-1000 hocus:border-gray-200 disabled:border-gray-100 border-white/20 hocus:border-white/60 hocus:shadow-white/20 disabled:border-white/20 disabled:hover:border-white/20 disabled:text-white/50 bg-indigo-50 border-indigo-50 hocus:border-indigo-200 hocus:shadow-indigo-50 focus:ring-transparent text-teal-600 bg-jade-200 hocus:border-jade-300 hocus:shadow-jade-50 bg-jade-500 border-jade-500 hocus:shadow-jade-100 focus:border-jade-600 focus:bg-jade-600 bg-indigo-500 hocus:shadow-indigo-100 focus:bg-indigo-600 focus:border-indigo-600 bg-teal-500 border-teal-500 hocus:shadow-teal-100 focus:bg-teal-600 focus:border-teal-600 bg-purple-500 focus:bg-purple-600 focus:border-purple-600 bg-red-500 border-red-500 hocus:shadow-red-100 focus:bg-red-600 focus:border-red-600 bg-gray-800 border-gray-800 focus:bg-gray-900 focus:border-gray-900 bg-gray-1000 px-[4px] py-0 text-[14px] leading-[20px] min-h-[20px] px-[8px] py-[2px] min-h-[24px] px-[12px] py-[6px] min-h-[32px] px-[16px] py-[8px] text-[16px] leading-[24px] min-h-[40px] px-[20px] py-[12px] min-h-[48px] border border-solid rounded rounded-[4px] flex cy-button-width font-medium items-center transition duration-150 hover:shadow-ring-hover focus:shadow-ring-focus active:shadow-ring-focus disabled:cursor-not-allowed focus-visible:ring-1 focus-visible:ring-offset-0 focus-visible:outline-none"> */

package.json

 {
   "name": "@cypress-design/vue-button",
-  "version": "0.11.6",
+  "version": "0.11.7",
   "files": [
@@ -23,3 +23,3 @@ "*"
   "dependencies": {
-    "@cypress-design/constants-button": "^0.1.3"
+    "@cypress-design/constants-button": "^0.1.4"
   },
@@ -26,0 +26,0 @@ "devDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

55191

1.58%

Lines of code

374

0.81%

Dependency changes

• Updated

  @cypress-design/constants-button@^0.1.4