@davincihealthcare/elty-design-system-vue 2.7.2 → 2.8.0

package/dist/ElIcon.vue.cjs2.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),i=require("./node_modules/@heroicons/vue/24/outline/esm/index.cjs.js"),d=require("./node_modules/@heroicons/vue/24/solid/esm/index.cjs.js"),l=["pink","yellow","orange","cyan","rose","green","brand-blue","brand-green","red","purple","indigo"],m=n.defineComponent({__name:"ElIcon",props:{name:{},solid:{type:Boolean},disabled:{type:Boolean}},setup(a){const o=a;function r(e){return l.includes(e)}const s=n.computed(()=>r(o.name)),u=n.computed(()=>{if(!r(o.name))return o.solid?d[o.name]:i[o.name]});return(e,t)=>s.value?(n.openBlock(),n.createElementBlock("div",{key:0,class:n.normalizeClass(["h-4 w-4 rounded-full",{"bg-yellow-500":e.name==="yellow","bg-orange-500":e.name==="orange","bg-cyan-500":e.name==="cyan","bg-rose-500":e.name==="rose","bg-green-500":e.name==="green","bg-brandBlue-500":e.name==="brand-blue","bg-brandGreen-500":e.name==="brand-green","bg-red-500":e.name==="red","bg-purple-500":e.name==="purple","bg-indigo-500":e.name==="indigo"}])},null,2)):(n.openBlock(),n.createBlock(n.resolveDynamicComponent(u.value),{key:1}))}});exports.default=m;exports.elIconColors=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),u=require("./node_modules/@heroicons/vue/24/outline/esm/index.cjs.js"),i=require("./node_modules/@heroicons/vue/24/solid/esm/index.cjs.js"),l=["pink","yellow","orange","cyan","rose","green","brand-blue","brand-green","red","purple","indigo"],t=n.defineComponent({__name:"ElIcon",props:{name:{},color:{},solid:{type:Boolean},disabled:{type:Boolean}},setup(a){const o=a,s=n.computed(()=>r(o.name));function r(e){return l.includes(e)}const d=n.computed(()=>{if(!r(o.name))return o.solid?i[o.name]:u[o.name]});return(e,g)=>s.value?(n.openBlock(),n.createElementBlock("div",{key:0,class:n.normalizeClass(["h-4 w-4 rounded-full",{"bg-yellow-500":e.name==="yellow","bg-orange-500":e.name==="orange","bg-cyan-500":e.name==="cyan","bg-rose-500":e.name==="rose","bg-green-500":e.name==="green","bg-brandBlue-500":e.name==="brand-blue","bg-brandGreen-500":e.name==="brand-green","bg-red-500":e.name==="red","bg-purple-500":e.name==="purple","bg-indigo-500":e.name==="indigo"}])},null,2)):(n.openBlock(),n.createBlock(n.resolveDynamicComponent(d.value),{key:1,class:n.normalizeClass({"text-yellow-500":e.color==="yellow","text-orange-500":e.color==="orange","text-cyan-500":e.color==="cyan","text-rose-500":e.color==="rose","text-green-500":e.color==="green","text-brandBlue-500":e.color==="brand-blue","text-brandGreen-500":e.color==="brand-green","text-red-500":e.color==="red","text-purple-500":e.color==="purple","text-indigo-500":e.color==="indigo"})},null,8,["class"]))}});exports.default=t;exports.elIconColors=l;
 //# sourceMappingURL=ElIcon.vue.cjs2.js.map

