@davincihealthcare/elty-design-system-vue 1.23.0 → 1.25.0

package/README.md

@@ -14,7 +14,7 @@ Then install required plugins and the design system package itself
 
 ```bash
 # using yarn (or any other package manager)
-yarn add -D tailwindcss postcss autoprefixer @tailwindcss/forms @tailwindcss/typography
+yarn add -D tailwindcss postcss autoprefixer @tailwindcss/forms @tailwindcss/typography @tailwindcss/line-clamp
 yarn add @davincihealthcare/elty-design-system-vue
 ```
 

package/dist/ElBadge.vue.d.ts

@@ -1,19 +1,12 @@
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+export declare const elBadgeColors: readonly ["primary", "secondary", "red"];
+export type ElBadgeColors = (typeof elBadgeColors)[number];
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
     value?: string | undefined;
-    red?: boolean | undefined;
-}>, {
-    value: undefined;
-    red: boolean;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    color: ElBadgeColors;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     value?: string | undefined;
-    red?: boolean | undefined;
-}>, {
-    value: undefined;
-    red: boolean;
-}>>>, {
-    red: boolean;
-    value: string;
-}, {}>;
+    color: ElBadgeColors;
+}>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -24,11 +17,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/dist/ElButton.vue.d.ts

@@ -1,5 +1,5 @@
-import { ElIconProps } from './ElIcon.vue';
 import { ButtonHTMLAttributes } from 'vue';
+import { ElIconProps } from './ElIcon.vue';
 
 export declare const elButtonSizes: readonly ["xs", "sm", "base", "l", "xl"];
 export type ElButtonSize = (typeof elButtonSizes)[number];

package/dist/ElItem.vue.d.ts

@@ -1,5 +1,5 @@
-import { ElIconProps } from './ElIcon.vue';
 import { AvatarParameters } from './types';
+import { ElIconProps } from './ElIcon.vue';
 
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text: string;

package/dist/ElModal.vue.d.ts

@@ -1,5 +1,5 @@
-import { default as ElButton } from './ElButton.vue';
 import { default as ElIcon } from './ElIcon.vue';
