@davincihealthcare/elty-design-system-vue 1.10.4 → 1.11.1

package/README.md

@@ -94,17 +94,17 @@ As it has been set the following as `peer dependencies`
 
 This section handles the styling for your Vue component library, leveraging Tailwind CSS for efficiency. Here's a breakdown of the process:
 
-1. Base Styles (src/style.css):
+1. Base Styles (`src/style.css`):
 
    This file is where you define the foundational CSS styles that you want to use in conjunction with Tailwind. Focus on including essential styles that are unlikely to change frequently. This helps maintain a clean separation between your core design principles and the dynamic nature of Tailwind classes.
 
-2. Tailwind Processing (yarn build):
+2. Tailwind Processing (`yarn build`):
    Running yarn build triggers postcss, a CSS preprocessor. It scans src/style.css and replaces Tailwind directives (@apply, etc.) with actual CSS classes based on your Tailwind configuration. The processed output is saved as dist/style.css.
 
-3. CJS Conversion (yarn build-prejss):
+3. CJS Conversion (`yarn build-prejss`):
    A separate script (potentially yarn build-prejss) is called during yarn build. It takes the processed CSS file (dist/style.css) and generates a CommonJS module (dist/style.cjs). This format is necessary because your src/tailwind.plugin.ts file will import it (explained below).
 
-4. Tailwind Integration (src/tailwind.plugin.ts):
+4. Tailwind Integration (`src/tailwind.plugin.ts`):
    This file defines the Tailwind plugin used within your library. It imports the generated dist/style.cjs file. When you integrate your library into another project that has Tailwind installed, this import will work seamlessly because the library will include the compiled style.cjs file.
 
    Key Points:

package/dist/ElCalendarCard.vue.d.ts

@@ -1,4 +1,4 @@
-export declare const elCalendarCardColors: readonly ["purple", "orange", "brandBlue", "green", "rose", "indigo", "red", "pink", "cyan", "sapphire", "teal", "yellow"];
+export declare const elCalendarCardColors: readonly ["purple", "orange", "brandBlue", "green", "rose", "indigo", "red", "pink", "cyan", "sapphire", "teal", "yellow", "gray"];
 export type ElCalendarCardColor = (typeof elCalendarCardColors)[number];
 export declare const elCalendarCardStatuses: readonly ["confirmed", "to-be-confirmed", "past"];
 export type ElCalendarCardStatus = (typeof elCalendarCardStatuses)[number];

package/dist/ElTag.vue.d.ts

@@ -5,7 +5,7 @@ export declare const elTagSizes: readonly ["xxs", "xs"];
 export type ElTagSize = (typeof elTagSizes)[number];
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text: string;
-    color?: "pink" | "yellow" | "orange" | "cyan" | "rose" | "green" | "red" | "purple" | "indigo" | "primary" | "teal" | "blue" | "gray" | undefined;
+    color?: "pink" | "yellow" | "orange" | "cyan" | "rose" | "green" | "red" | "purple" | "indigo" | "primary" | "teal" | "gray" | "blue" | undefined;
     size?: "xs" | "xxs" | undefined;
     outlined?: boolean | undefined;
     leadingIcon?: ElIconProps | undefined;
@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     trailingIcon: undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text: string;
-    color?: "pink" | "yellow" | "orange" | "cyan" | "rose" | "green" | "red" | "purple" | "indigo" | "primary" | "teal" | "blue" | "gray" | undefined;
+    color?: "pink" | "yellow" | "orange" | "cyan" | "rose" | "green" | "red" | "purple" | "indigo" | "primary" | "teal" | "gray" | "blue" | undefined;
     size?: "xs" | "xxs" | undefined;
     outlined?: boolean | undefined;
     leadingIcon?: ElIconProps | undefined;

package/dist/index.js

@@ -16551,7 +16551,8 @@ const Nh = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   "cyan",
   "sapphire",
   "teal",
-  "yellow"
+  "yellow",
+  "gray"
 ], fB = ["confirmed", "to-be-confirmed", "past"], vB = /* @__PURE__ */ a0({
   __name: "ElCalendarCard",
   props: {
@@ -16576,7 +16577,8 @@ const Nh = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       cyan: "bg-cyan-500",
       sapphire: "bg-brandBlue-500",
       teal: "bg-teal-500",
-      yellow: "bg-yellow-500"
+      yellow: "bg-yellow-500",
+      gray: "bg-neutral-500"
     }, O = {
       purple: "bg-purple-300",
       orange: "bg-orange-300",
@@ -16589,7 +16591,8 @@ const Nh = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       cyan: "bg-cyan-300",
       sapphire: "bg-brandBlue-300",
       teal: "bg-teal-300",
-      yellow: "bg-yellow-300"
+      yellow: "bg-yellow-300",
+      gray: "bg-neutral-300"
     }, a = {
       purple: "text-purple-500 border-purple-500",
       orange: "text-orange-500 border-orange-500",
@@ -16602,7 +16605,8 @@ const Nh = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       cyan: "text-cyan-500 border-cyan-500",
       sapphire: "text-brandBlue-500 border-brandBlue-500",
       teal: "text-teal-500 border-teal-500",
-      yellow: "text-yellow-500 border-yellow-500"
+      yellow: "text-yellow-500 border-yellow-500",
+      gray: "text-neutral-500 border-neutral-500"
     };
     return (i, l) => (E(), o("div", {
       class: Q(["-ml-1 -mr-1 pr-0.5", { "pl-3": i.horizontalPaddingLeft }]),