Build

Author: webdevnerdstuff

dist/plugin/VColorField.vue.d.ts

@@ -8,6 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     cardOffsetY: number;
     cardPadding: number;
     cardProps: () => {};
+    clearable: boolean;
     color: undefined;
     colorPickerProps: () => {};
     density: string;
@@ -31,6 +32,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     readonly: boolean;
     readonlyInput: boolean;
     required: boolean;
+    variant: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     update: (...args: any[]) => void;
     "update:mode": (...args: any[]) => void;
@@ -43,6 +45,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     cardOffsetY: number;
     cardPadding: number;
     cardProps: () => {};
+    clearable: boolean;
     color: undefined;
     colorPickerProps: () => {};
     density: string;
@@ -66,6 +69,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     readonly: boolean;
     readonlyInput: boolean;
     required: boolean;
+    variant: string;
 }>>> & {
     onUpdate?: ((...args: any[]) => any) | undefined;
     "onUpdate:mode"?: ((...args: any[]) => any) | undefined;
@@ -79,6 +83,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     cardOffsetY: string | number;
     cardPadding: string | number;
     cardProps: import('./types').VCardProps;
+    clearable: boolean;
     colorPickerProps: Partial<{
         width: NonNullable<string | number>;
         style: globalThis.StyleValue;
@@ -212,9 +217,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     }>> & {
         "onUpdate:modelValue"?: ((color: any) => any) | undefined;
         "onUpdate:mode"?: ((mode: "rgba" | "rgb" | "hsl" | "hsla" | "hex" | "hexa") => any) | undefined;
-    }, "canvasHeight" | "dotSize" | "hideCanvas" | "hideInputs" | "hideSliders" | "mode" | "modes" | "showSwatches" | "swatchesMaxHeight" | "tag" | "style" | "rounded" | "width" | "disabled"> & {
-        hideModeSwitch?: boolean | undefined;
-    };
+    }, "canvasHeight" | "dotSize" | "hideCanvas" | "hideInputs" | "hideSliders" | "mode" | "modes" | "showSwatches" | "swatchesMaxHeight" | "tag" | "style" | "rounded" | "width" | "disabled">;
     density: "default" | "comfortable" | "compact" | null;
     hint: string;
     iconHoverColor: string | boolean;
@@ -236,6 +239,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     readonly: boolean | null;
     readonlyInput: boolean | null;
     required: boolean;
+    variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
 }, {}>, Partial<Record<NonNullable<string | number>, (_: any) => any>> & {
     prepend?(_: {
         toggleColorPicker: typeof toggleColorPicker;

dist/plugin/types/index.d.ts

@@ -27,10 +27,9 @@ export interface Props extends PipProps {
     cardOffsetY?: number | string;
     cardPadding?: number | string;
     cardProps?: VCardProps;
+    clearable?: VTextField['$props']['clearable'];
     color?: VTextField['$props']['color'];
-    colorPickerProps?: VColorPicker['$props'] & {
-        hideModeSwitch?: boolean;
-    };
+    colorPickerProps?: VColorPicker['$props'];
     density?: VTextField['$props']['density'];
     hint?: string;
     iconHoverColor?: VIcon['$props']['color'] | boolean;
@@ -58,6 +57,7 @@ export interface Props extends PipProps {
     showSwatches?: VColorPicker['$props']['showSwatches'];
     swatches?: VColorPicker['$props']['swatches'];
     swatchesMaxHeight?: VColorPicker['$props']['swatchesMaxHeight'];
+    variant?: VTextField['$props']['variant'];
 }
 export interface GlobalOptions extends Props {
 }

dist/scss/main.scss

@@ -12,13 +12,12 @@
 
 	&--card {
 		display: none;
-		position: absolute;
+		position: absolute !important;
 		z-index: 999999;
 
 		.v-color-picker {
 			width: 100% !important;
 
-
 			&-canvas {
 				canvas {
 					width: 100%;