package/dist/ElIcon.vue.cjs2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElIcon.vue.cjs2.js","sources":["../src/ElIcon.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elIconColors = [\n  'pink',\n  'yellow',\n  'orange',\n  'cyan',\n  'rose',\n  'green',\n  'brand-blue',\n  'brand-green',\n  'red',\n  'purple',\n  'indigo',\n] as const;\ntype ElIconColors = (typeof elIconColors)[number];\nexport type IconNames = keyof typeof outlineIcons | ElIconColors;\nexport type ElIconProps = {\n  name: IconNames;\n  solid?: boolean;\n  cursorPointer?: boolean;\n  disabled?: boolean;\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport * as outlineIcons from '@heroicons/vue/24/outline';\nimport * as solidIcons from '@heroicons/vue/24/solid';\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  name: IconNames;\n  solid?: boolean;\n  disabled?: boolean;\n}>();\n\nfunction isElIconColor(color: string): color is ElIconColors {\n  return elIconColors.includes(color as ElIconColors);\n}\n\nconst isColorDot = computed(() => isElIconColor(props.name));\nconst iconComponent = computed(() => {\n  if (isElIconColor(props.name)) return;\n  return props.solid ? solidIcons[props.name] : outlineIcons[props.name];\n});\n</script>\n\n<template>\n  <div\n    v-if=\"isColorDot\"\n    class=\"h-4 w-4 rounded-full\"\n    :class=\"{\n      'bg-yellow-500': name === 'yellow',\n      'bg-orange-500': name === 'orange',\n      'bg-cyan-500': name === 'cyan',\n      'bg-rose-500': name === 'rose',\n      'bg-green-500': name === 'green',\n      'bg-brandBlue-500': name === 'brand-blue',\n      'bg-brandGreen-500': name === 'brand-green',\n      'bg-red-500': name === 'red',\n      'bg-purple-500': name === 'purple',\n      'bg-indigo-500': name === 'indigo',\n    }\"\n  ></div>\n  <component :is=\"iconComponent\" v-else />\n</template>\n"],"names":["elIconColors","props","__props","isElIconColor","color","isColorDot","computed","iconComponent","solidIcons","outlineIcons"],"mappings":"+QACaA,EAAe,CAC1B,OACA,SACA,SACA,OACA,OACA,QACA,aACA,cACA,MACA,SACA,QACF,6GAgBA,MAAMC,EAAQC,EAMd,SAASC,EAAcC,EAAsC,CACpD,OAAAJ,EAAa,SAASI,CAAqB,CACpD,CAEA,MAAMC,EAAaC,EAAAA,SAAS,IAAMH,EAAcF,EAAM,IAAI,CAAC,EACrDM,EAAgBD,EAAAA,SAAS,IAAM,CAC/B,GAAA,CAAAH,EAAcF,EAAM,IAAI,EACrB,OAAAA,EAAM,MAAQO,EAAWP,EAAM,IAAI,EAAIQ,EAAaR,EAAM,IAAI,CAAA,CACtE"}
+{"version":3,"file":"ElIcon.vue.cjs2.js","sources":["../src/ElIcon.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elIconColors = [\n  'pink',\n  'yellow',\n  'orange',\n  'cyan',\n  'rose',\n  'green',\n  'brand-blue',\n  'brand-green',\n  'red',\n  'purple',\n  'indigo',\n] as const;\ntype ElIconColors = (typeof elIconColors)[number];\nexport type IconNames = keyof typeof outlineIcons | ElIconColors;\nexport type ElIconProps = {\n  name: IconNames;\n  color?: ElIconColors;\n  solid?: boolean;\n  cursorPointer?: boolean;\n  disabled?: boolean;\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport * as outlineIcons from '@heroicons/vue/24/outline';\nimport * as solidIcons from '@heroicons/vue/24/solid';\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  name: IconNames;\n  color?: ElIconColors;\n  solid?: boolean;\n  disabled?: boolean;\n}>();\n\n// Deprecated: this stuff is a mess, don't pass color as the name\nconst isColorDot = computed(() => isElIconColor(props.name));\nfunction isElIconColor(color: string): color is ElIconColors {\n  return elIconColors.includes(color as ElIconColors);\n}\n\nconst iconComponent = computed(() => {\n  if (isElIconColor(props.name)) return;\n  return props.solid ? solidIcons[props.name] : outlineIcons[props.name];\n});\n</script>\n\n<template>\n  <div\n    v-if=\"isColorDot\"\n    class=\"h-4 w-4 rounded-full\"\n    :class=\"{\n      'bg-yellow-500': name === 'yellow',\n      'bg-orange-500': name === 'orange',\n      'bg-cyan-500': name === 'cyan',\n      'bg-rose-500': name === 'rose',\n      'bg-green-500': name === 'green',\n      'bg-brandBlue-500': name === 'brand-blue',\n      'bg-brandGreen-500': name === 'brand-green',\n      'bg-red-500': name === 'red',\n      'bg-purple-500': name === 'purple',\n      'bg-indigo-500': name === 'indigo',\n    }\"\n  ></div>\n  <component\n    :is=\"iconComponent\"\n    v-else\n    :class=\"{\n      'text-yellow-500': color === 'yellow',\n      'text-orange-500': color === 'orange',\n      'text-cyan-500': color === 'cyan',\n      'text-rose-500': color === 'rose',\n      'text-green-500': color === 'green',\n      'text-brandBlue-500': color === 'brand-blue',\n      'text-brandGreen-500': color === 'brand-green',\n      'text-red-500': color === 'red',\n      'text-purple-500': color === 'purple',\n      'text-indigo-500': color === 'indigo',\n    }\"\n  />\n</template>\n"],"names":["elIconColors","props","__props","isColorDot","computed","isElIconColor","color","iconComponent","solidIcons","outlineIcons"],"mappings":"+QACaA,EAAe,CAC1B,OACA,SACA,SACA,OACA,OACA,QACA,aACA,cACA,MACA,SACA,QACF,sHAiBA,MAAMC,EAAQC,EAQRC,EAAaC,EAAAA,SAAS,IAAMC,EAAcJ,EAAM,IAAI,CAAC,EAC3D,SAASI,EAAcC,EAAsC,CACpD,OAAAN,EAAa,SAASM,CAAqB,CACpD,CAEM,MAAAC,EAAgBH,EAAAA,SAAS,IAAM,CAC/B,GAAA,CAAAC,EAAcJ,EAAM,IAAI,EACrB,OAAAA,EAAM,MAAQO,EAAWP,EAAM,IAAI,EAAIQ,EAAaR,EAAM,IAAI,CAAA,CACtE"}

