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

Comparing version 1.9.0 to 1.10.0

CHANGELOG.md

 # @cypress-design/vue-button
 
+## 1.10.0
+
+### Minor Changes
+
+- [#591](https://github.com/cypress-io/cypress-design/pull/591) [`5e64008`](https://github.com/cypress-io/cypress-design/commit/5e640086b16ca03966e86f8a4b9ad371bc1e7287) Thanks [@mabela416](https://github.com/mabela416)! - Add disabled-dark-mode variant
+
 ## 1.9.0
@@ -4,0 +10,0 @@

dist/Button.vue.d.ts

 import { PropType, SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     variant: {
-        type: PropType<NonNullable<"link" | "white" | "disabled" | "outline-indigo" | "outline-purple" | "outline-teal-dark" | "outline-jade-light" | "outline-jade-dark" | "outline-red" | "outline-gray-dark" | "outline-light" | "outline-gray-light" | "outline-orange-dark" | "outline-orange-light" | "outline-disabled" | "indigo-light" | "jade-light" | "jade-dark" | "indigo-dark" | "teal-dark" | "purple-dark" | "red-dark" | "gray-dark" | "gray-darkest" | "outline-red-dark-mode" | "outline-jade-dark-mode" | "outline-indigo-dark-mode" | "outline-dark" | "red-dark-mode" | undefined>>;
-        default: "link" | "white" | "disabled" | "outline-indigo" | "outline-purple" | "outline-teal-dark" | "outline-jade-light" | "outline-jade-dark" | "outline-red" | "outline-gray-dark" | "outline-light" | "outline-gray-light" | "outline-orange-dark" | "outline-orange-light" | "outline-disabled" | "indigo-light" | "jade-light" | "jade-dark" | "indigo-dark" | "teal-dark" | "purple-dark" | "red-dark" | "gray-dark" | "gray-darkest" | "outline-red-dark-mode" | "outline-jade-dark-mode" | "outline-indigo-dark-mode" | "outline-dark" | "red-dark-mode";
+        type: PropType<NonNullable<"link" | "white" | "disabled" | "disabled-dark-mode" | "outline-indigo" | "outline-purple" | "outline-teal-dark" | "outline-jade-light" | "outline-jade-dark" | "outline-red" | "outline-gray-dark" | "outline-light" | "outline-gray-light" | "outline-orange-dark" | "outline-orange-light" | "outline-disabled" | "indigo-light" | "jade-light" | "jade-dark" | "indigo-dark" | "teal-dark" | "purple-dark" | "red-dark" | "gray-dark" | "gray-darkest" | "outline-red-dark-mode" | "outline-jade-dark-mode" | "outline-indigo-dark-mode" | "outline-dark" | "red-dark-mode" | undefined>>;
+        default: "link" | "white" | "disabled" | "disabled-dark-mode" | "outline-indigo" | "outline-purple" | "outline-teal-dark" | "outline-jade-light" | "outline-jade-dark" | "outline-red" | "outline-gray-dark" | "outline-light" | "outline-gray-light" | "outline-orange-dark" | "outline-orange-light" | "outline-disabled" | "indigo-light" | "jade-light" | "jade-dark" | "indigo-dark" | "teal-dark" | "purple-dark" | "red-dark" | "gray-dark" | "gray-darkest" | "outline-red-dark-mode" | "outline-jade-dark-mode" | "outline-indigo-dark-mode" | "outline-dark" | "red-dark-mode";
     };
@@ -35,4 +35,4 @@ size: {
     variant: {
-        type: PropType<NonNullable<"link" | "white" | "disabled" | "outline-indigo" | "outline-purple" | "outline-teal-dark" | "outline-jade-light" | "outline-jade-dark" | "outline-red" | "outline-gray-dark" | "outline-light" | "outline-gray-light" | "outline-orange-dark" | "outline-orange-light" | "outline-disabled" | "indigo-light" | "jade-light" | "jade-dark" | "indigo-dark" | "teal-dark" | "purple-dark" | "red-dark" | "gray-dark" | "gray-darkest" | "outline-red-dark-mode" | "outline-jade-dark-mode" | "outline-indigo-dark-mode" | "outline-dark" | "red-dark-mode" | undefined>>;
-        default: "link" | "white" | "disabled" | "outline-indigo" | "outline-purple" | "outline-teal-dark" | "outline-jade-light" | "outline-jade-dark" | "outline-red" | "outline-gray-dark" | "outline-light" | "outline-gray-light" | "outline-orange-dark" | "outline-orange-light" | "outline-disabled" | "indigo-light" | "jade-light" | "jade-dark" | "indigo-dark" | "teal-dark" | "purple-dark" | "red-dark" | "gray-dark" | "gray-darkest" | "outline-red-dark-mode" | "outline-jade-dark-mode" | "outline-indigo-dark-mode" | "outline-dark" | "red-dark-mode";
+        type: PropType<NonNullable<"link" | "white" | "disabled" | "disabled-dark-mode" | "outline-indigo" | "outline-purple" | "outline-teal-dark" | "outline-jade-light" | "outline-jade-dark" | "outline-red" | "outline-gray-dark" | "outline-light" | "outline-gray-light" | "outline-orange-dark" | "outline-orange-light" | "outline-disabled" | "indigo-light" | "jade-light" | "jade-dark" | "indigo-dark" | "teal-dark" | "purple-dark" | "red-dark" | "gray-dark" | "gray-darkest" | "outline-red-dark-mode" | "outline-jade-dark-mode" | "outline-indigo-dark-mode" | "outline-dark" | "red-dark-mode" | undefined>>;
+        default: "link" | "white" | "disabled" | "disabled-dark-mode" | "outline-indigo" | "outline-purple" | "outline-teal-dark" | "outline-jade-light" | "outline-jade-dark" | "outline-red" | "outline-gray-dark" | "outline-light" | "outline-gray-light" | "outline-orange-dark" | "outline-orange-light" | "outline-disabled" | "indigo-light" | "jade-light" | "jade-dark" | "indigo-dark" | "teal-dark" | "purple-dark" | "red-dark" | "gray-dark" | "gray-darkest" | "outline-red-dark-mode" | "outline-jade-dark-mode" | "outline-indigo-dark-mode" | "outline-dark" | "red-dark-mode";
     };
@@ -61,3 +61,3 @@ size: {
 }, {
-    variant: NonNullable<"link" | "white" | "disabled" | "outline-indigo" | "outline-purple" | "outline-teal-dark" | "outline-jade-light" | "outline-jade-dark" | "outline-red" | "outline-gray-dark" | "outline-light" | "outline-gray-light" | "outline-orange-dark" | "outline-orange-light" | "outline-disabled" | "indigo-light" | "jade-light" | "jade-dark" | "indigo-dark" | "teal-dark" | "purple-dark" | "red-dark" | "gray-dark" | "gray-darkest" | "outline-red-dark-mode" | "outline-jade-dark-mode" | "outline-indigo-dark-mode" | "outline-dark" | "red-dark-mode" | undefined>;
+    variant: NonNullable<"link" | "white" | "disabled" | "disabled-dark-mode" | "outline-indigo" | "outline-purple" | "outline-teal-dark" | "outline-jade-light" | "outline-jade-dark" | "outline-red" | "outline-gray-dark" | "outline-light" | "outline-gray-light" | "outline-orange-dark" | "outline-orange-light" | "outline-disabled" | "indigo-light" | "jade-light" | "jade-dark" | "indigo-dark" | "teal-dark" | "purple-dark" | "red-dark" | "gray-dark" | "gray-darkest" | "outline-red-dark-mode" | "outline-jade-dark-mode" | "outline-indigo-dark-mode" | "outline-dark" | "red-dark-mode" | undefined>;
     disabled: boolean | undefined;
@@ -64,0 +64,0 @@ size: NonNullable<"20" | "24" | "32" | "40" | "48" | undefined>;

dist/index.umd.js

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

package.json

 {
   "name": "@cypress-design/vue-button",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "files": [
@@ -5,0 +5,0 @@ "*"

ReadMe.md

@@ -79,3 +79,4 @@ # Button
           variant === 'outline-indigo-dark-mode' ||
-          variant === 'red-dark-mode',
+          variant === 'red-dark-mode' ||
+          variant === 'disabled-dark-mode',
         'bg-white text-gray-900': ![
@@ -87,2 +88,3 @@ 'outline-dark',
           'red-dark-mode',
+          'disabled-dark-mode',
         ].includes(variant),
@@ -89,0 +91,0 @@ }"

No alert changes

Improved metrics

Total package byte prevSize

88042

1.55%

Lines of code

494

1.23%

Number of lines in readme file

107

1.9%

No dependency changes