@dynamicforms/vuetify-inputs 0.11.4 → 0.11.6

package/dist/index.d.ts

@@ -650,6 +650,7 @@ export declare const dfInputComponentsByTag: {
     minHeight?: string;
     disabled?: boolean;
     toolbarButtonSize?: VuetifyButtonSize;
+    fontFamily?: string;
     }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
@@ -659,6 +660,7 @@ export declare const dfInputComponentsByTag: {
     modelValue: string;
     disabled: boolean;
     toolbarButtonSize: VuetifyButtonSize;
+    fontFamily: string;
     }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
     toolbarRef: CreateComponentPublicInstanceWithMixins<Readonly<{
     editor?: Editor;
@@ -694,6 +696,7 @@ export declare const dfInputComponentsByTag: {
     minHeight?: string;
     disabled?: boolean;
     toolbarButtonSize?: VuetifyButtonSize;
+    fontFamily?: string;
     }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, {
@@ -701,6 +704,7 @@ export declare const dfInputComponentsByTag: {
     modelValue: string;
     disabled: boolean;
     toolbarButtonSize: VuetifyButtonSize;
+    fontFamily: string;
     }> | null;
     }, any>;
     readonly 'df-select': {
@@ -842,6 +846,7 @@ modelValue?: string;
 minHeight?: string;
 disabled?: boolean;
 toolbarButtonSize?: VuetifyButtonSize;
+fontFamily?: string;
 }> & Readonly<{
 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
@@ -851,6 +856,7 @@ minHeight: string;
 modelValue: string;
 disabled: boolean;
 toolbarButtonSize: VuetifyButtonSize;
+fontFamily: string;
 }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
 toolbarRef: CreateComponentPublicInstanceWithMixins<Readonly<{
 editor?: Editor;
@@ -886,6 +892,7 @@ modelValue?: string;
 minHeight?: string;
 disabled?: boolean;
 toolbarButtonSize?: VuetifyButtonSize;
+fontFamily?: string;
 }> & Readonly<{
 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, {
@@ -893,6 +900,7 @@ minHeight: string;
 modelValue: string;
 disabled: boolean;
 toolbarButtonSize: VuetifyButtonSize;
+fontFamily: string;
 }> | null;
 }, any>;
 
@@ -901,6 +909,11 @@ declare interface DfRtfEditorProps extends BaseProps {
     /** Size of the toolbar's buttons, forwarded to each one's `size` prop (`v-btn`'s, or `<df-actions>`'s
      * `buttonSize` for the grouped clusters). See https://vuetifyjs.com/en/api/v-btn/#props-size */
     toolbarButtonSize?: VuetifyButtonSize;
+    /** `font-family` of the editing area and its named block styles (Title, Subtitle, Info box, Side quote, article
+     * category). Defaults to `'inherit'`: the component loads no font of its own, so the editor renders in whatever
+     * font the surrounding page already set. Pass any valid CSS `font-family` value to override it; loading the
+     * font itself, if it isn't a system font, is the application's responsibility. */
+    fontFamily?: string;
 }
 
 export declare const DfSelect: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dynamicforms/vuetify-inputs",
   "private": false,
-  "version": "0.11.4",
+  "version": "0.11.6",
   "type": "module",
   "description": "Vuetify input components with guaranteed visual consistency across all form fields — unified density/variant system, globally configurable, with inline mode for table cells. Built for @dynamicforms/vue-forms.",
   "author": "Jure Erznožnik",