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

package/dist/ElCarousel.vue.cjs2.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("./node_modules/swiper/modules/keyboard.cjs.js"),f=require("./node_modules/swiper/modules/navigation.cjs.js"),p=require("./node_modules/swiper/modules/pagination.cjs.js"),u=require("./node_modules/swiper/swiper-vue.cjs.js");;/* empty css               */require("./polyfills.cjs.js");require("vee-validate");require("./node_modules/codice-fiscale-js/dist/codice.fiscale.commonjs2.cjs.js");require("./node_modules/lodash/lodash.cjs.js");require("./tailwind.plugin.cjs.js");require("./node_modules/@davincihealthcare/elty-design-system-foundations/dist/index.cjs.js");const g=require("./ElButton.vue.cjs2.js");require("./forms/ElInputText.vue.cjs2.js");const o=require("./utils.cjs.js"),n=require("./ElIconButton.vue.cjs2.js");require("./forms/ElInputCheckbox.vue.cjs2.js");require("./forms/ElInputDate.vue.cjs2.js");require("./forms/ElInputFile.vue.cjs2.js");require("./forms/ElInputMeasureUnit.vue.cjs2.js");require("./forms/ElInputNumber.vue.cjs2.js");require("./forms/ElInputPhone.vue.cjs2.js");require("./forms/ElInputSelect.vue.cjs2.js");require("./forms/ElInputTextarea.vue.cjs2.js");require("./ElToast.vue.cjs2.js");require("./forms/ElInputRadioButton.vue.cjs2.js");;/* empty css                                    */;/* empty css                                                */require("./forms/ElInputSearch.vue.cjs2.js");require("./forms/ElInputAutocomplete.vue.cjs2.js");const v={key:0,class:"bg-black opacity-30 left-0 absolute w-full h-full top-0 rounded-2xl"},w={class:"font-semibold text-neutral-inverse text-xl md:text-2xl lg:text-4xl"},q={class:"py-2 md:py-3 lg:py-4"},x={class:"px-6 w-full mb-20 hidden md:absolute md:mt-0 lg:top-60 md:bottom-0 lg:flex justify-between"},b={class:"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden"},y={class:"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden"},z=["sm","md","lg"],h=e.defineComponent({__name:"ElCarousel",props:{size:{},slides:{},opacity:{type:Boolean}},setup(_){const a=o.useMatchDevice(),d=e.computed(()=>{switch(a.value){case o.Device.Desktop:return"xl";case o.Device.Tablet:return"l";default:return"sm"}}),s=e.ref(),c=e.ref([f.default,p.default,m.default]);return(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["w-full relative",{"max-w-2xl":t.size==="md","max-w-7xl":t.size==="lg"}])},[e.createVNode(e.unref(u.Swiper),{"space-between":30,"slides-per-view":1,keyboard:{enabled:!0},pagination:{clickable:!0},loop:!0,navigation:!0,modules:c.value,class:"",onSwiper:i[0]||(i[0]=r=>s.value=r)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.slides,(r,l)=>(e.openBlock(),e.createBlock(e.unref(u.SwiperSlide),{key:l},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center isolate overflow-hidden w-full bg-left bg-cover bg-no-repeat bg-black rounded-2xl p-6 md:p-7 lg:p-24",{"justify-end items-end h-auto":t.size==="sm","h-96":t.size==="md","h-auto":t.size==="lg"}]),style:e.normalizeStyle({backgroundImage:"url("+r.picture+")"})},[t.opacity?(e.openBlock(),e.createElementBlock("div",v)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["z-10 flex flex-col justify-end md:justify-center gap-3 lg:gap-4 items-start flex-1 self-stretch md:my-8 text-white text-sm md:text-base lg:text-xl",{"w-full":t.size==="sm","max-w-80":t.size==="md","max-w-96":t.size==="lg"}])},[e.createElementVNode("h1",w,e.toDisplayString(r.title),1),e.createElementVNode("p",{class:e.normalizeClass(["text-neutral-inverse font-medium text-sm md:text-base md:max-w-80 lg:text-xl lg:max-w-96",{"w-full":t.size==="sm","w-80 max-w-80":t.size==="md","w-96 max-w-96":t.size==="lg"}])},e.toDisplayString(r.description),3),e.createElementVNode("div",q,[e.createVNode(e.unref(g.default),e.mergeProps({ref_for:!0},r.button,{size:d.value}),null,16,["size"])])],2)],6)]),_:2},1024))),128))]),_:1},8,["modules"]),e.createElementVNode("div",x,[e.createElementVNode("div",b,[e.createVNode(e.unref(n.default),{icon:{name:"ArrowSmallLeftIcon"},onClick:i[1]||(i[1]=r=>{var l;return(l=s.value)==null?void 0:l.slidePrev()})})]),e.createElementVNode("div",y,[e.createVNode(e.unref(n.default),{icon:{name:"ArrowSmallRightIcon"},onClick:i[2]||(i[2]=r=>{var l;return(l=s.value)==null?void 0:l.slideNext()})})])])],2))}});exports.default=h;exports.elCarouselSizes=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("./node_modules/swiper/modules/keyboard.cjs.js"),f=require("./node_modules/swiper/modules/navigation.cjs.js"),p=require("./node_modules/swiper/modules/pagination.cjs.js"),n=require("./node_modules/swiper/swiper-vue.cjs.js");;/* empty css               */require("./polyfills.cjs.js");require("vee-validate");require("./node_modules/codice-fiscale-js/dist/codice.fiscale.commonjs2.cjs.js");require("./node_modules/lodash/lodash.cjs.js");require("./tailwind.plugin.cjs.js");require("./node_modules/@davincihealthcare/elty-design-system-foundations/dist/index.cjs.js");const g=require("./ElButton.vue.cjs2.js");require("./forms/ElInputText.vue.cjs2.js");const o=require("./utils.cjs.js"),u=require("./ElIconButton.vue.cjs2.js");require("./forms/ElInputCheckbox.vue.cjs2.js");require("./forms/ElInputDate.vue.cjs2.js");require("./forms/ElInputFile.vue.cjs2.js");require("./forms/ElInputMeasureUnit.vue.cjs2.js");require("./forms/ElInputNumber.vue.cjs2.js");require("./forms/ElInputPhone.vue.cjs2.js");require("./forms/ElInputSelect.vue.cjs2.js");require("./forms/ElInputTextarea.vue.cjs2.js");require("./ElToast.vue.cjs2.js");require("./forms/ElInputRadioButton.vue.cjs2.js");;/* empty css                                    */;/* empty css                                                */require("./forms/ElInputSearch.vue.cjs2.js");require("./forms/ElInputAutocomplete.vue.cjs2.js");const v={key:0,class:"bg-black opacity-30 left-0 absolute w-full h-full top-0 rounded-2xl"},w={class:"font-semibold text-neutral-inverse text-xl md:text-2xl lg:text-4xl"},q={class:"py-2 md:py-3 lg:py-4"},b={key:0,class:"px-6 w-full mb-20 hidden md:absolute md:mt-0 lg:top-60 md:bottom-0 lg:flex justify-between"},x={class:"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden"},y={class:"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden"},z=["sm","md","lg"],h=e.defineComponent({__name:"ElCarousel",props:{size:{},slides:{},opacity:{type:Boolean}},setup(k){const a=o.useMatchDevice(),d=e.computed(()=>{switch(a.value){case o.Device.Desktop:return"xl";case o.Device.Tablet:return"l";default:return"sm"}}),s=e.ref(),c=e.ref([f.default,p.default,m.default]);return(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["w-full relative",{"max-w-2xl":t.size==="md","max-w-7xl":t.size==="lg"}])},[e.createVNode(e.unref(n.Swiper),{"space-between":30,"slides-per-view":1,keyboard:{enabled:!0},pagination:{clickable:!0},loop:!0,navigation:!0,modules:c.value,class:"",onSwiper:i[0]||(i[0]=r=>s.value=r)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.slides,(r,l)=>(e.openBlock(),e.createBlock(e.unref(n.SwiperSlide),{key:l},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center isolate overflow-hidden w-full bg-left bg-cover bg-no-repeat bg-black rounded-2xl p-6 md:p-7 lg:p-24",{"justify-end items-end h-auto":t.size==="sm","h-96":t.size==="md","h-auto":t.size==="lg"}]),style:e.normalizeStyle({backgroundImage:"url("+r.picture+")"})},[t.opacity?(e.openBlock(),e.createElementBlock("div",v)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["z-10 flex flex-col justify-end md:justify-center gap-3 lg:gap-4 items-start flex-1 self-stretch md:my-8 text-white text-sm md:text-base lg:text-xl",{"w-full":t.size==="sm","max-w-80":t.size==="md","max-w-96":t.size==="lg"}])},[e.createElementVNode("h1",w,e.toDisplayString(r.title),1),e.createElementVNode("p",{class:e.normalizeClass(["text-neutral-inverse font-medium text-sm md:text-base md:max-w-80 lg:text-xl lg:max-w-96",{"w-full":t.size==="sm","w-80 max-w-80":t.size==="md","w-96 max-w-96":t.size==="lg"}])},e.toDisplayString(r.description),3),e.createElementVNode("div",q,[e.createVNode(e.unref(g.default),e.mergeProps({ref_for:!0},r.button,{size:d.value}),null,16,["size"])])],2)],6)]),_:2},1024))),128))]),_:1},8,["modules"]),t.slides.length>1?(e.openBlock(),e.createElementBlock("div",b,[e.createElementVNode("div",x,[e.createVNode(e.unref(u.default),{icon:{name:"ArrowSmallLeftIcon"},onClick:i[1]||(i[1]=r=>{var l;return(l=s.value)==null?void 0:l.slidePrev()})})]),e.createElementVNode("div",y,[e.createVNode(e.unref(u.default),{icon:{name:"ArrowSmallRightIcon"},onClick:i[2]||(i[2]=r=>{var l;return(l=s.value)==null?void 0:l.slideNext()})})])])):e.createCommentVNode("",!0)],2))}});exports.default=h;exports.elCarouselSizes=z;
 //# sourceMappingURL=ElCarousel.vue.cjs2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ElCarousel.vue.cjs2.js","sources":["../src/ElCarousel.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elCarouselSizes = ['sm', 'md', 'lg'] as const;\nexport type ElCarouselSizes = (typeof elCarouselSizes)[number];\n\nexport interface CarouselProps {\n  size?: ElCarouselSizes;\n  slides: CarouselSlide[];\n  opacity?: boolean;\n}\n\nexport interface CarouselSlide {\n  title: string;\n  description: string;\n  picture: string;\n  button: InstanceType<typeof ElButton>['$props'];\n}\n</script>\n\n<script lang=\"ts\" setup>\nimport { Keyboard, Navigation, Pagination } from 'swiper/modules';\nimport { Swiper, SwiperSlide } from 'swiper/vue';\nimport { ElButton, ElIconButton } from '.';\n\nimport 'swiper/css';\nimport 'swiper/css/pagination';\nimport { computed, ref } from 'vue';\nimport { Device, useMatchDevice } from './utils';\n\ndefineProps<CarouselProps>();\n\nconst device = useMatchDevice();\n\nconst buttonSize = computed(() => {\n  switch (device.value) {\n    case Device.Desktop:\n      return 'xl';\n    case Device.Tablet:\n      return 'l';\n    default:\n      return 'sm';\n  }\n});\n\nconst swiperInstance = ref();\nconst modules = ref([Navigation, Pagination, Keyboard]);\n</script>\n\n<template>\n  <div\n    class=\"w-full relative\"\n    :class=\"{\n      'max-w-2xl': size === 'md',\n      'max-w-7xl': size === 'lg',\n    }\"\n  >\n    <swiper\n      :space-between=\"30\"\n      :slides-per-view=\"1\"\n      :keyboard=\"{\n        enabled: true,\n      }\"\n      :pagination=\"{\n        clickable: true,\n      }\"\n      :loop=\"true\"\n      :navigation=\"true\"\n      :modules=\"modules\"\n      class=\"\"\n      @swiper=\"swiperInstance = $event\"\n    >\n      <swiper-slide v-for=\"(slide, index) in slides\" :key=\"index\">\n        <div\n          class=\"flex items-center isolate overflow-hidden w-full bg-left bg-cover bg-no-repeat bg-black rounded-2xl p-6 md:p-7 lg:p-24\"\n          :style=\"{\n            backgroundImage: 'url(' + slide.picture + ')',\n          }\"\n          :class=\"{\n            'justify-end items-end h-auto': size === 'sm',\n            'h-96': size === 'md',\n            'h-auto': size === 'lg',\n          }\"\n        >\n          <div v-if=\"opacity\" class=\"bg-black opacity-30 left-0 absolute w-full h-full top-0 rounded-2xl\"></div>\n\n          <div\n            class=\"z-10 flex flex-col justify-end md:justify-center gap-3 lg:gap-4 items-start flex-1 self-stretch md:my-8 text-white text-sm md:text-base lg:text-xl\"\n            :class=\"{\n              'w-full': size === 'sm',\n              'max-w-80': size === 'md',\n              'max-w-96': size === 'lg',\n            }\"\n          >\n            <h1 class=\"font-semibold text-neutral-inverse text-xl md:text-2xl lg:text-4xl\">\n              {{ slide.title }}\n            </h1>\n            <p\n              class=\"text-neutral-inverse font-medium text-sm md:text-base md:max-w-80 lg:text-xl lg:max-w-96\"\n              :class=\"{\n                'w-full': size === 'sm',\n                'w-80 max-w-80': size === 'md',\n                'w-96 max-w-96': size === 'lg',\n              }\"\n            >\n              {{ slide.description }}\n            </p>\n            <div class=\"py-2 md:py-3 lg:py-4\">\n              <ElButton v-bind=\"slide.button\" :size=\"buttonSize\" />\n            </div>\n          </div>\n        </div>\n      </swiper-slide>\n    </swiper>\n    <div class=\"px-6 w-full mb-20 hidden md:absolute md:mt-0 lg:top-60 md:bottom-0 lg:flex justify-between\">\n      <div class=\"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden\">\n        <ElIconButton :icon=\"{ name: 'ArrowSmallLeftIcon' }\" @click=\"swiperInstance?.slidePrev()\" />\n      </div>\n      <div class=\"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden\">\n        <ElIconButton :icon=\"{ name: 'ArrowSmallRightIcon' }\" @click=\"swiperInstance?.slideNext()\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["elCarouselSizes","device","useMatchDevice","buttonSize","computed","Device","swiperInstance","ref","modules","Navigation","Pagination","Keyboard"],"mappings":"s+DACaA,EAAkB,CAAC,KAAM,KAAM,IAAI,qGA6BhD,MAAMC,EAASC,EAAAA,iBAETC,EAAaC,EAAAA,SAAS,IAAM,CAChC,OAAQH,EAAO,MAAO,CACpB,KAAKI,EAAO,OAAA,QACH,MAAA,KACT,KAAKA,EAAO,OAAA,OACH,MAAA,IACT,QACS,MAAA,IACX,CAAA,CACD,EAEKC,EAAiBC,EAAAA,MACjBC,EAAUD,EAAAA,IAAI,CAACE,EAAY,QAAAC,EAAA,QAAYC,EAAQ,OAAA,CAAC"}