+import { default as ElButton } from './ElButton.vue';
 
 export interface ElModalProps {
     isOpen?: boolean;
@@ -38,7 +38,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     "onUpdate:isOpen"?: ((isOpen?: boolean | undefined) => any) | undefined;
 }, {
     title: string;
-    color: "error" | "primary" | "secondary";
+    color: "primary" | "secondary" | "error";
     size: "xs" | "l" | "xl" | "m";
     isOpen: boolean;
     description: string;

package/dist/ElTableCell.vue.d.ts

@@ -1,6 +1,6 @@
-import { default as ElTag } from './ElTag.vue';
-import { default as ElButton } from './ElButton.vue';
 import { default as ElIconButton } from './ElIconButton.vue';
+import { default as ElButton } from './ElButton.vue';
+import { default as ElTag } from './ElTag.vue';
 
 export declare const dataCellTypes: readonly ["default", "tag", "action"];
 export type DataCellType = (typeof dataCellTypes)[number];

package/dist/ElVerticalTab.vue.d.ts

@@ -0,0 +1,140 @@
+export declare const elVerticalTabColors: readonly ["primary", "secondary"];
+export type ElVerticalTabColors = (typeof elVerticalTabColors)[number];
+export declare const elVerticalTabStatus: readonly ["default", "active"];
+export type ElVerticalTabStatus = (typeof elVerticalTabStatus)[number];
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    icon?: (Partial<{}> & Omit<{
+        readonly name: import('./ElIcon.vue').IconNames;
+        readonly solid?: boolean | undefined;
+        readonly disabled?: boolean | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+        name: {
+            type: import('vue').PropType<import('./ElIcon.vue').IconNames>;
+            required: true;
+        };
+        solid: {
+            type: import('vue').PropType<boolean>;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+        };
+    }>>, never>) | undefined;
+    avatar?: (Partial<{
+        label: string;
+        picture: string;
+        size: "xs" | "sm" | "xl" | "xxs" | "md" | "lg";
+    }> & Omit<{
+        readonly size: "xs" | "sm" | "xl" | "xxs" | "md" | "lg";
+        readonly label?: string | undefined;
+        readonly picture?: string | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+        label: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
+        picture: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
+        size: {
+            type: import('vue').PropType<"xs" | "sm" | "xl" | "xxs" | "md" | "lg">;
+            required: true;
+            default: string;
+        };
+    }>>, "label" | "picture" | "size">) | undefined;
+    primaryRow: string;
+    secondaryRow?: string | undefined;
+    tertiaryRow?: string | undefined;
+    lineClamp?: 1 | 2 | undefined;
+    time?: string | undefined;
+    badge?: (Partial<{}> & Omit<{
+        readonly color: "red" | "primary" | "secondary";
+        readonly value?: string | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+        value: {
+            type: import('vue').PropType<string>;
+        };
+        color: {
+            type: import('vue').PropType<"red" | "primary" | "secondary">;
+            required: true;
+        };
+    }>>, never>) | undefined;
+    color?: "primary" | "secondary" | undefined;
+    status?: "default" | "active" | undefined;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    icon?: (Partial<{}> & Omit<{
+        readonly name: import('./ElIcon.vue').IconNames;
+        readonly solid?: boolean | undefined;
+        readonly disabled?: boolean | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+        name: {
+            type: import('vue').PropType<import('./ElIcon.vue').IconNames>;
+            required: true;
+        };
+        solid: {
+            type: import('vue').PropType<boolean>;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+        };
+    }>>, never>) | undefined;
+    avatar?: (Partial<{
+        label: string;
+        picture: string;
+        size: "xs" | "sm" | "xl" | "xxs" | "md" | "lg";
+    }> & Omit<{
+        readonly size: "xs" | "sm" | "xl" | "xxs" | "md" | "lg";
+        readonly label?: string | undefined;
+        readonly picture?: string | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+        label: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
+        picture: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
+        size: {
+            type: import('vue').PropType<"xs" | "sm" | "xl" | "xxs" | "md" | "lg">;
+            required: true;
+            default: string;
+        };
+    }>>, "label" | "picture" | "size">) | undefined;
+    primaryRow: string;
+    secondaryRow?: string | undefined;
+    tertiaryRow?: string | undefined;
+    lineClamp?: 1 | 2 | undefined;
+    time?: string | undefined;
+    badge?: (Partial<{}> & Omit<{
+        readonly color: "red" | "primary" | "secondary";
+        readonly value?: string | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+        value: {
+            type: import('vue').PropType<string>;
+        };
+        color: {
+            type: import('vue').PropType<"red" | "primary" | "secondary">;
+            required: true;
+        };
+    }>>, never>) | undefined;
+    color?: "primary" | "secondary" | undefined;
+    status?: "default" | "active" | undefined;
+}>>>, {}, {}>, {
+    "traling-slot"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
 import { NumberValueType } from './input';
+import { PropType } from 'vue';
 
 export declare const elInputDateTypes: readonly ["date", "datetime-local", "time"];
 export type ElInputDateType = (typeof elInputDateTypes)[number];

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

@@ -1,5 +1,5 @@
-import { NumberValueType } from './input';
 import { PropType } from 'vue';
+import { NumberValueType } from './input';
 
 interface MeasureUnitTypes {
     weight: string[];

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

@@ -1,6 +1,6 @@
-import { PropType } from 'vue';
-import { OptionType } from '../types';
 import { AutocompleteOptionType } from './utils';
+import { OptionType } from '../types';
+import { PropType } from 'vue';
 
 type ValueType = string | string[] | null | undefined;
 declare const _default: import('vue').DefineComponent<{

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

@@ -1,6 +1,6 @@
-import { TextualValueType } from './input';
-import { PropType } from 'vue';
 import { ElIconProps } from '../ElIcon.vue';
+import { PropType } from 'vue';
+import { TextualValueType } from './input';
 
 export declare const elInputTextTypes: readonly ["text", "password"];
 export type ElInputTextType = (typeof elInputTextTypes)[number];

package/dist/index.d.ts

@@ -80,3 +80,5 @@ export * from './ElDivider.vue';
 export { default as ElDivider } from './ElDivider.vue';
 export * from './ElModal.vue';
 export { default as ElModal } from './ElModal.vue';
+export * from './ElVerticalTab.vue';
+export { default as ElVerticalTab } from './ElVerticalTab.vue';