package/dist/ElIcon.vue.d.ts

@@ -4,16 +4,19 @@ type ElIconColors = (typeof elIconColors)[number];
 export type IconNames = keyof typeof outlineIcons | ElIconColors;
 export type ElIconProps = {
     name: IconNames;
+    color?: ElIconColors;
     solid?: boolean;
     cursorPointer?: boolean;
     disabled?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
     name: IconNames;
+    color?: ElIconColors;
     solid?: boolean;
     disabled?: boolean;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     name: IconNames;
+    color?: ElIconColors;
     solid?: boolean;
     disabled?: boolean;
 }>>>, {}, {}>;

package/dist/ElIcon.vue.esm2.js

@@ -1,2 +1,2 @@
-import{defineComponent as i,computed as r,openBlock as a,createElementBlock as d,normalizeClass as p,createBlock as g,resolveDynamicComponent as u}from"vue";import*as b from"./node_modules/@heroicons/vue/24/outline/esm/index.esm.js";import*as t from"./node_modules/@heroicons/vue/24/solid/esm/index.esm.js";const c=["pink","yellow","orange","cyan","rose","green","brand-blue","brand-green","red","purple","indigo"],C=i({__name:"ElIcon",props:{name:{},solid:{type:Boolean},disabled:{type:Boolean}},setup(l){const n=l;function o(e){return c.includes(e)}const m=r(()=>o(n.name)),s=r(()=>{if(!o(n.name))return n.solid?t[n.name]:b[n.name]});return(e,y)=>m.value?(a(),d("div",{key:0,class:p(["h-4 w-4 rounded-full",{"bg-yellow-500":e.name==="yellow","bg-orange-500":e.name==="orange","bg-cyan-500":e.name==="cyan","bg-rose-500":e.name==="rose","bg-green-500":e.name==="green","bg-brandBlue-500":e.name==="brand-blue","bg-brandGreen-500":e.name==="brand-green","bg-red-500":e.name==="red","bg-purple-500":e.name==="purple","bg-indigo-500":e.name==="indigo"}])},null,2)):(a(),g(u(s.value),{key:1}))}});export{C as default,c as elIconColors};
+import{defineComponent as m,computed as r,openBlock as l,createElementBlock as g,normalizeClass as a,createBlock as t,resolveDynamicComponent as p}from"vue";import*as u from"./node_modules/@heroicons/vue/24/outline/esm/index.esm.js";import*as b from"./node_modules/@heroicons/vue/24/solid/esm/index.esm.js";const c=["pink","yellow","orange","cyan","rose","green","brand-blue","brand-green","red","purple","indigo"],B=m({__name:"ElIcon",props:{name:{},color:{},solid:{type:Boolean},disabled:{type:Boolean}},setup(d){const n=d,s=r(()=>o(n.name));function o(e){return c.includes(e)}const i=r(()=>{if(!o(n.name))return n.solid?b[n.name]:u[n.name]});return(e,y)=>s.value?(l(),g("div",{key:0,class:a(["h-4 w-4 rounded-full",{"bg-yellow-500":e.name==="yellow","bg-orange-500":e.name==="orange","bg-cyan-500":e.name==="cyan","bg-rose-500":e.name==="rose","bg-green-500":e.name==="green","bg-brandBlue-500":e.name==="brand-blue","bg-brandGreen-500":e.name==="brand-green","bg-red-500":e.name==="red","bg-purple-500":e.name==="purple","bg-indigo-500":e.name==="indigo"}])},null,2)):(l(),t(p(i.value),{key:1,class:a({"text-yellow-500":e.color==="yellow","text-orange-500":e.color==="orange","text-cyan-500":e.color==="cyan","text-rose-500":e.color==="rose","text-green-500":e.color==="green","text-brandBlue-500":e.color==="brand-blue","text-brandGreen-500":e.color==="brand-green","text-red-500":e.color==="red","text-purple-500":e.color==="purple","text-indigo-500":e.color==="indigo"})},null,8,["class"]))}});export{B as default,c as elIconColors};
 //# sourceMappingURL=ElIcon.vue.esm2.js.map

