@vuelor/picker 0.1.0 → 0.2.0

package/README.md

@@ -64,9 +64,13 @@ export default {
     extend: {
       boxShadow: {
         'vuelor-card': '0 2px 5px 0 #00000026, 0 10px 16px 0 #0000001f, 0 0 .5px 0 #0000001f',
-        'vuelor-thumb': '0px 0px .5px #0000002e, 0px 3px 8px #0000001a, 0px 1px 3px #0000001a'
+        'vuelor-thumb': '0px 0px .5px #0000002e, 0px 3px 8px #0000001a, 0px 1px 3px #0000001a',
+        'vuelor-inner': 'inset 0 0 0 1px #0000001a'
       }
     },
+    dropShadow: {
+      'vuelor-thumb': ['0px 0px .5px #00000054', '0px 1px 3px #00000026']
+    }
   }
 }
 ```
@@ -128,3 +132,4 @@ const color = ref(null)
 | `ColorPickerSliderHue.vue`        |
 | `ColorPickerSliderSaturation.vue` |
 | `ColorPickerSliderLightness.vue`  |
+| `ColorPickerSwatch.vue`           |

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

@@ -1,11 +1,15 @@
-type __VLS_Props = {
+interface Props {
     class?: string;
-};
-declare var __VLS_1: {};
+    as?: string;
+    asChild?: boolean;
+}
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    as: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,5 +1,6 @@
 import type { UiInputSlots } from '../utils/styles';
 type __VLS_Props = {
+    modelValue?: string;
     class?: string;
     ui?: Partial<UiInputSlots>;
 };
@@ -7,7 +8,11 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     before?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -13,7 +13,7 @@ type ColorPickerRootContext = {
     uiSlots: Function;
     disabled: Ref<boolean>;
     isAlphaEnabled: Ref<boolean>;
-    emitUpdateEnd: () => void;
+    commitValue: () => void;
 };
 type ModelValue = string | ColorObject | null;
 export declare const injectColorPickerContext: <T extends ColorPickerRootContext | null | undefined = ColorPickerRootContext>(fallback?: T | undefined) => T extends null ? ColorPickerRootContext | null : ColorPickerRootContext, provideColorPickerContext: (contextValue: ColorPickerRootContext) => ColorPickerRootContext;
@@ -27,7 +27,7 @@ export interface ColorPickerRootProps {
     format?: Format;
 }
 export type ColorPickerRootEmits = {
-    (e: 'update:end', value: ModelValue): void;
+    (e: 'valueCommit', value: ModelValue): void;
     (e: 'update:modelValue', value: ModelValue): void;
 };
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ColorPickerRootProps, {
@@ -90,10 +90,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ColorP
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: ModelValue) => any;
-    "update:end": (value: ModelValue) => any;
+    valueCommit: (value: ModelValue) => any;
 }, string, import("vue").PublicProps, Readonly<ColorPickerRootProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: ModelValue) => any) | undefined;
-    "onUpdate:end"?: ((value: ModelValue) => any) | undefined;
+    onValueCommit?: ((value: ModelValue) => any) | undefined;
 }>, {
     styling: "tailwindcss" | "vanillacss";
     disabled: boolean;

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

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    as?: string;
+    value: string;
+    class?: string;
+    ui?: Partial<{
+        base: string;
+        alpha: string;
+    }>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/index.d.ts

@@ -1,5 +1,8 @@
 import './style/index.css';
+export * from './utils/color';
 export type * from './utils/types';
+export { useVModel } from './composables/useVModel.ts';
+export { injectColorPickerContext } from './components/ColorPickerRoot.vue';
 export { default as ColorPickerRoot } from './components/ColorPickerRoot.vue';
 export { default as ColorPickerCanvas } from './components/ColorPickerCanvas.vue';
 export { default as ColorPickerEyeDropper } from './components/ColorPickerEyeDropper.vue';
@@ -14,3 +17,4 @@ export { default as ColorPickerSliderLightness } from './components/ColorPickerS
 export { default as ColorPickerSliderRed } from './components/ColorPickerSliderRed.vue';
 export { default as ColorPickerSliderGreen } from './components/ColorPickerSliderGreen.vue';
 export { default as ColorPickerSliderBlue } from './components/ColorPickerSliderBlue.vue';
+export { default as ColorPickerSwatch } from './components/ColorPickerSwatch.vue';