@davincihealthcare/elty-design-system-vue 1.64.3 → 2.0.1

package/dist/ElTag.vue.d.ts

@@ -1,41 +1,43 @@
 import { ElIconProps } from './ElIcon.vue';
 
-export declare const elTagColors: readonly ["primary", "rose", "pink", "purple", "indigo", "blue", "cyan", "gray", "teal", "green", "yellow", "orange", "red"];
+export declare const elTagColors: readonly ["brand-blue", "rose", "pink", "purple", "indigo", "blue", "cyan", "gray", "brand-green", "green", "yellow", "orange", "red"];
 export type ElTagColor = (typeof elTagColors)[number];
 export declare const elTagSizes: readonly ["xxs", "xs"];
 export type ElTagSize = (typeof elTagSizes)[number];
+export declare const elTagAppearance: readonly ["filled", "outlined"];
+export type ElTagAppearance = (typeof elTagAppearance)[number];
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text: string;
     color?: ElTagColor;
     size?: ElTagSize;
-    outlined?: boolean;
+    appearance?: ElTagAppearance;
     leadingIcon?: ElIconProps;
     trailingIcon?: ElIconProps;
 }>, {
     color: string;
     size: string;
-    outlined: boolean;
+    appearance: string;
     leadingIcon: undefined;
     trailingIcon: undefined;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text: string;
     color?: ElTagColor;
     size?: ElTagSize;
-    outlined?: boolean;
+    appearance?: ElTagAppearance;
     leadingIcon?: ElIconProps;
     trailingIcon?: ElIconProps;
 }>, {
     color: string;
     size: string;
-    outlined: boolean;
+    appearance: string;
     leadingIcon: undefined;
     trailingIcon: undefined;
 }>>>, {
     color: ElTagColor;
     size: ElTagSize;
+    appearance: ElTagAppearance;
     leadingIcon: ElIconProps;
     trailingIcon: ElIconProps;
-    outlined: boolean;
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/index.js

@@ -23447,7 +23447,7 @@ const aB = () => {
   key: 1,
   class: "text-xs"
 }, wP = [
-  "primary",
+  "brand-blue",
   "rose",
   "pink",
   "purple",
@@ -23455,18 +23455,18 @@ const aB = () => {
   "blue",
   "cyan",
   "gray",
-  "teal",
+  "brand-green",
   "green",
   "yellow",
   "orange",
   "red"
-], DP = ["xxs", "xs"], ya = /* @__PURE__ */ Te({
+], DP = ["xxs", "xs"], gP = ["filled", "outlined"], ya = /* @__PURE__ */ Te({
   __name: "ElTag",
   props: {
     text: {},
-    color: { default: "primary" },
+    color: { default: "brand-blue" },
     size: { default: "xxs" },
-    outlined: { type: Boolean, default: !1 },
+    appearance: { default: "filled" },
     leadingIcon: { default: void 0 },
     trailingIcon: { default: void 0 }
   },
@@ -23487,8 +23487,8 @@ const aB = () => {
           return "bg-cyan-50 text-cyan-700";
         case "gray":
           return "bg-gray-100 text-neutral-darker";
-        case "teal":
-          return "bg-teal-50 text-teal-700";
+        case "brand-green":
+          return "bg-brandGreen-100 text-brandGreen-700";
         case "green":
           return "bg-green-50 text-green-700";
         case "yellow":
@@ -23497,9 +23497,9 @@ const aB = () => {
           return "bg-orange-50 text-orange-700";
         case "red":
           return "bg-red-50 text-red-700";
-        case "primary":
+        case "brand-blue":
         default:
-          return "bg-brandBlue-100 text-brandBlue-800";
+          return "bg-brandBlue-200 text-brandBlue-800";
       }
     }), A = te(() => {
       switch (e.color) {
@@ -23517,8 +23517,8 @@ const aB = () => {
           return "text-cyan-500 border border-cyan-500";
         case "gray":
           return "text-neutral-lighter border border-gray-500";
-        case "teal":
-          return "text-teal-500 border border-teal-500";
+        case "brand-green":
+          return "text-brandGreen-700 border border-brandGreen-500";
         case "green":
           return "text-green-500 border border-green-500";
         case "yellow":
@@ -23527,7 +23527,7 @@ const aB = () => {
           return "text-orange-500 border border-orange-500";
         case "red":
           return "text-red-500 border border-red-500";
-        case "primary":
+        case "brand-blue":
         default:
           return "text-brandBlue-800 border border-brandBlue-800";
       }
@@ -23538,7 +23538,7 @@ const aB = () => {
           "h-5 px-2": o.size === "xxs",
           "h-6 px-3": o.size === "xs"
         },
-        o.outlined ? A.value : r.value
+        o.appearance === "outlined" ? A.value : r.value
       ]])
     }, [
       o.leadingIcon ? (I(), Ae(Qe, {
@@ -23572,7 +23572,7 @@ const aB = () => {
 }, null, -1), dG = [
   cG,
   uG
-], NG = { key: 0 }, gP = ["normal", "larger"], N5 = /* @__PURE__ */ Te({
+], NG = { key: 0 }, PP = ["normal", "larger"], N5 = /* @__PURE__ */ Te({
   __name: "ElSpinner",
   props: {
     label: { default: "" },
@@ -23600,7 +23600,7 @@ const aB = () => {
 }), CG = { class: "flex flex-row items-start gap-x-2 flex-grow basis-64" }, LG = { class: "text-sm flex flex-col flex-grow mt-0.5" }, RG = {
   key: 0,
   class: "font-semibold min-h-6"
-}, SG = { key: 1 }, PP = ["error", "warning", "info"], ZP = /* @__PURE__ */ Te({
+}, SG = { key: 1 }, ZP = ["error", "warning", "info"], FP = /* @__PURE__ */ Te({
   __name: "ElInlineBanner",
   props: {
     status: { default: "info" },
@@ -23665,7 +23665,7 @@ const aB = () => {
   hG
 ], vG = /* @__PURE__ */ O("path", { d: "M10 5.5C7.24 5.5 5 7.74 5 10.5C5 13.26 7.24 15.5 10 15.5C12.76 15.5 15 13.26 15 10.5C15 7.74 12.76 5.5 10 5.5ZM10 0.5C4.48 0.5 0 4.98 0 10.5C0 16.02 4.48 20.5 10 20.5C15.52 20.5 20 16.02 20 10.5C20 4.98 15.52 0.5 10 0.5ZM10 18.5C5.58 18.5 2 14.92 2 10.5C2 6.08 5.58 2.5 10 2.5C14.42 2.5 18 6.08 18 10.5C18 14.92 14.42 18.5 10 18.5Z" }, null, -1), pG = [
   vG
-], FP = ["xs", "xxs"], xP = ["primary", "secondary", "inactive"], Un = Hr(), UP = /* @__PURE__ */ Te({
+], xP = ["xs", "xxs"], UP = ["primary", "secondary", "inactive"], Un = Hr(), yP = /* @__PURE__ */ Te({
   __name: "ElInputRadioButton",
   props: {
     id: Un.id,
@@ -24975,7 +24975,7 @@ const aB = () => {
       }, null, 8, ["total-rows-count", "rows-per-page", "hide-footer", "onUpdate:currentPage"])
     ]));
   }
-}), yP = ["vertical", "horizontal"], il = /* @__PURE__ */ Te({
+}), HP = ["vertical", "horizontal"], il = /* @__PURE__ */ Te({
   __name: "ElDivider",
   props: {
     direction: { default: "horizontal" }
@@ -25165,7 +25165,7 @@ const mV = {
 }, VV = { class: "fixed inset-0 transition-opacity" }, wV = { class: "flex items-center justify-between gap-2 flex-1 overflow-hidden" }, DV = { class: "text-xl font-semibold truncate flex-1" }, gV = {
   key: 0,
   class: "text-base font-normal text-wrap break-words"
-}, XA = ["xs", "m", "l", "xl"], PV = { xs: 360, m: 576, l: 768, xl: 1280 }, HP = ["primary", "secondary", "error"], Il = /* @__PURE__ */ Te({
+}, XA = ["xs", "m", "l", "xl"], PV = { xs: 360, m: 576, l: 768, xl: 1280 }, bP = ["primary", "secondary", "error"], Il = /* @__PURE__ */ Te({
   __name: "ElModal",
   props: /* @__PURE__ */ jn({
     size: { default: "m" },
@@ -25292,7 +25292,7 @@ const mV = {
 }, xV = { class: "flex flex-col space-y-1 justify-center items-center self-stretch" }, UV = ["datetime"], yV = { class: "flex justify-center items-center flex-grow" }, HV = {
   key: 1,
   class: "h-4 relative flex justify-center items-end"
-}, bP = ["primary", "secondary"], kP = ["default", "hover", "active"], bV = /* @__PURE__ */ Te({
+}, kP = ["primary", "secondary"], _P = ["default", "hover", "active"], bV = /* @__PURE__ */ Te({
   __name: "ElVerticalTab",
   props: {
     icon: {},
@@ -25379,7 +25379,7 @@ const mV = {
 }, WV = { class: "flex items-center gap-2" }, QV = { class: "min-w-44" }, qV = { class: "px-4 pb-6" }, YV = {
   key: 1,
   class: "flex"
-}, KV = { class: "min-w-72" }, XV = { class: "flex-1 w-full" }, _P = ["table", "drawer"], $P = /* @__PURE__ */ Te({
+}, KV = { class: "min-w-72" }, XV = { class: "flex-1 w-full" }, $P = ["table", "drawer"], zP = /* @__PURE__ */ Te({
   __name: "ElContainerTemplate",
   props: {
     title: {},
@@ -25438,7 +25438,7 @@ const mV = {
       ]);
     };
   }
-}), JV = ["id", "checked", "data-cy"], ew = ["for"], zP = ["xs", "xxs"], jP = ["primary", "secondary"], WP = ["left", "right"], QP = /* @__PURE__ */ Te({
+}), JV = ["id", "checked", "data-cy"], ew = ["for"], jP = ["xs", "xxs"], WP = ["primary", "secondary"], QP = ["left", "right"], qP = /* @__PURE__ */ Te({
   __name: "ElInputSwitch",
   props: {
     modelValue: { type: Boolean },
@@ -29227,7 +29227,7 @@ const VD = {
 }, DD = {
   key: 0,
   class: "bg-black opacity-30 left-0 absolute w-full h-full top-0 rounded-2xl"
-}, gD = { class: "font-semibold text-neutral-inverse text-xl md:text-2xl lg:text-4xl" }, PD = { class: "py-2 md:py-3 lg:py-4" }, ZD = { class: "px-6 w-full mb-20 hidden md:absolute md:mt-0 lg:top-60 md:bottom-0 lg:flex justify-between" }, FD = { class: "w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden" }, xD = { class: "w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden" }, qP = ["sm", "md", "lg"], YP = /* @__PURE__ */ Te({
+}, gD = { class: "font-semibold text-neutral-inverse text-xl md:text-2xl lg:text-4xl" }, PD = { class: "py-2 md:py-3 lg:py-4" }, ZD = { class: "px-6 w-full mb-20 hidden md:absolute md:mt-0 lg:top-60 md:bottom-0 lg:flex justify-between" }, FD = { class: "w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden" }, xD = { class: "w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden" }, YP = ["sm", "md", "lg"], KP = /* @__PURE__ */ Te({
   __name: "ElCarousel",
   props: {
     size: {},
@@ -29331,7 +29331,7 @@ const VD = {
 }), UD = ["data-cy"], yD = {
   key: 2,
   class: "h-4 ml-1 relative flex justify-center items-start"
-}, KP = ["base", "l"], XP = ["primary", "secondary"], JP = ["default", "hover", "pressed", "active"], eZ = /* @__PURE__ */ Te({
+}, XP = ["base", "l"], JP = ["primary", "secondary"], eZ = ["default", "hover", "pressed", "active"], tZ = /* @__PURE__ */ Te({
   __name: "ElActionButton",
   props: {
     id: {},
@@ -29916,7 +29916,7 @@ const VD = {
 }, xg = { class: "text-sm font-normal text-neutral-darker" }, Ug = { class: "fixed inset-0 transition-opacity" }, yg = {
   ref: "backdrop",
   class: "absolute inset-0 bg-gray-500 opacity-75"
-}, tZ = ["primary", "secondary"], rZ = ["default", "filled", "blank"], nZ = /* @__PURE__ */ Te({
+}, rZ = ["primary", "secondary"], nZ = ["default", "filled", "blank"], AZ = /* @__PURE__ */ Te({
   __name: "ElInputSearch",
   props: /* @__PURE__ */ jn({
     ...u5(),
@@ -30053,7 +30053,7 @@ const VD = {
       })
     ]));
   }
-}), AZ = /* @__PURE__ */ Te({
+}), aZ = /* @__PURE__ */ Te({
   __name: "ElResponsiveTable",
   props: {
     columns: {},
@@ -30541,7 +30541,7 @@ const VD = {
       }, 8, ["color", "selection", "data", "filters", "loading", "prevent-default-item-click"]);
     };
   }
-}), aZ = /* @__PURE__ */ Te({
+}), oZ = /* @__PURE__ */ Te({
   __name: "ElServerSideResponsiveTable",
   props: {
     mobileBehaviour: {},
@@ -30906,22 +30906,22 @@ export {
   bs as DrugTimeMeasures,
   ks as DrugUnitMeasures,
   Qg as ElAccordion,
-  eZ as ElActionButton,
+  tZ as ElActionButton,
   or as ElAvatar,
   I5 as ElBadge,
   $0 as ElButton,
   tP as ElCalendarCard,
   aP as ElCalendarCell,
-  YP as ElCarousel,
+  KP as ElCarousel,
   Xs as ElClipToAnchor,
-  $P as ElContainerTemplate,
+  zP as ElContainerTemplate,
   il as ElDivider,
   nB as ElDrawer,
   rO as ElDropdown,
   CB as ElFile,
   Qe as ElIcon,
   p0 as ElIconButton,
-  ZP as ElInlineBanner,
+  FP as ElInlineBanner,
   Jt as ElInputCheckbox,
   x1 as ElInputContainer,
   xa as ElInputDate,
@@ -30929,10 +30929,10 @@ export {
   SP as ElInputMeasureUnit,
   TP as ElInputNumber,
   fP as ElInputPhone,
-  UP as ElInputRadioButton,
-  nZ as ElInputSearch,
+  yP as ElInputRadioButton,
+  AZ as ElInputSearch,
   Ua as ElInputSelect,
-  QP as ElInputSwitch,
+  qP as ElInputSwitch,
   br as ElInputText,
   hP as ElInputTextarea,
   Al as ElItem,
@@ -30940,9 +30940,9 @@ export {
   pP as ElLogo,
   pO as ElMobileTable,
   Il as ElModal,
-  AZ as ElResponsiveTable,
+  aZ as ElResponsiveTable,
   Hg as ElServerSideMobileTable,
-  aZ as ElServerSideResponsiveTable,
+  oZ as ElServerSideResponsiveTable,
   TV as ElServerSideTable,
   iG as ElSortingHeader,
   N5 as ElSpinner,
@@ -30962,9 +30962,9 @@ export {
   _g as EltyVuePlugin,
   Za as Role,
   Wg as elAccordionColors,
-  XP as elActionButtonColors,
-  KP as elActionButtonSizes,
-  JP as elActionButtonStatus,
+  JP as elActionButtonColors,
+  XP as elActionButtonSizes,
+  eZ as elActionButtonStatus,
   qg as elAvatarSizes,
   Yg as elBadgeColors,
   Kg as elButtonSizes,
@@ -30973,43 +30973,44 @@ export {
   eP as elCalendarCardStatuses,
   AP as elCalendarCellAvailabilities,
   nP as elCalendarCellColors,
-  qP as elCarouselSizes,
+  YP as elCarouselSizes,
   wp as elClipToAnchorPositions,
-  _P as elContainerTemplateVariants,
-  yP as elDividerDirection,
+  $P as elContainerTemplateVariants,
+  HP as elDividerDirection,
   OP as elDropdownMaxHeight,
   IP as elFileVariants,
   lP as elIconButtonSizes,
   Qv as elIconColors,
-  PP as elInlineBannerStatuses,
+  ZP as elInlineBannerStatuses,
   cP as elInputCheckboxColors,
   uP as elInputCheckboxModelValues,
   EP as elInputCheckboxSizes,
   dP as elInputDateTypes,
   LP as elInputFileTypes,
-  tZ as elInputSearchColors,
-  rZ as elInputSearchStatus,
+  rZ as elInputSearchColors,
+  nZ as elInputSearchStatus,
   sP as elInputTextTypes,
   MP as elLogoColors,
   vP as elLogoVariants,
-  HP as elModalColors,
+  bP as elModalColors,
   XA as elModalSizes,
   PV as elModalSizesBreakpoints,
-  xP as elRadioButtonColors,
-  FP as elRadioButtonSizes,
+  UP as elRadioButtonColors,
+  xP as elRadioButtonSizes,
   BP as elSortingHeaderDirections,
-  gP as elSpinnerSize,
-  WP as elSwitchAligns,
-  jP as elSwitchColors,
-  zP as elSwitchSizes,
+  PP as elSpinnerSize,
+  QP as elSwitchAligns,
+  WP as elSwitchColors,
+  jP as elSwitchSizes,
   iP as elTabColors,
   oP as elTabStatuses,
+  gP as elTagAppearance,
   wP as elTagColors,
   DP as elTagSizes,
   NP as elToastStates,
   rP as elTooltipPositions,
-  bP as elVerticalTabColors,
-  kP as elVerticalTabStatus,
+  kP as elVerticalTabColors,
+  _P as elVerticalTabStatus,
   BB as toast
 };
 //# sourceMappingURL=index.js.map