@robuust-digital/vue-components 2.5.0-beta.1 → 2.5.0-beta.3

package/dist/_shared/{Tooltip.vue_vue_type_script_setup_true_lang-CKp1wzE2.js → Tooltip.vue_vue_type_script_setup_true_lang-B3MHy48T.js}

@@ -1,4 +1,4 @@
-import { defineComponent as b, shallowRef as a, createElementBlock as p, openBlock as f, renderSlot as d, createElementVNode as u, normalizeStyle as x, normalizeClass as $, unref as w, createCommentVNode as R, mergeProps as k } from "vue";
+import { defineComponent as b, shallowRef as a, openBlock as p, createElementBlock as f, renderSlot as d, createElementVNode as u, normalizeStyle as x, unref as w, normalizeClass as $, createCommentVNode as R, mergeProps as k } from "vue";
 import { useFloating as z, autoUpdate as S, autoPlacement as C, offset as W, shift as M, arrow as P, size as A } from "@floating-ui/vue";
 const B = ["innerHTML"], T = /* @__PURE__ */ b({
   __name: "Tooltip",
@@ -58,7 +58,7 @@ const B = ["innerHTML"], T = /* @__PURE__ */ b({
         }
       };
     };
-    return (e, o) => (f(), p("div", {
+    return (e, o) => (p(), f("div", {
       ref_key: "wrapperRef",
       ref: s,
       class: "rvc-tooltip-wrapper"
@@ -76,7 +76,7 @@ const B = ["innerHTML"], T = /* @__PURE__ */ b({
         style: x(w(h))
       }, [
         d(e.$slots, "content", { content: t.content }, () => [
-          t.content ? (f(), p("div", {
+          t.content ? (p(), f("div", {
             key: 0,
             innerHTML: t.content
           }, null, 8, B)) : R("", !0)

package/dist/_shared/{XMarkIcon-90mcPzBs.js → XMarkIcon-CPr_Rd8y.js}

@@ -1,6 +1,6 @@
-import { createElementBlock as e, openBlock as r, createElementVNode as l } from "vue";
+import { openBlock as e, createElementBlock as r, createElementVNode as l } from "vue";
 function n(o, t) {
-  return r(), e("svg", {
+  return e(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",

package/dist/_shared/{icon-spinner-CP0VP_YM.js → icon-spinner-BYCMrTdL.js}

@@ -1,11 +1,11 @@
-import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
+import { openBlock as o, createElementBlock as t, createElementVNode as r } from "vue";
 const n = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24"
 };
 function l(c, e) {
-  return t(), o("svg", n, [...e[0] || (e[0] = [
+  return o(), t("svg", n, [...e[0] || (e[0] = [
     r("circle", {
       cx: "12",
       cy: "12",

package/dist/combobox/index.js

@@ -1,4 +1,4 @@
-import { _ as a } from "../_shared/Combobox.vue_vue_type_script_setup_true_lang-C3AfEWj5.js";
+import { _ as a } from "../_shared/Combobox.vue_vue_type_script_setup_true_lang-BwTRzqr6.js";
 export {
   a as Combobox,
   a as default

package/dist/core/index.js

@@ -1,20 +1,19 @@
-import { _ as e, a as s, b as r, c as t, d as m, e as i, f as p, g as x, h as c, i as f, j as n } from "../_shared/Tabs.vue_vue_type_script_setup_true_lang-Dc0jC2cn.js";
-import { _ as b } from "../_shared/XMarkIcon-DdMV8USU.js";
-import { _ as l } from "../_shared/ButtonBase.vue_vue_type_script_setup_true_lang-BLm8QzEC.js";
-import { _ as g } from "../_shared/FormInput.vue_vue_type_script_setup_true_lang-C_1WSzbH.js";
+import { _ as e, a as s, b as t, c as r, d as m, e as p, f as x, g as c, h as f, i } from "../_shared/Tabs.vue_vue_type_script_setup_true_lang-B0RIqYLz.js";
+import { _ as b } from "../_shared/ChevronDownIcon-BYWciGnh.js";
+import { _ } from "../_shared/ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js";
+import { _ as l } from "../_shared/FormInput.vue_vue_type_script_setup_true_lang-Bg7YPGyY.js";
 export {
   e as Accordion,
   s as Alert,
   b as Badge,
-  l as ButtonBase,
-  r as Checkbox,
-  t as DataTable,
+  _ as ButtonBase,
+  t as Checkbox,
+  r as DataTable,
   m as EmptyState,
-  i as FormFile,
-  g as FormInput,
+  l as FormInput,
   p as FormSelect,
   x as FormTextarea,
   c as Pagination,
   f as Radio,
-  n as Tabs
+  i as Tabs
 };

package/dist/core/styles.css

@@ -4,7 +4,6 @@
 @import "./button.css";
 @import "./checkbox.css";
 @import "./empty-state.css";
-@import "./file.css";
 @import "./input.css";
 @import "./pagination.css";
 @import "./radio.css";

package/dist/core/table.css

@@ -5,6 +5,7 @@
   --rvc-table-border-style: var(--rvc-base-border-style);
   --rvc-table-border-width: var(--rvc-base-border-width);
   --rvc-table-head-bg-color: var(--color-slate-200);
+  --rvc-table-head-color: inherit;
   --rvc-table-bg-color: var(--color-slate-50);
   --rvc-table-font-size: var(--text-sm);
   --rvc-table-head-font-size: var(--text-sm);
@@ -62,6 +63,7 @@
 
     th {
       padding-block: var(--rvc-table-padding-y);
+      color: var(--rvc-table-head-color);
       font-size: var(--rvc-table-head-font-size);
       font-weight: var(--rvc-table-head-font-weight);
       line-height: var(--rvc-table-line-height);
@@ -92,13 +94,14 @@
       display: flex;
       width: 100%;
       column-gap: calc(var(--spacing) * 1.5);
+      color: inherit;
 
       &:hover {
         text-decoration: underline;
       }
 
       &:hover .rvc-table-sort-icon-invisible {
-        opacity: 0.3;
+        opacity: 0.5;
       }
     }
 

package/dist/core.d.ts

@@ -9,24 +9,7 @@ import { VNodeProps } from 'vue';
 
 declare const __VLS_component: DefineComponent<AccordionProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_10: DefineComponent<FormSelectProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-"update:modelValue": (value: FormSelectModelValue) => any;
-}, string, PublicProps, Readonly<FormSelectProps> & Readonly<{
-"onUpdate:modelValue"?: ((value: FormSelectModelValue) => any) | undefined;
-}>, {
-icon: Icon | null;
-size: FormSelectSize;
-modelValue: FormSelectModelValue;
-rootClass: string;
-prefixIcon: Icon | null;
-options: FormSelectOption[];
-optionLabel: string;
-optionValue: string;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {
-select: HTMLSelectElement;
-}, any>;
-
-declare const __VLS_component_11: DefineComponent<PaginationProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component_10: DefineComponent<PaginationProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "pagination:change": (url: string) => any;
 "pagination:perPage": (perPage: number) => any;
 }, string, PublicProps, Readonly<PaginationProps> & Readonly<{
@@ -37,9 +20,11 @@ perPage: number;
 perPageLabel: string;
 perPageOptions: number[];
 fromLabel: string;
+prevIcon: Icon | null;
+nextIcon: Icon | null;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_12: DefineComponent<RadioProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component_11: DefineComponent<RadioProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: RadioModelValue) => any;
 }, string, PublicProps, Readonly<RadioProps> & Readonly<{
 "onUpdate:modelValue"?: ((value: RadioModelValue) => any) | undefined;
@@ -105,6 +90,12 @@ declare const __VLS_component_6: DefineComponent<DataTableProps, {}, {}, {}, {},
 }>, {
 spinning: boolean;
 pagination: DataTablePagination | null;
+perPage: number;
+perPageLabel: string;
+perPageOptions: number[];
+fromLabel: string;
+prevIcon: Icon | null;
+nextIcon: Icon | null;
 headers: DataTableHeader[];
 noResultsText: string;
 loadingText: string;
@@ -115,38 +106,35 @@ defaultSort: DataTableSortBy | null;
 
 declare const __VLS_component_7: DefineComponent<EmptyStateProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<EmptyStateProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_8: DefineComponent<FormFileProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-"update:modelValue": (value: ExistingFile | File | null) => any;
-delete: () => any;
-}, string, PublicProps, Readonly<FormFileProps> & Readonly<{
-"onUpdate:modelValue"?: ((value: ExistingFile | File | null) => any) | undefined;
-onDelete?: (() => any) | undefined;
+declare const __VLS_component_8: DefineComponent<FormInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:modelValue": (value: FormInputModelValue) => any;
+}, string, PublicProps, Readonly<FormInputProps> & Readonly<{
+"onUpdate:modelValue"?: ((value: FormInputModelValue) => any) | undefined;
 }>, {
 icon: Icon | null;
-size: FormFileSize;
-modelValue: File | ExistingFile | null;
+size: FormInputSize;
+modelValue: string | number;
 rootClass: string;
 prefixIcon: Icon | null;
-placeholder: string;
-showPreview: boolean;
-clearLabel: string;
-deleteLabel: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
-fileInput: HTMLInputElement;
+input: HTMLInputElement;
 }, any>;
 
-declare const __VLS_component_9: DefineComponent<FormInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-"update:modelValue": (value: FormInputModelValue) => any;
-}, string, PublicProps, Readonly<FormInputProps> & Readonly<{
-"onUpdate:modelValue"?: ((value: FormInputModelValue) => any) | undefined;
+declare const __VLS_component_9: DefineComponent<FormSelectProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:modelValue": (value: FormSelectModelValue) => any;
+}, string, PublicProps, Readonly<FormSelectProps> & Readonly<{
+"onUpdate:modelValue"?: ((value: FormSelectModelValue) => any) | undefined;
 }>, {
 icon: Icon | null;
-size: FormInputSize;
-modelValue: string | number;
+size: FormSelectSize;
+modelValue: FormSelectModelValue;
 rootClass: string;
 prefixIcon: Icon | null;
+options: FormSelectOption[];
+optionLabel: string;
+optionValue: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
-input: HTMLInputElement;
+select: HTMLSelectElement;
 }, any>;
 
 declare function __VLS_template(): {
@@ -169,25 +157,6 @@ declare function __VLS_template(): {
 };
 
 declare function __VLS_template_10(): {
-    attrs: Partial<{}>;
-    slots: {
-        prefixIcon?(_: {
-            icon: Icon;
-        }): any;
-        select?(_: {}): any;
-        default?(_: {}): any;
-        default?(_: {}): any;
-        icon?(_: {
-            icon: Icon | null;
-        }): any;
-    };
-    refs: {
-        select: HTMLSelectElement;
-    };
-    rootEl: any;
-};
-
-declare function __VLS_template_11(): {
     attrs: Partial<{}>;
     slots: {
         perPage?(_: {
@@ -204,12 +173,22 @@ declare function __VLS_template_11(): {
             to: number;
             links: PaginationLink[];
         }): any;
+        prevIcon?(_: {
+            icon: Icon | null;
+            link: PaginationLink;
+            index: number;
+        }): any;
+        nextIcon?(_: {
+            icon: Icon | null;
+            link: PaginationLink;
+            index: number;
+        }): any;
     };
     refs: {};
     rootEl: any;
 };
 
-declare function __VLS_template_12(): {
+declare function __VLS_template_11(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
@@ -350,15 +329,14 @@ declare function __VLS_template_8(): {
         prefixIcon?(_: {
             icon: Icon | null;
         }): any;
+        input?(_: {}): any;
         suffix?(_: {}): any;
         icon?(_: {
             icon: Icon | null;
         }): any;
-        clearIcon?(_: {}): any;
-        deleteIcon?(_: {}): any;
     };
     refs: {
-        fileInput: HTMLInputElement;
+        input: HTMLInputElement;
     };
     rootEl: any;
 };
@@ -366,18 +344,18 @@ declare function __VLS_template_8(): {
 declare function __VLS_template_9(): {
     attrs: Partial<{}>;
     slots: {
-        prefix?(_: {}): any;
         prefixIcon?(_: {
-            icon: Icon | null;
+            icon: Icon;
         }): any;
-        input?(_: {}): any;
-        suffix?(_: {}): any;
+        select?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
         icon?(_: {
             icon: Icon | null;
         }): any;
     };
     refs: {
-        input: HTMLInputElement;
+        select: HTMLSelectElement;
     };
     rootEl: any;
 };
@@ -388,8 +366,6 @@ declare type __VLS_TemplateResult_10 = ReturnType<typeof __VLS_template_10>;
 
 declare type __VLS_TemplateResult_11 = ReturnType<typeof __VLS_template_11>;
 
-declare type __VLS_TemplateResult_12 = ReturnType<typeof __VLS_template_12>;
-
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
@@ -424,12 +400,6 @@ declare type __VLS_WithTemplateSlots_11<T, S> = T & {
     };
 };
 
-declare type __VLS_WithTemplateSlots_12<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-
 declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     new (): {
         $slots: S;
@@ -580,6 +550,12 @@ declare interface DataTableProps {
     striped?: boolean;
     spinning?: boolean;
     pagination?: DataTablePagination | null;
+    perPage?: number;
+    perPageLabel?: string;
+    perPageOptions?: number[];
+    fromLabel?: string;
+    prevIcon?: Icon | null;
+    nextIcon?: Icon | null;
     wrapperClass?: string;
     defaultSort?: DataTableSortBy | null;
 }
@@ -597,28 +573,7 @@ declare interface EmptyStateProps {
     icon?: Icon | null;
 }
 
-export declare interface ExistingFile {
-    url: string;
-    name: string;
-}
-
-export declare const FormFile: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
-
-export declare interface FormFileProps {
-    modelValue?: File | ExistingFile | null;
-    rootClass?: string;
-    prefixIcon?: Icon | null;
-    icon?: Icon | null;
-    size?: FormFileSize;
-    placeholder?: string;
-    showPreview?: boolean;
-    clearLabel?: string;
-    deleteLabel?: string;
-}
-
-declare type FormFileSize = 'sm' | 'base';
-
-export declare const FormInput: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
+export declare const FormInput: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
 
 declare type FormInputModelValue = string | number | undefined;
 
@@ -632,7 +587,7 @@ declare interface FormInputProps {
 
 declare type FormInputSize = 'sm' | 'base';
 
-export declare const FormSelect: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
+export declare const FormSelect: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
 
 declare type FormSelectModelValue = string | number | object | boolean | null;
 
@@ -673,7 +628,7 @@ declare type FormTextareaSize = 'sm' | 'base';
 
 declare type Icon = FunctionalComponent<SVGAttributes & HTMLAttributes & VNodeProps>;
 
-export declare const Pagination: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
+export declare const Pagination: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
 
 declare interface PaginationData {
     total: number;
@@ -695,9 +650,11 @@ declare interface PaginationProps {
     perPageLabel?: string;
     perPageOptions?: number[];
     fromLabel?: string;
+    prevIcon?: Icon | null;
+    nextIcon?: Icon | null;
 }
 
-export declare const Radio: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
+export declare const Radio: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
 
 declare type RadioModelValue = boolean | string | Array<unknown> | object | number | null;
 

package/dist/dialogs/index.js

@@ -1,5 +1,5 @@
-import { _ as a } from "../_shared/Drawer.vue_vue_type_script_setup_true_lang-XMND_Yzl.js";
-import { _ as f } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-2AljJgxw.js";
+import { _ as a } from "../_shared/Drawer.vue_vue_type_script_setup_true_lang-CZMVooMV.js";
+import { _ as f } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-CB0Gez7v.js";
 export {
   a as Drawer,
   f as Modal

package/dist/dropdown/index.js

@@ -1,4 +1,4 @@
-import { _ as o } from "../_shared/Dropdown.vue_vue_type_script_setup_true_lang-BtkiBqxy.js";
+import { _ as o } from "../_shared/Dropdown.vue_vue_type_script_setup_true_lang-L_lQEUBC.js";
 export {
   o as Dropdown,
   o as default

package/dist/index/index.js

@@ -1,36 +1,35 @@
-import { _ as r, a as t, b as e, c as s, d as m, e as p, f as x, g as f, h as _, i, j as c } from "../_shared/Tabs.vue_vue_type_script_setup_true_lang-Dc0jC2cn.js";
-import { _ as b } from "../_shared/XMarkIcon-DdMV8USU.js";
-import { _ as n } from "../_shared/ButtonBase.vue_vue_type_script_setup_true_lang-BLm8QzEC.js";
-import { _ as h } from "../_shared/FormInput.vue_vue_type_script_setup_true_lang-C_1WSzbH.js";
-import { _ as g } from "../_shared/Combobox.vue_vue_type_script_setup_true_lang-C3AfEWj5.js";
-import { _ as B } from "../_shared/Drawer.vue_vue_type_script_setup_true_lang-XMND_Yzl.js";
-import { _ as u } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-2AljJgxw.js";
-import { _ as C } from "../_shared/Dropdown.vue_vue_type_script_setup_true_lang-BtkiBqxy.js";
-import { _ as R } from "../_shared/Lightswitch.vue_vue_type_script_setup_true_lang-DX23lEFd.js";
-import { _ as j } from "../_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-BLs_S_-D.js";
-import { _ as y } from "../_shared/Toast.vue_vue_type_script_setup_true_lang-BfMkJm5T.js";
-import { _ as L } from "../_shared/Tooltip.vue_vue_type_script_setup_true_lang-CKp1wzE2.js";
+import { _ as r, a as t, b as e, c as s, d as m, e as p, f as x, g as f, h as _, i } from "../_shared/Tabs.vue_vue_type_script_setup_true_lang-B0RIqYLz.js";
+import { _ as d } from "../_shared/ChevronDownIcon-BYWciGnh.js";
+import { _ as n } from "../_shared/ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js";
+import { _ as h } from "../_shared/FormInput.vue_vue_type_script_setup_true_lang-Bg7YPGyY.js";
+import { _ as g } from "../_shared/Combobox.vue_vue_type_script_setup_true_lang-BwTRzqr6.js";
+import { _ as B } from "../_shared/Drawer.vue_vue_type_script_setup_true_lang-CZMVooMV.js";
+import { _ as F } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-CB0Gez7v.js";
+import { _ as A } from "../_shared/Dropdown.vue_vue_type_script_setup_true_lang-L_lQEUBC.js";
+import { _ as E } from "../_shared/Lightswitch.vue_vue_type_script_setup_true_lang-hiuDVfo5.js";
+import { _ as S } from "../_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-DaCv0Gii.js";
+import { _ as y } from "../_shared/Toast.vue_vue_type_script_setup_true_lang-DS6keeu7.js";
+import { _ as L } from "../_shared/Tooltip.vue_vue_type_script_setup_true_lang-B3MHy48T.js";
 export {
   r as Accordion,
   t as Alert,
-  b as Badge,
+  d as Badge,
   n as ButtonBase,
   e as Checkbox,
   g as Combobox,
   s as DataTable,
   B as Drawer,
-  C as Dropdown,
+  A as Dropdown,
   m as EmptyState,
-  p as FormFile,
   h as FormInput,
-  x as FormSelect,
-  f as FormTextarea,
-  R as Lightswitch,
-  u as Modal,
-  _ as Pagination,
-  i as Radio,
-  j as RichTextEditor,
-  c as Tabs,
+  p as FormSelect,
+  x as FormTextarea,
+  E as Lightswitch,
+  F as Modal,
+  f as Pagination,
+  _ as Radio,
+  S as RichTextEditor,
+  i as Tabs,
   y as Toast,
   L as Tooltip
 };