@evixcard/evx-ui-kit 1.7.1 → 1.8.0

package/dist/components/EvBadge/variants.d.ts

@@ -1,4 +1,4 @@
-export type BadgeVariant = 'active' | 'inactive' | 'pending' | 'warning' | 'info' | 'error' | 'count' | 'count-neutral';
+export type BadgeVariant = 'active' | 'success' | 'inactive' | 'pending' | 'warning' | 'info' | 'confirmed' | 'error' | 'count' | 'count-neutral';
 export declare const badgeBase = "inline-flex items-center";
 export declare const statusBase = "px-3 py-1 rounded-full text-xs-regular ring-1 ring-inset";
 export declare const countBase = "px-1.5 py-0.5 rounded text-[10px] font-medium leading-none";

package/dist/components/EvButton/variants.d.ts

@@ -10,6 +10,9 @@ export declare const variants: {
     danger: string;
     success: string;
     warning: string;
+    action: string;
+    growth: string;
+    accent: string;
     icon: string;
 };
 export declare const sizes: {

package/dist/components/EvCheckbox/EvCheckbox.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/EvCheckbox/EvCheckbox.vue.d.ts

@@ -1,9 +1,14 @@
+type __VLS_Props = {
+    variant?: 'default' | 'brand';
+};
 type __VLS_PublicProps = {
     modelValue?: boolean;
-};
+} & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {
+    variant: "default" | "brand";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/EvDataTable/EvDataCard.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/EvDataTable/EvDataCard.vue.d.ts

@@ -0,0 +1,39 @@
+import { EvDataTableColumn } from './types.ts';
+declare const _default: <T extends Record<string, unknown> = Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onClick?: (() => any) | undefined;
+        readonly onToggle?: (() => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick" | "onToggle"> & {
+        row: T;
+        /** Column shown as the card heading (top, full width). */
+        titleColumn?: EvDataTableColumn;
+        /** Columns rendered in the label:value grid. */
+        gridColumns?: EvDataTableColumn[];
+        /** Column rendered in the actions footer (right-aligned). */
+        actionsColumn?: EvDataTableColumn;
+        selectable?: boolean;
+        selected?: boolean;
+        selectLabel?: string;
+        /** Grid density for the label:value section. */
+        gridCols?: 1 | 2 | 3;
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Partial<Record<`cell-${string}`, (_: {
+        row: T;
+        value: unknown;
+    }) => any>> & Partial<Record<`cell-${string}`, (_: {
+        row: T;
+        value: unknown;
+    }) => any>> & Partial<Record<`cell-${string}`, (_: {
+        row: T;
+        value: unknown;
+    }) => any>>;
+    emit: ((evt: "click") => void) & ((evt: "toggle") => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/EvDataTable/EvDataTable.vue.d.ts

@@ -3,28 +3,25 @@ declare const _default: <T extends Record<string, unknown> = Record<string, unkn
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onSort?: ((field: string, direction: "desc" | "asc") => any) | undefined;
         readonly "onUpdate:page"?: ((page: number) => any) | undefined;
+        readonly "onUpdate:view"?: ((value: "table" | "cards") => any) | undefined;
         readonly "onRow-click"?: ((row: T) => any) | undefined;
         readonly "onUpdate:selectedKeys"?: ((keys: (string | number)[]) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:page" | "onSort" | "onRow-click" | "onUpdate:selectedKeys"> & EvDataTableProps<T> & Partial<{}>> & import('vue').PublicProps;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:page" | "onSort" | "onUpdate:view" | "onRow-click" | "onUpdate:selectedKeys"> & ({
+        view?: "table" | "cards";
+    } & EvDataTableProps<T>) & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: Partial<Record<`cell-${string}`, (_: {
         row: T;
         value: unknown;
-    }) => any>> & Partial<Record<`cell-${string}`, (_: {
-        row: T;
-        value: unknown;
-    }) => any>> & Partial<Record<`cell-${string}`, (_: {
-        row: T;
-        value: unknown;
-    }) => any>> & Partial<Record<`cell-${string}`, (_: {
+    }) => any>> & Partial<Record<number, (_: {
         row: T;
         value: unknown;
     }) => any>> & {
         empty?(_: {}): any;
         empty?(_: {}): any;
     };
-    emit: ((evt: "sort", field: string, direction: "desc" | "asc") => void) & ((evt: "update:page", page: number) => void) & ((evt: "row-click", row: T) => void) & ((evt: "update:selectedKeys", keys: (string | number)[]) => void);
+    emit: (((evt: "sort", field: string, direction: "desc" | "asc") => void) & ((evt: "update:page", page: number) => void) & ((evt: "row-click", row: T) => void) & ((evt: "update:selectedKeys", keys: (string | number)[]) => void)) & ((evt: "update:view", value: "table" | "cards") => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/EvDataTable/index.d.ts

@@ -1,2 +1,3 @@
 export { default as EvDataTable } from './EvDataTable.vue';
+export { default as EvDataCard } from './EvDataCard.vue';
 export type { EvDataTableColumn, EvDataTableProps } from './types.ts';

package/dist/components/EvDataTable/types.d.ts

@@ -24,6 +24,16 @@ export interface EvDataTableProps<T extends Record<string, unknown> = Record<str
     mobileLayout?: 'auto' | 'cards' | 'table';
     /** Column key used as the card title in card layout. Defaults to the first column. */
     cardTitleKey?: string;
+    /** Card grid density for the label:value section. Default 2. */
+    cardGridCols?: 1 | 2 | 3;
+    /**
+     * Scope of the Card/Table view toggle (DEV-611):
+     * - false (default): legacy — toggle under lg only, desktop always table (`mobileLayout` rules).
+     * - true: toggle shown at ALL breakpoints and switches table<->cards on desktop too,
+     *   driven by the `view` v-model (defaults to 'table'). When true, `mobileLayout` is
+     *   ignored and the card list renders as a responsive grid (1/2/3 cols by breakpoint).
+     */
+    viewToggle?: boolean;
     /**
      * Accessible-name builder for the per-row selection checkbox (card + table).
      * Defaults to `Select <rowKey value>`. The header select-all is always "Select all".

package/dist/components/EvIcon/icons.d.ts

@@ -11,6 +11,7 @@ export declare const icons: {
     'layout-dashboard': import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
     'layout-grid': import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
     layers: import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
+    list: import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
     table: import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
     menu: import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
     'chevron-left': import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;

package/dist/components/EvRadio/EvRadio.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/EvRadio/EvRadio.vue.d.ts

@@ -10,6 +10,7 @@ export interface EvRadioProps {
     label?: string;
     disabled?: boolean;
     name?: string;
+    variant?: 'default' | 'brand';
 }
 declare const _default: import('vue').DefineComponent<EvRadioProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;

package/dist/components/EvRadio/EvRadioOption.vue.d.ts

@@ -2,6 +2,7 @@ export interface EvRadioOptionProps {
     value: any;
     disabled?: boolean;
     as?: string | object;
+    variant?: 'default' | 'brand';
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -25,6 +26,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<EvRadioOptionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvRadioOptionProps> & Readonly<{}>, {
+    variant: "default" | "brand";
     as: string | object;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/EvToggle/EvToggle.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/EvToggle/EvToggle.vue.d.ts

@@ -1,9 +1,14 @@
+type __VLS_Props = {
+    variant?: 'default' | 'brand';
+};
 type __VLS_PublicProps = {
     modelValue?: boolean;
-};
+} & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {
+    variant: "default" | "brand";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;