package/dist/ElIcon.vue.esm2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElIcon.vue.esm2.js","sources":["../src/ElIcon.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elIconColors = [\n  'pink',\n  'yellow',\n  'orange',\n  'cyan',\n  'rose',\n  'green',\n  'brand-blue',\n  'brand-green',\n  'red',\n  'purple',\n  'indigo',\n] as const;\ntype ElIconColors = (typeof elIconColors)[number];\nexport type IconNames = keyof typeof outlineIcons | ElIconColors;\nexport type ElIconProps = {\n  name: IconNames;\n  solid?: boolean;\n  cursorPointer?: boolean;\n  disabled?: boolean;\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport * as outlineIcons from '@heroicons/vue/24/outline';\nimport * as solidIcons from '@heroicons/vue/24/solid';\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  name: IconNames;\n  solid?: boolean;\n  disabled?: boolean;\n}>();\n\nfunction isElIconColor(color: string): color is ElIconColors {\n  return elIconColors.includes(color as ElIconColors);\n}\n\nconst isColorDot = computed(() => isElIconColor(props.name));\nconst iconComponent = computed(() => {\n  if (isElIconColor(props.name)) return;\n  return props.solid ? solidIcons[props.name] : outlineIcons[props.name];\n});\n</script>\n\n<template>\n  <div\n    v-if=\"isColorDot\"\n    class=\"h-4 w-4 rounded-full\"\n    :class=\"{\n      'bg-yellow-500': name === 'yellow',\n      'bg-orange-500': name === 'orange',\n      'bg-cyan-500': name === 'cyan',\n      'bg-rose-500': name === 'rose',\n      'bg-green-500': name === 'green',\n      'bg-brandBlue-500': name === 'brand-blue',\n      'bg-brandGreen-500': name === 'brand-green',\n      'bg-red-500': name === 'red',\n      'bg-purple-500': name === 'purple',\n      'bg-indigo-500': name === 'indigo',\n    }\"\n  ></div>\n  <component :is=\"iconComponent\" v-else />\n</template>\n"],"names":["elIconColors","props","__props","isElIconColor","color","isColorDot","computed","iconComponent","solidIcons","outlineIcons"],"mappings":"mTACO,MAAMA,EAAe,CAC1B,OACA,SACA,SACA,OACA,OACA,QACA,aACA,cACA,MACA,SACA,QACF,6FAgBA,MAAMC,EAAQC,EAMd,SAASC,EAAcC,EAAsC,CACpD,OAAAJ,EAAa,SAASI,CAAqB,CACpD,CAEA,MAAMC,EAAaC,EAAS,IAAMH,EAAcF,EAAM,IAAI,CAAC,EACrDM,EAAgBD,EAAS,IAAM,CAC/B,GAAA,CAAAH,EAAcF,EAAM,IAAI,EACrB,OAAAA,EAAM,MAAQO,EAAWP,EAAM,IAAI,EAAIQ,EAAaR,EAAM,IAAI,CAAA,CACtE"}
+{"version":3,"file":"ElIcon.vue.esm2.js","sources":["../src/ElIcon.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elIconColors = [\n  'pink',\n  'yellow',\n  'orange',\n  'cyan',\n  'rose',\n  'green',\n  'brand-blue',\n  'brand-green',\n  'red',\n  'purple',\n  'indigo',\n] as const;\ntype ElIconColors = (typeof elIconColors)[number];\nexport type IconNames = keyof typeof outlineIcons | ElIconColors;\nexport type ElIconProps = {\n  name: IconNames;\n  color?: ElIconColors;\n  solid?: boolean;\n  cursorPointer?: boolean;\n  disabled?: boolean;\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport * as outlineIcons from '@heroicons/vue/24/outline';\nimport * as solidIcons from '@heroicons/vue/24/solid';\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  name: IconNames;\n  color?: ElIconColors;\n  solid?: boolean;\n  disabled?: boolean;\n}>();\n\n// Deprecated: this stuff is a mess, don't pass color as the name\nconst isColorDot = computed(() => isElIconColor(props.name));\nfunction isElIconColor(color: string): color is ElIconColors {\n  return elIconColors.includes(color as ElIconColors);\n}\n\nconst iconComponent = computed(() => {\n  if (isElIconColor(props.name)) return;\n  return props.solid ? solidIcons[props.name] : outlineIcons[props.name];\n});\n</script>\n\n<template>\n  <div\n    v-if=\"isColorDot\"\n    class=\"h-4 w-4 rounded-full\"\n    :class=\"{\n      'bg-yellow-500': name === 'yellow',\n      'bg-orange-500': name === 'orange',\n      'bg-cyan-500': name === 'cyan',\n      'bg-rose-500': name === 'rose',\n      'bg-green-500': name === 'green',\n      'bg-brandBlue-500': name === 'brand-blue',\n      'bg-brandGreen-500': name === 'brand-green',\n      'bg-red-500': name === 'red',\n      'bg-purple-500': name === 'purple',\n      'bg-indigo-500': name === 'indigo',\n    }\"\n  ></div>\n  <component\n    :is=\"iconComponent\"\n    v-else\n    :class=\"{\n      'text-yellow-500': color === 'yellow',\n      'text-orange-500': color === 'orange',\n      'text-cyan-500': color === 'cyan',\n      'text-rose-500': color === 'rose',\n      'text-green-500': color === 'green',\n      'text-brandBlue-500': color === 'brand-blue',\n      'text-brandGreen-500': color === 'brand-green',\n      'text-red-500': color === 'red',\n      'text-purple-500': color === 'purple',\n      'text-indigo-500': color === 'indigo',\n    }\"\n  />\n</template>\n"],"names":["elIconColors","props","__props","isColorDot","computed","isElIconColor","color","iconComponent","solidIcons","outlineIcons"],"mappings":"mTACO,MAAMA,EAAe,CAC1B,OACA,SACA,SACA,OACA,OACA,QACA,aACA,cACA,MACA,SACA,QACF,sGAiBA,MAAMC,EAAQC,EAQRC,EAAaC,EAAS,IAAMC,EAAcJ,EAAM,IAAI,CAAC,EAC3D,SAASI,EAAcC,EAAsC,CACpD,OAAAN,EAAa,SAASM,CAAqB,CACpD,CAEM,MAAAC,EAAgBH,EAAS,IAAM,CAC/B,GAAA,CAAAC,EAAcJ,EAAM,IAAI,EACrB,OAAAA,EAAM,MAAQO,EAAWP,EAAM,IAAI,EAAIQ,EAAaR,EAAM,IAAI,CAAA,CACtE"}