+{"version":3,"file":"ElCarousel.vue.cjs2.js","sources":["../src/ElCarousel.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elCarouselSizes = ['sm', 'md', 'lg'] as const;\nexport type ElCarouselSizes = (typeof elCarouselSizes)[number];\n\nexport interface CarouselProps {\n  size?: ElCarouselSizes;\n  slides: CarouselSlide[];\n  opacity?: boolean;\n}\n\nexport interface CarouselSlide {\n  title: string;\n  description: string;\n  picture: string;\n  button: InstanceType<typeof ElButton>['$props'];\n}\n</script>\n\n<script lang=\"ts\" setup>\nimport { Keyboard, Navigation, Pagination } from 'swiper/modules';\nimport { Swiper, SwiperSlide } from 'swiper/vue';\nimport { ElButton, ElIconButton } from '.';\n\nimport 'swiper/css';\nimport 'swiper/css/pagination';\nimport { computed, ref } from 'vue';\nimport { Device, useMatchDevice } from './utils';\n\ndefineProps<CarouselProps>();\n\nconst device = useMatchDevice();\n\nconst buttonSize = computed(() => {\n  switch (device.value) {\n    case Device.Desktop:\n      return 'xl';\n    case Device.Tablet:\n      return 'l';\n    default:\n      return 'sm';\n  }\n});\n\nconst swiperInstance = ref();\nconst modules = ref([Navigation, Pagination, Keyboard]);\n</script>\n\n<template>\n  <div\n    class=\"w-full relative\"\n    :class=\"{\n      'max-w-2xl': size === 'md',\n      'max-w-7xl': size === 'lg',\n    }\"\n  >\n    <swiper\n      :space-between=\"30\"\n      :slides-per-view=\"1\"\n      :keyboard=\"{\n        enabled: true,\n      }\"\n      :pagination=\"{\n        clickable: true,\n      }\"\n      :loop=\"true\"\n      :navigation=\"true\"\n      :modules=\"modules\"\n      class=\"\"\n      @swiper=\"swiperInstance = $event\"\n    >\n      <swiper-slide v-for=\"(slide, index) in slides\" :key=\"index\">\n        <div\n          class=\"flex items-center isolate overflow-hidden w-full bg-left bg-cover bg-no-repeat bg-black rounded-2xl p-6 md:p-7 lg:p-24\"\n          :style=\"{\n            backgroundImage: 'url(' + slide.picture + ')',\n          }\"\n          :class=\"{\n            'justify-end items-end h-auto': size === 'sm',\n            'h-96': size === 'md',\n            'h-auto': size === 'lg',\n          }\"\n        >\n          <div v-if=\"opacity\" class=\"bg-black opacity-30 left-0 absolute w-full h-full top-0 rounded-2xl\"></div>\n\n          <div\n            class=\"z-10 flex flex-col justify-end md:justify-center gap-3 lg:gap-4 items-start flex-1 self-stretch md:my-8 text-white text-sm md:text-base lg:text-xl\"\n            :class=\"{\n              'w-full': size === 'sm',\n              'max-w-80': size === 'md',\n              'max-w-96': size === 'lg',\n            }\"\n          >\n            <h1 class=\"font-semibold text-neutral-inverse text-xl md:text-2xl lg:text-4xl\">\n              {{ slide.title }}\n            </h1>\n            <p\n              class=\"text-neutral-inverse font-medium text-sm md:text-base md:max-w-80 lg:text-xl lg:max-w-96\"\n              :class=\"{\n                'w-full': size === 'sm',\n                'w-80 max-w-80': size === 'md',\n                'w-96 max-w-96': size === 'lg',\n              }\"\n            >\n              {{ slide.description }}\n            </p>\n            <div class=\"py-2 md:py-3 lg:py-4\">\n              <ElButton v-bind=\"slide.button\" :size=\"buttonSize\" />\n            </div>\n          </div>\n        </div>\n      </swiper-slide>\n    </swiper>\n    <div v-if=\"slides.length > 1\" class=\"px-6 w-full mb-20 hidden md:absolute md:mt-0 lg:top-60 md:bottom-0 lg:flex justify-between\">\n      <div class=\"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden\">\n        <ElIconButton :icon=\"{ name: 'ArrowSmallLeftIcon' }\" @click=\"swiperInstance?.slidePrev()\" />\n      </div>\n      <div class=\"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden\">\n        <ElIconButton :icon=\"{ name: 'ArrowSmallRightIcon' }\" @click=\"swiperInstance?.slideNext()\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["elCarouselSizes","device","useMatchDevice","buttonSize","computed","Device","swiperInstance","ref","modules","Navigation","Pagination","Keyboard"],"mappings":"4+DACaA,EAAkB,CAAC,KAAM,KAAM,IAAI,qGA6BhD,MAAMC,EAASC,EAAAA,iBAETC,EAAaC,EAAAA,SAAS,IAAM,CAChC,OAAQH,EAAO,MAAO,CACpB,KAAKI,EAAO,OAAA,QACH,MAAA,KACT,KAAKA,EAAO,OAAA,OACH,MAAA,IACT,QACS,MAAA,IACX,CAAA,CACD,EAEKC,EAAiBC,EAAAA,MACjBC,EAAUD,EAAAA,IAAI,CAACE,EAAY,QAAAC,EAAA,QAAYC,EAAQ,OAAA,CAAC"}

package/dist/ElCarousel.vue.esm2.js

@@ -1,2 +1,2 @@
-import{defineComponent as b,computed as y,ref as p,openBlock as s,createElementBlock as d,normalizeClass as m,createVNode as n,unref as r,withCtx as u,Fragment as z,renderList as h,createBlock as k,createElementVNode as o,normalizeStyle as S,createCommentVNode as C,toDisplayString as f,mergeProps as _}from"vue";import j from"./node_modules/swiper/modules/keyboard.esm.js";import N from"./node_modules/swiper/modules/navigation.esm.js";import B from"./node_modules/swiper/modules/pagination.esm.js";import{Swiper as D,SwiperSlide as I}from"./node_modules/swiper/swiper-vue.esm.js";/* empty css             */import"./polyfills.esm.js";import"vee-validate";import"./node_modules/codice-fiscale-js/dist/codice.fiscale.commonjs2.esm.js";import"./node_modules/lodash/lodash.esm.js";import"./tailwind.plugin.esm.js";import"./node_modules/@davincihealthcare/elty-design-system-foundations/dist/index.esm.js";import $ from"./ElButton.vue.esm2.js";import"./forms/ElInputText.vue.esm2.js";import{useMatchDevice as E,Device as c}from"./utils.esm.js";import w from"./ElIconButton.vue.esm2.js";import"./forms/ElInputCheckbox.vue.esm2.js";import"./forms/ElInputDate.vue.esm2.js";import"./forms/ElInputFile.vue.esm2.js";import"./forms/ElInputMeasureUnit.vue.esm2.js";import"./forms/ElInputNumber.vue.esm2.js";import"./forms/ElInputPhone.vue.esm2.js";import"./forms/ElInputSelect.vue.esm2.js";import"./forms/ElInputTextarea.vue.esm2.js";import"./ElToast.vue.esm2.js";import"./forms/ElInputRadioButton.vue.esm2.js";/* empty css                                  *//* empty css                                              */import"./forms/ElInputSearch.vue.esm2.js";import"./forms/ElInputAutocomplete.vue.esm2.js";const P={key:0,class:"bg-black opacity-30 left-0 absolute w-full h-full top-0 rounded-2xl"},V={class:"font-semibold text-neutral-inverse text-xl md:text-2xl lg:text-4xl"},A={class:"py-2 md:py-3 lg:py-4"},L={class:"px-6 w-full mb-20 hidden md:absolute md:mt-0 lg:top-60 md:bottom-0 lg:flex justify-between"},F={class:"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden"},K={class:"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden"},ve=["sm","md","lg"],xe=b({__name:"ElCarousel",props:{size:{},slides:{},opacity:{type:Boolean}},setup(M){const g=E(),v=y(()=>{switch(g.value){case c.Desktop:return"xl";case c.Tablet:return"l";default:return"sm"}}),a=p(),x=p([N,B,j]);return(e,l)=>(s(),d("div",{class:m(["w-full relative",{"max-w-2xl":e.size==="md","max-w-7xl":e.size==="lg"}])},[n(r(D),{"space-between":30,"slides-per-view":1,keyboard:{enabled:!0},pagination:{clickable:!0},loop:!0,navigation:!0,modules:x.value,class:"",onSwiper:l[0]||(l[0]=t=>a.value=t)},{default:u(()=>[(s(!0),d(z,null,h(e.slides,(t,i)=>(s(),k(r(I),{key:i},{default:u(()=>[o("div",{class:m(["flex items-center isolate overflow-hidden w-full bg-left bg-cover bg-no-repeat bg-black rounded-2xl p-6 md:p-7 lg:p-24",{"justify-end items-end h-auto":e.size==="sm","h-96":e.size==="md","h-auto":e.size==="lg"}]),style:S({backgroundImage:"url("+t.picture+")"})},[e.opacity?(s(),d("div",P)):C("",!0),o("div",{class:m(["z-10 flex flex-col justify-end md:justify-center gap-3 lg:gap-4 items-start flex-1 self-stretch md:my-8 text-white text-sm md:text-base lg:text-xl",{"w-full":e.size==="sm","max-w-80":e.size==="md","max-w-96":e.size==="lg"}])},[o("h1",V,f(t.title),1),o("p",{class:m(["text-neutral-inverse font-medium text-sm md:text-base md:max-w-80 lg:text-xl lg:max-w-96",{"w-full":e.size==="sm","w-80 max-w-80":e.size==="md","w-96 max-w-96":e.size==="lg"}])},f(t.description),3),o("div",A,[n(r($),_({ref_for:!0},t.button,{size:v.value}),null,16,["size"])])],2)],6)]),_:2},1024))),128))]),_:1},8,["modules"]),o("div",L,[o("div",F,[n(r(w),{icon:{name:"ArrowSmallLeftIcon"},onClick:l[1]||(l[1]=t=>{var i;return(i=a.value)==null?void 0:i.slidePrev()})})]),o("div",K,[n(r(w),{icon:{name:"ArrowSmallRightIcon"},onClick:l[2]||(l[2]=t=>{var i;return(i=a.value)==null?void 0:i.slideNext()})})])])],2))}});export{xe as default,ve as elCarouselSizes};
+import{defineComponent as y,computed as h,ref as p,openBlock as r,createElementBlock as m,normalizeClass as n,createVNode as a,unref as s,withCtx as u,Fragment as z,renderList as k,createBlock as S,createElementVNode as i,normalizeStyle as C,createCommentVNode as f,toDisplayString as c,mergeProps as _}from"vue";import j from"./node_modules/swiper/modules/keyboard.esm.js";import N from"./node_modules/swiper/modules/navigation.esm.js";import B from"./node_modules/swiper/modules/pagination.esm.js";import{Swiper as D,SwiperSlide as I}from"./node_modules/swiper/swiper-vue.esm.js";/* empty css             */import"./polyfills.esm.js";import"vee-validate";import"./node_modules/codice-fiscale-js/dist/codice.fiscale.commonjs2.esm.js";import"./node_modules/lodash/lodash.esm.js";import"./tailwind.plugin.esm.js";import"./node_modules/@davincihealthcare/elty-design-system-foundations/dist/index.esm.js";import $ from"./ElButton.vue.esm2.js";import"./forms/ElInputText.vue.esm2.js";import{useMatchDevice as E,Device as w}from"./utils.esm.js";import g from"./ElIconButton.vue.esm2.js";import"./forms/ElInputCheckbox.vue.esm2.js";import"./forms/ElInputDate.vue.esm2.js";import"./forms/ElInputFile.vue.esm2.js";import"./forms/ElInputMeasureUnit.vue.esm2.js";import"./forms/ElInputNumber.vue.esm2.js";import"./forms/ElInputPhone.vue.esm2.js";import"./forms/ElInputSelect.vue.esm2.js";import"./forms/ElInputTextarea.vue.esm2.js";import"./ElToast.vue.esm2.js";import"./forms/ElInputRadioButton.vue.esm2.js";/* empty css                                  *//* empty css                                              */import"./forms/ElInputSearch.vue.esm2.js";import"./forms/ElInputAutocomplete.vue.esm2.js";const P={key:0,class:"bg-black opacity-30 left-0 absolute w-full h-full top-0 rounded-2xl"},V={class:"font-semibold text-neutral-inverse text-xl md:text-2xl lg:text-4xl"},A={class:"py-2 md:py-3 lg:py-4"},L={key:0,class:"px-6 w-full mb-20 hidden md:absolute md:mt-0 lg:top-60 md:bottom-0 lg:flex justify-between"},F={class:"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden"},K={class:"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden"},ve=["sm","md","lg"],xe=y({__name:"ElCarousel",props:{size:{},slides:{},opacity:{type:Boolean}},setup(M){const v=E(),x=h(()=>{switch(v.value){case w.Desktop:return"xl";case w.Tablet:return"l";default:return"sm"}}),d=p(),b=p([N,B,j]);return(e,l)=>(r(),m("div",{class:n(["w-full relative",{"max-w-2xl":e.size==="md","max-w-7xl":e.size==="lg"}])},[a(s(D),{"space-between":30,"slides-per-view":1,keyboard:{enabled:!0},pagination:{clickable:!0},loop:!0,navigation:!0,modules:b.value,class:"",onSwiper:l[0]||(l[0]=t=>d.value=t)},{default:u(()=>[(r(!0),m(z,null,k(e.slides,(t,o)=>(r(),S(s(I),{key:o},{default:u(()=>[i("div",{class:n(["flex items-center isolate overflow-hidden w-full bg-left bg-cover bg-no-repeat bg-black rounded-2xl p-6 md:p-7 lg:p-24",{"justify-end items-end h-auto":e.size==="sm","h-96":e.size==="md","h-auto":e.size==="lg"}]),style:C({backgroundImage:"url("+t.picture+")"})},[e.opacity?(r(),m("div",P)):f("",!0),i("div",{class:n(["z-10 flex flex-col justify-end md:justify-center gap-3 lg:gap-4 items-start flex-1 self-stretch md:my-8 text-white text-sm md:text-base lg:text-xl",{"w-full":e.size==="sm","max-w-80":e.size==="md","max-w-96":e.size==="lg"}])},[i("h1",V,c(t.title),1),i("p",{class:n(["text-neutral-inverse font-medium text-sm md:text-base md:max-w-80 lg:text-xl lg:max-w-96",{"w-full":e.size==="sm","w-80 max-w-80":e.size==="md","w-96 max-w-96":e.size==="lg"}])},c(t.description),3),i("div",A,[a(s($),_({ref_for:!0},t.button,{size:x.value}),null,16,["size"])])],2)],6)]),_:2},1024))),128))]),_:1},8,["modules"]),e.slides.length>1?(r(),m("div",L,[i("div",F,[a(s(g),{icon:{name:"ArrowSmallLeftIcon"},onClick:l[1]||(l[1]=t=>{var o;return(o=d.value)==null?void 0:o.slidePrev()})})]),i("div",K,[a(s(g),{icon:{name:"ArrowSmallRightIcon"},onClick:l[2]||(l[2]=t=>{var o;return(o=d.value)==null?void 0:o.slideNext()})})])])):f("",!0)],2))}});export{xe as default,ve as elCarouselSizes};
 //# sourceMappingURL=ElCarousel.vue.esm2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ElCarousel.vue.esm2.js","sources":["../src/ElCarousel.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elCarouselSizes = ['sm', 'md', 'lg'] as const;\nexport type ElCarouselSizes = (typeof elCarouselSizes)[number];\n\nexport interface CarouselProps {\n  size?: ElCarouselSizes;\n  slides: CarouselSlide[];\n  opacity?: boolean;\n}\n\nexport interface CarouselSlide {\n  title: string;\n  description: string;\n  picture: string;\n  button: InstanceType<typeof ElButton>['$props'];\n}\n</script>\n\n<script lang=\"ts\" setup>\nimport { Keyboard, Navigation, Pagination } from 'swiper/modules';\nimport { Swiper, SwiperSlide } from 'swiper/vue';\nimport { ElButton, ElIconButton } from '.';\n\nimport 'swiper/css';\nimport 'swiper/css/pagination';\nimport { computed, ref } from 'vue';\nimport { Device, useMatchDevice } from './utils';\n\ndefineProps<CarouselProps>();\n\nconst device = useMatchDevice();\n\nconst buttonSize = computed(() => {\n  switch (device.value) {\n    case Device.Desktop:\n      return 'xl';\n    case Device.Tablet:\n      return 'l';\n    default:\n      return 'sm';\n  }\n});\n\nconst swiperInstance = ref();\nconst modules = ref([Navigation, Pagination, Keyboard]);\n</script>\n\n<template>\n  <div\n    class=\"w-full relative\"\n    :class=\"{\n      'max-w-2xl': size === 'md',\n      'max-w-7xl': size === 'lg',\n    }\"\n  >\n    <swiper\n      :space-between=\"30\"\n      :slides-per-view=\"1\"\n      :keyboard=\"{\n        enabled: true,\n      }\"\n      :pagination=\"{\n        clickable: true,\n      }\"\n      :loop=\"true\"\n      :navigation=\"true\"\n      :modules=\"modules\"\n      class=\"\"\n      @swiper=\"swiperInstance = $event\"\n    >\n      <swiper-slide v-for=\"(slide, index) in slides\" :key=\"index\">\n        <div\n          class=\"flex items-center isolate overflow-hidden w-full bg-left bg-cover bg-no-repeat bg-black rounded-2xl p-6 md:p-7 lg:p-24\"\n          :style=\"{\n            backgroundImage: 'url(' + slide.picture + ')',\n          }\"\n          :class=\"{\n            'justify-end items-end h-auto': size === 'sm',\n            'h-96': size === 'md',\n            'h-auto': size === 'lg',\n          }\"\n        >\n          <div v-if=\"opacity\" class=\"bg-black opacity-30 left-0 absolute w-full h-full top-0 rounded-2xl\"></div>\n\n          <div\n            class=\"z-10 flex flex-col justify-end md:justify-center gap-3 lg:gap-4 items-start flex-1 self-stretch md:my-8 text-white text-sm md:text-base lg:text-xl\"\n            :class=\"{\n              'w-full': size === 'sm',\n              'max-w-80': size === 'md',\n              'max-w-96': size === 'lg',\n            }\"\n          >\n            <h1 class=\"font-semibold text-neutral-inverse text-xl md:text-2xl lg:text-4xl\">\n              {{ slide.title }}\n            </h1>\n            <p\n              class=\"text-neutral-inverse font-medium text-sm md:text-base md:max-w-80 lg:text-xl lg:max-w-96\"\n              :class=\"{\n                'w-full': size === 'sm',\n                'w-80 max-w-80': size === 'md',\n                'w-96 max-w-96': size === 'lg',\n              }\"\n            >\n              {{ slide.description }}\n            </p>\n            <div class=\"py-2 md:py-3 lg:py-4\">\n              <ElButton v-bind=\"slide.button\" :size=\"buttonSize\" />\n            </div>\n          </div>\n        </div>\n      </swiper-slide>\n    </swiper>\n    <div class=\"px-6 w-full mb-20 hidden md:absolute md:mt-0 lg:top-60 md:bottom-0 lg:flex justify-between\">\n      <div class=\"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden\">\n        <ElIconButton :icon=\"{ name: 'ArrowSmallLeftIcon' }\" @click=\"swiperInstance?.slidePrev()\" />\n      </div>\n      <div class=\"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden\">\n        <ElIconButton :icon=\"{ name: 'ArrowSmallRightIcon' }\" @click=\"swiperInstance?.slideNext()\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["elCarouselSizes","device","useMatchDevice","buttonSize","computed","Device","swiperInstance","ref","modules","Navigation","Pagination","Keyboard"],"mappings":"qpEACaA,GAAkB,CAAC,KAAM,KAAM,IAAI,sFA6BhD,MAAMC,EAASC,IAETC,EAAaC,EAAS,IAAM,CAChC,OAAQH,EAAO,MAAO,CACpB,KAAKI,EAAO,QACH,MAAA,KACT,KAAKA,EAAO,OACH,MAAA,IACT,QACS,MAAA,IACX,CAAA,CACD,EAEKC,EAAiBC,IACjBC,EAAUD,EAAI,CAACE,EAAYC,EAAYC,CAAQ,CAAC"}
+{"version":3,"file":"ElCarousel.vue.esm2.js","sources":["../src/ElCarousel.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elCarouselSizes = ['sm', 'md', 'lg'] as const;\nexport type ElCarouselSizes = (typeof elCarouselSizes)[number];\n\nexport interface CarouselProps {\n  size?: ElCarouselSizes;\n  slides: CarouselSlide[];\n  opacity?: boolean;\n}\n\nexport interface CarouselSlide {\n  title: string;\n  description: string;\n  picture: string;\n  button: InstanceType<typeof ElButton>['$props'];\n}\n</script>\n\n<script lang=\"ts\" setup>\nimport { Keyboard, Navigation, Pagination } from 'swiper/modules';\nimport { Swiper, SwiperSlide } from 'swiper/vue';\nimport { ElButton, ElIconButton } from '.';\n\nimport 'swiper/css';\nimport 'swiper/css/pagination';\nimport { computed, ref } from 'vue';\nimport { Device, useMatchDevice } from './utils';\n\ndefineProps<CarouselProps>();\n\nconst device = useMatchDevice();\n\nconst buttonSize = computed(() => {\n  switch (device.value) {\n    case Device.Desktop:\n      return 'xl';\n    case Device.Tablet:\n      return 'l';\n    default:\n      return 'sm';\n  }\n});\n\nconst swiperInstance = ref();\nconst modules = ref([Navigation, Pagination, Keyboard]);\n</script>\n\n<template>\n  <div\n    class=\"w-full relative\"\n    :class=\"{\n      'max-w-2xl': size === 'md',\n      'max-w-7xl': size === 'lg',\n    }\"\n  >\n    <swiper\n      :space-between=\"30\"\n      :slides-per-view=\"1\"\n      :keyboard=\"{\n        enabled: true,\n      }\"\n      :pagination=\"{\n        clickable: true,\n      }\"\n      :loop=\"true\"\n      :navigation=\"true\"\n      :modules=\"modules\"\n      class=\"\"\n      @swiper=\"swiperInstance = $event\"\n    >\n      <swiper-slide v-for=\"(slide, index) in slides\" :key=\"index\">\n        <div\n          class=\"flex items-center isolate overflow-hidden w-full bg-left bg-cover bg-no-repeat bg-black rounded-2xl p-6 md:p-7 lg:p-24\"\n          :style=\"{\n            backgroundImage: 'url(' + slide.picture + ')',\n          }\"\n          :class=\"{\n            'justify-end items-end h-auto': size === 'sm',\n            'h-96': size === 'md',\n            'h-auto': size === 'lg',\n          }\"\n        >\n          <div v-if=\"opacity\" class=\"bg-black opacity-30 left-0 absolute w-full h-full top-0 rounded-2xl\"></div>\n\n          <div\n            class=\"z-10 flex flex-col justify-end md:justify-center gap-3 lg:gap-4 items-start flex-1 self-stretch md:my-8 text-white text-sm md:text-base lg:text-xl\"\n            :class=\"{\n              'w-full': size === 'sm',\n              'max-w-80': size === 'md',\n              'max-w-96': size === 'lg',\n            }\"\n          >\n            <h1 class=\"font-semibold text-neutral-inverse text-xl md:text-2xl lg:text-4xl\">\n              {{ slide.title }}\n            </h1>\n            <p\n              class=\"text-neutral-inverse font-medium text-sm md:text-base md:max-w-80 lg:text-xl lg:max-w-96\"\n              :class=\"{\n                'w-full': size === 'sm',\n                'w-80 max-w-80': size === 'md',\n                'w-96 max-w-96': size === 'lg',\n              }\"\n            >\n              {{ slide.description }}\n            </p>\n            <div class=\"py-2 md:py-3 lg:py-4\">\n              <ElButton v-bind=\"slide.button\" :size=\"buttonSize\" />\n            </div>\n          </div>\n        </div>\n      </swiper-slide>\n    </swiper>\n    <div v-if=\"slides.length > 1\" class=\"px-6 w-full mb-20 hidden md:absolute md:mt-0 lg:top-60 md:bottom-0 lg:flex justify-between\">\n      <div class=\"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden\">\n        <ElIconButton :icon=\"{ name: 'ArrowSmallLeftIcon' }\" @click=\"swiperInstance?.slidePrev()\" />\n      </div>\n      <div class=\"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden\">\n        <ElIconButton :icon=\"{ name: 'ArrowSmallRightIcon' }\" @click=\"swiperInstance?.slideNext()\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["elCarouselSizes","device","useMatchDevice","buttonSize","computed","Device","swiperInstance","ref","modules","Navigation","Pagination","Keyboard"],"mappings":"2pEACaA,GAAkB,CAAC,KAAM,KAAM,IAAI,sFA6BhD,MAAMC,EAASC,IAETC,EAAaC,EAAS,IAAM,CAChC,OAAQH,EAAO,MAAO,CACpB,KAAKI,EAAO,QACH,MAAA,KACT,KAAKA,EAAO,OACH,MAAA,IACT,QACS,MAAA,IACX,CAAA,CACD,EAEKC,EAAiBC,IACjBC,EAAUD,EAAI,CAACE,EAAYC,EAAYC,CAAQ,CAAC"}

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;