@dynamicforms/vuetify-inputs 0.5.13 → 0.6.1

package/dist/index.d.ts

@@ -222,6 +222,8 @@ export declare interface BaseProps<T = any> {
     cssClass?: string;
     clearable?: boolean;
     passthroughAttrs?: Record<string, any>;
+    density?: FieldDensity;
+    variant?: FieldVariant;
 }
 
 export declare type BreakpointNames = (typeof responsiveBreakpoints)[number];
@@ -529,6 +531,10 @@ export declare interface DynamicFormsInputsOptions extends VuetifyInputsSettings
     registerVuetifyComponents: boolean;
 }
 
+export declare type FieldDensity = 'default' | 'comfortable' | 'compact' | 'inline';
+
+export declare type FieldVariant = 'outlined' | 'plain' | 'underlined' | 'filled' | 'solo' | 'solo-inverted' | 'solo-filled';
+
 export declare interface FileComms {
     /**
      * upload is called when a file is added to the input and needs to be uploaded to the backend for storage
@@ -619,11 +625,13 @@ export declare function useInputBase<T = any>(props: BaseProps<T>, emit: BaseEmi
     visibility: ComputedRef<default_2.DisplayMode>;
     label: ComputedRef<Label>;
     touched: Ref<boolean, boolean>;
+    density: FieldDensity;
+    densityClass: ComputedRef<string>;
     vuetifyBindings: ComputedRef<    {
     name: string | undefined;
     class: string;
-    density: "default";
-    variant: "underlined";
+    density: VuetifyDensity;
+    variant: FieldVariant;
     label: string;
     messages: string | undefined;
     errorMessages: string | undefined;
@@ -667,8 +675,11 @@ export declare namespace VuetifyComponents {
     }
 }
 
+export declare type VuetifyDensity = 'default' | 'comfortable' | 'compact';
+
 export declare interface VuetifyInputsSettings {
-    defaultVariant?: 'outlined' | 'plain' | 'underlined' | 'filled' | 'solo' | 'solo-inverted' | 'solo-filled';
+    defaultVariant?: FieldVariant;
+    defaultDensity?: FieldDensity;
 }
 
 export declare const vuetifyInputsSettingsKey: unique symbol;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dynamicforms/vuetify-inputs",
   "private": false,
-  "version": "0.5.13",
+  "version": "0.6.1",
   "type": "module",
   "description": "Visual components for data entry using @dynamicforms/vue-forms",
   "author": "Jure Erznožnik",

package/readme.md

@@ -5,8 +5,8 @@ Visual components based on Vuetify library to support @dynamicforms/vue-forms.
 ## Introduction
 
 `@dynamicforms/vuetify-inputs` provides input components for data entry that will be stored in form data. It is the 
-visual implementation of logical concepts from 
-[@dynamicforms/vue-forms](https://github.com/velis74/dynamicforms-vue-forms).
+visual implementation of logical concepts from
+[@dynamicforms/vue-forms](https://github.com/dynamicforms/vue-forms).
 
 ## Features
 
@@ -107,10 +107,16 @@ npm run docs:dev
 
 ## Available Components
 
+- **InputBase**: The base component for all input elements
+- **df-actions**: An actions group.
+- **df-checkbox**: A checkbox component.
+- **df-color**: A color input.
+- **df-date-time**: A date and time selection component with configurable format and type.
+- **df-file**: A file upload component with progress indication
+- **df-input**: A general value input.
+- **df-rtf-editor**: A RTF editor input.
 - **df-select**: A selection component supporting static or dynamic options, multiple selection, and tagging
 - **df-textarea**: A textarea component with configurable rows and validation
-- **df-file**: A file upload component with progress indication
-- **InputBase**: The base component for all input elements
 
 ## TypeScript Support