package/dist/ElInlineBanner.vue.d.ts

@@ -31,6 +31,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     title: string;
     icon: Omit<{
         readonly name: import('./ElIcon.vue').IconNames;
+        readonly color?: ("pink" | "yellow" | "orange" | "cyan" | "rose" | "green" | "brand-blue" | "brand-green" | "red" | "purple" | "indigo") | undefined;
         readonly solid?: boolean | undefined;
         readonly disabled?: boolean | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
@@ -38,6 +39,9 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
             type: import('vue').PropType<import('./ElIcon.vue').IconNames>;
             required: true;
         };
+        color: {
+            type: import('vue').PropType<"pink" | "yellow" | "orange" | "cyan" | "rose" | "green" | "brand-blue" | "brand-green" | "red" | "purple" | "indigo">;
+        };
         solid: {
             type: import('vue').PropType<boolean>;
         };

package/dist/ElItem.vue.d.ts

@@ -40,8 +40,8 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>>, {
     text: string;
     avatar: AvatarParameters;
-    disabled: boolean;
     color: "primary" | "secondary";
+    disabled: boolean;
     leadingIcon: ElIconProps;
     focused: boolean;
     semiboldText: string;

package/dist/ElModal.vue.d.ts

@@ -46,6 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     headerIcon: {
         type: import('vue').PropType<Partial<{}> & Omit<{
             readonly name: import('./ElIcon.vue').IconNames;
+            readonly color?: ("pink" | "yellow" | "orange" | "cyan" | "rose" | "green" | "brand-blue" | "brand-green" | "red" | "purple" | "indigo") | undefined;
             readonly solid?: boolean | undefined;
             readonly disabled?: boolean | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
@@ -53,6 +54,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
                 type: import('vue').PropType<import('./ElIcon.vue').IconNames>;
                 required: true;
             };
+            color: {
+                type: import('vue').PropType<"pink" | "yellow" | "orange" | "cyan" | "rose" | "green" | "brand-blue" | "brand-green" | "red" | "purple" | "indigo">;
+            };
             solid: {
                 type: import('vue').PropType<boolean>;
             };
@@ -323,6 +327,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     headerIcon: {
         type: import('vue').PropType<Partial<{}> & Omit<{
             readonly name: import('./ElIcon.vue').IconNames;
+            readonly color?: ("pink" | "yellow" | "orange" | "cyan" | "rose" | "green" | "brand-blue" | "brand-green" | "red" | "purple" | "indigo") | undefined;
             readonly solid?: boolean | undefined;
             readonly disabled?: boolean | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
@@ -330,6 +335,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
                 type: import('vue').PropType<import('./ElIcon.vue').IconNames>;
                 required: true;
             };
+            color: {
+                type: import('vue').PropType<"pink" | "yellow" | "orange" | "cyan" | "rose" | "green" | "brand-blue" | "brand-green" | "red" | "purple" | "indigo">;
+            };
             solid: {
                 type: import('vue').PropType<boolean>;
             };

package/dist/forms/ElInputAutocomplete.vue.d.ts

@@ -197,10 +197,10 @@ declare const _default: import('vue').DefineComponent<{
 }, {
     name: string;
     label: string;
+    color: "primary" | "secondary" | "error";
     disabled: boolean;
     id: string;
     placeholder: string;
-    color: "primary" | "secondary" | "error";
     modelValue: TextualValueType;
     errorMessage: string | boolean;
     hiddenErrorMessage: boolean;

package/dist/forms/ElInputCheckbox.vue.d.ts

@@ -164,10 +164,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     name: string;
     size: "xxs" | "xs";
     label: string;
+    color: "pink" | "yellow" | "orange" | "cyan" | "rose" | "green" | "brand-blue" | "brand-green" | "red" | "purple" | "indigo" | "primary" | "secondary" | "gray";
     disabled: boolean;
     id: string;
     placeholder: string;
-    color: "pink" | "yellow" | "orange" | "cyan" | "rose" | "green" | "brand-blue" | "brand-green" | "red" | "purple" | "indigo" | "primary" | "secondary" | "gray";
     step: number;
     modelValue: boolean | "indeterminate";
     min: number;

package/dist/forms/ElInputDate.vue.d.ts

@@ -149,10 +149,10 @@ declare const _default: import('vue').DefineComponent<{
     name: string;
     type: "time" | "date" | "datetime-local";
     label: string;
+    color: "primary" | "secondary" | "error";
     disabled: boolean;
     id: string;
     placeholder: string;
-    color: "primary" | "secondary" | "error";
     step: number;
     min: number;
     max: number;

package/dist/forms/ElInputFile.vue.d.ts

@@ -125,9 +125,9 @@ declare const _default: import('vue').DefineComponent<{
 }, {
     name: string;
     label: string;
+    color: "primary" | "secondary" | "error";
     disabled: boolean;
     id: string;
-    color: "primary" | "secondary" | "error";
     content: string;
     errorMessage: string | boolean;
     hiddenErrorMessage: boolean;

package/dist/forms/ElInputMeasureUnit.vue.d.ts

@@ -171,10 +171,10 @@ declare const _default: import('vue').DefineComponent<{
 }, {
     name: string;
     label: string;
+    color: "primary" | "secondary" | "error";
     disabled: boolean;
     id: string;
     placeholder: string;
-    color: "primary" | "secondary" | "error";
     step: number;
     min: number;
     max: number;

package/dist/forms/ElInputNumber.vue.d.ts

@@ -155,10 +155,10 @@ declare const _default: import('vue').DefineComponent<{
 }, {
     name: string;
     label: string;
+    color: "primary" | "secondary" | "error";
     disabled: boolean;
     id: string;
     placeholder: string;
-    color: "primary" | "secondary" | "error";
     step: number;
     min: number;
     max: number;

package/dist/forms/ElInputPhone.vue.d.ts

@@ -107,10 +107,10 @@ declare const _default: import('vue').DefineComponent<{
 }, {
     name: string;
     label: string;
+    color: "primary" | "secondary" | "error";
     disabled: boolean;
     id: string;
     placeholder: string;
-    color: "primary" | "secondary" | "error";
     modelValue: TextualValueType;
     errorMessage: string | boolean;
     hiddenErrorMessage: boolean;

package/dist/forms/ElInputRadioButton.vue.d.ts

@@ -97,9 +97,9 @@ declare const _default: import('vue').DefineComponent<{
 }, {
     size: "xxs" | "xs";
     label: string;
+    color: "primary" | "secondary" | "inactive";
     disabled: boolean;
     id: string;
-    color: "primary" | "secondary" | "inactive";
     validation: import('./validation-rules').InputValidation;
 }, {}>;
 export default _default;

package/dist/forms/ElInputSearch.vue.d.ts

@@ -191,10 +191,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         button: InstanceType<typeof ElButton>["$props"];
     };
     text: string;
+    color: "primary" | "secondary";
     disabled: boolean;
     id: string;
     placeholder: string;
-    color: "primary" | "secondary";
     results: (Partial<{}> & Omit<{
         readonly primaryRow: string;
         readonly time?: string | undefined;
@@ -202,6 +202,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         readonly color?: import('../ElVerticalTab.vue').ElVerticalTabColors | undefined;
         readonly icon?: Omit<{
             readonly name: import('../ElIcon.vue').IconNames;
+            readonly color?: ("pink" | "yellow" | "orange" | "cyan" | "rose" | "green" | "brand-blue" | "brand-green" | "red" | "purple" | "indigo") | undefined;
             readonly solid?: boolean | undefined;
             readonly disabled?: boolean | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
@@ -209,6 +210,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
                 type: PropType<import('../ElIcon.vue').IconNames>;
                 required: true;
             };
+            color: {
+                type: PropType<"pink" | "yellow" | "orange" | "cyan" | "rose" | "green" | "brand-blue" | "brand-green" | "red" | "purple" | "indigo">;
+            };
             solid: {
                 type: PropType<boolean>;
             };
@@ -236,6 +240,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         icon: {
             type: PropType<Partial<{}> & Omit<{
                 readonly name: import('../ElIcon.vue').IconNames;
+                readonly color?: ("pink" | "yellow" | "orange" | "cyan" | "rose" | "green" | "brand-blue" | "brand-green" | "red" | "purple" | "indigo") | undefined;
                 readonly solid?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
@@ -243,6 +248,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
                     type: PropType<import('../ElIcon.vue').IconNames>;
                     required: true;
                 };
+                color: {
+                    type: PropType<"pink" | "yellow" | "orange" | "cyan" | "rose" | "green" | "brand-blue" | "brand-green" | "red" | "purple" | "indigo">;
+                };
                 solid: {
                     type: PropType<boolean>;
                 };

package/dist/forms/ElInputSelect.vue.d.ts

@@ -149,10 +149,10 @@ declare const _default: import('vue').DefineComponent<{
 }, {
     name: string;
     label: string;
+    color: "primary" | "secondary" | "error";
     disabled: boolean;
     id: string;
     placeholder: string;
-    color: "primary" | "secondary" | "error";
     modelValue: OptionValueType;
     errorMessage: string | boolean;
     hiddenErrorMessage: boolean;

package/dist/forms/ElInputText.vue.d.ts

@@ -156,10 +156,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     name: string;
     type: "text" | "password";
     label: string;
+    color: "primary" | "secondary" | "error";
     disabled: boolean;
     id: string;
     placeholder: string;
-    color: "primary" | "secondary" | "error";
     leadingIcon: ElIconProps;
     trailingIcon: ElIconProps;
     modelValue: TextualValueType;

package/dist/forms/ElInputTextarea.vue.d.ts

@@ -139,10 +139,10 @@ declare const _default: import('vue').DefineComponent<{
 }, {
     name: string;
     label: string;
+    color: "primary" | "secondary" | "error";
     disabled: boolean;
     id: string;
     placeholder: string;
-    color: "primary" | "secondary" | "error";
     modelValue: TextualValueType;
     errorMessage: string | boolean;
     hiddenErrorMessage: boolean;