@propelinc/citrus-ui 1.3.1 → 2.0.0

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

@@ -5,8 +5,8 @@ import { OnCleanup } from '@vue/reactivity';
 type __VLS_Props = {
     dataTest?: string;
     id?: string;
-    label?: string | null;
-    placeholder?: string | null;
+    label?: string;
+    placeholder?: string;
     rules?: Rules<string>;
     value?: string;
 };
@@ -27,10 +27,10 @@ declare function __VLS_template(): {
                 readonly counter?: number | null | undefined;
                 readonly dataTest?: string | undefined;
                 readonly id?: string | undefined;
-                readonly label?: string | null | undefined;
+                readonly label?: string | undefined;
                 readonly mask: MaskOptions["mask"] | null;
-                readonly minlength?: number | string | null | undefined;
-                readonly maxlength?: number | string | null | undefined;
+                readonly minlength?: number | string | undefined;
+                readonly maxlength?: number | string | undefined;
                 readonly placeholder?: string | undefined;
                 readonly rules?: Rules<string> | undefined;
                 readonly tokens?: ( MaskTokens | null) | undefined;
@@ -55,9 +55,9 @@ declare function __VLS_template(): {
                     $: ComponentInternalInstance;
                     $data: {};
                     $props: {
-                        readonly id?: string | null | undefined;
-                        readonly label?: string | null | undefined;
-                        readonly ariaLabel?: string | null | undefined;
+                        readonly id?: string | undefined;
+                        readonly label?: string | undefined;
+                        readonly ariaLabel?: string | undefined;
                         readonly placeholder?: string | undefined;
                         readonly type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric" | undefined;
                         readonly clearable?: boolean | undefined;
@@ -104,9 +104,9 @@ declare function __VLS_template(): {
                     $emit: ((event: "change", value: string) => void) & ((event: "blur", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "focus", event: Event) => void) & ((event: "input", value: string) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "keypress", event: KeyboardEvent) => void) & ((event: "keyup", event: KeyboardEvent) => void) & ((event: "click:hide", hidden: boolean) => void);
                     $el: any;
                     $options: ComponentOptionsBase<Readonly<{
-                        id?: string | null;
-                        label?: string | null;
-                        ariaLabel?: string | null;
+                        id?: string;
+                        label?: string;
+                        ariaLabel?: string;
                         placeholder?: string;
                         type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
                         clearable?: boolean;
@@ -153,27 +153,19 @@ declare function __VLS_template(): {
                         "click:hide": (hidden: boolean) => any;
                     }, string, {
                         type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
-                        label: string | null;
-                        id: string | null;
                         value: string;
                         size: "medium" | "large";
                         dataTest: string;
-                        placeholder: string;
                         disabled: boolean;
-                        ariaLabel: string | null;
                         rules: Rules<string>;
                         required: boolean;
                         hideDetails: boolean | "auto";
                         counter: number | null;
                         counterValue: number | (() => number | null) | null;
                         clearable: boolean;
-                        inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
-                        minlength: number | string;
-                        maxlength: number | string;
                         hideable: boolean;
                         hideLabel: boolean;
                         validateOnBlur: boolean;
-                        errorMessage: string;
                     }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
                         beforeCreate?: (() => void) | (() => void)[];
                         created?: (() => void) | (() => void)[];
@@ -196,31 +188,23 @@ declare function __VLS_template(): {
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
                 } & Readonly<{
                     type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
-                    label: string | null;
-                    id: string | null;
                     value: string;
                     size: "medium" | "large";
                     dataTest: string;
-                    placeholder: string;
                     disabled: boolean;
-                    ariaLabel: string | null;
                     rules: Rules<string>;
                     required: boolean;
                     hideDetails: boolean | "auto";
                     counter: number | null;
                     counterValue: number | (() => number | null) | null;
                     clearable: boolean;
-                    inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
-                    minlength: number | string;
-                    maxlength: number | string;
                     hideable: boolean;
                     hideLabel: boolean;
                     validateOnBlur: boolean;
-                    errorMessage: string;
                 }> & Omit<Readonly<{
-                    id?: string | null;
-                    label?: string | null;
-                    ariaLabel?: string | null;
+                    id?: string;
+                    label?: string;
+                    ariaLabel?: string;
                     placeholder?: string;
                     type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
                     clearable?: boolean;
@@ -250,7 +234,7 @@ declare function __VLS_template(): {
                     onKeypress?: ((event: KeyboardEvent) => any) | undefined;
                     onKeyup?: ((event: KeyboardEvent) => any) | undefined;
                     "onClick:hide"?: ((hidden: boolean) => any) | undefined;
-                }>, "blur" | "focus" | "input" | "startValidating" | ("type" | "label" | "id" | "value" | "size" | "dataTest" | "placeholder" | "disabled" | "ariaLabel" | "rules" | "required" | "hideDetails" | "counter" | "counterValue" | "clearable" | "inputmode" | "minlength" | "maxlength" | "hideable" | "hideLabel" | "validateOnBlur" | "errorMessage")> & ShallowUnwrapRef<{
+                }>, "blur" | "focus" | "input" | "startValidating" | ("type" | "value" | "size" | "dataTest" | "disabled" | "rules" | "required" | "hideDetails" | "counter" | "counterValue" | "clearable" | "hideable" | "hideLabel" | "validateOnBlur")> & ShallowUnwrapRef<{
                     input: Ref<HTMLInputElement | null>;
                     focus: () => void;
                     blur: () => void;
@@ -281,10 +265,10 @@ declare function __VLS_template(): {
                 counter?: number | null;
                 dataTest?: string;
                 id?: string;
-                label?: string | null;
+                label?: string;
                 mask: MaskOptions["mask"] | null;
-                minlength?: number | string | null;
-                maxlength?: number | string | null;
+                minlength?: number | string;
+                maxlength?: number | string;
                 placeholder?: string;
                 rules?: Rules<string>;
                 tokens?: MaskTokens | null;
@@ -311,15 +295,10 @@ declare function __VLS_template(): {
                 keyup: (event: KeyboardEvent) => any;
                 "input:masked": (value: string) => any;
             }, string, {
-                label: string | null;
-                id: string;
                 value: string;
                 dataTest: string;
-                placeholder: string;
                 rules: Rules<string>;
                 counter: number | null;
-                minlength: number | string | null;
-                maxlength: number | string | null;
                 tokens: MaskTokens | null;
                 unmaskRules: boolean;
             }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
@@ -343,25 +322,20 @@ declare function __VLS_template(): {
             $nextTick: nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
         } & Readonly<{
-            label: string | null;
-            id: string;
             value: string;
             dataTest: string;
-            placeholder: string;
             rules: Rules<string>;
             counter: number | null;
-            minlength: number | string | null;
-            maxlength: number | string | null;
             tokens: MaskTokens | null;
             unmaskRules: boolean;
         }> & Omit<Readonly<{
             counter?: number | null;
             dataTest?: string;
             id?: string;
-            label?: string | null;
+            label?: string;
             mask: MaskOptions["mask"] | null;
-            minlength?: number | string | null;
-            maxlength?: number | string | null;
+            minlength?: number | string;
+            maxlength?: number | string;
             placeholder?: string;
             rules?: Rules<string>;
             tokens?: MaskTokens | null;
@@ -376,7 +350,7 @@ declare function __VLS_template(): {
             onKeypress?: ((event: KeyboardEvent) => any) | undefined;
             onKeyup?: ((event: KeyboardEvent) => any) | undefined;
             "onInput:masked"?: ((value: string) => any) | undefined;
-        }>, "input" | ("label" | "id" | "value" | "dataTest" | "placeholder" | "rules" | "counter" | "minlength" | "maxlength" | "tokens" | "unmaskRules")> & ShallowUnwrapRef<{
+        }>, "input" | ("value" | "dataTest" | "rules" | "counter" | "tokens" | "unmaskRules")> & ShallowUnwrapRef<{
             input: ComputedRef<HTMLInputElement | null>;
         }> & {} & ComponentCustomProperties & {} & {
             $slots: Readonly<{
@@ -408,11 +382,9 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
     onFocus?: ((event: Event) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
 }>, {
-    label: string | null;
     id: string;
     value: string;
     dataTest: string;
-    placeholder: string | null;
     rules: Rules<string>;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     field: ({
@@ -422,10 +394,10 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
             readonly counter?: number | null | undefined;
             readonly dataTest?: string | undefined;
             readonly id?: string | undefined;
-            readonly label?: string | null | undefined;
+            readonly label?: string | undefined;
             readonly mask: MaskOptions["mask"] | null;
-            readonly minlength?: number | string | null | undefined;
-            readonly maxlength?: number | string | null | undefined;
+            readonly minlength?: number | string | undefined;
+            readonly maxlength?: number | string | undefined;
             readonly placeholder?: string | undefined;
             readonly rules?: Rules<string> | undefined;
             readonly tokens?: ( MaskTokens | null) | undefined;
@@ -450,9 +422,9 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
                 $: ComponentInternalInstance;
                 $data: {};
                 $props: {
-                    readonly id?: string | null | undefined;
-                    readonly label?: string | null | undefined;
-                    readonly ariaLabel?: string | null | undefined;
+                    readonly id?: string | undefined;
+                    readonly label?: string | undefined;
+                    readonly ariaLabel?: string | undefined;
                     readonly placeholder?: string | undefined;
                     readonly type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric" | undefined;
                     readonly clearable?: boolean | undefined;
@@ -499,9 +471,9 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
                 $emit: ((event: "change", value: string) => void) & ((event: "blur", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "focus", event: Event) => void) & ((event: "input", value: string) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "keypress", event: KeyboardEvent) => void) & ((event: "keyup", event: KeyboardEvent) => void) & ((event: "click:hide", hidden: boolean) => void);
                 $el: any;
                 $options: ComponentOptionsBase<Readonly<{
-                    id?: string | null;
-                    label?: string | null;
-                    ariaLabel?: string | null;
+                    id?: string;
+                    label?: string;
+                    ariaLabel?: string;
                     placeholder?: string;
                     type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
                     clearable?: boolean;
@@ -548,27 +520,19 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
                     "click:hide": (hidden: boolean) => any;
                 }, string, {
                     type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
-                    label: string | null;
-                    id: string | null;
                     value: string;
                     size: "medium" | "large";
                     dataTest: string;
-                    placeholder: string;
                     disabled: boolean;
-                    ariaLabel: string | null;
                     rules: Rules<string>;
                     required: boolean;
                     hideDetails: boolean | "auto";
                     counter: number | null;
                     counterValue: number | (() => number | null) | null;
                     clearable: boolean;
-                    inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
-                    minlength: number | string;
-                    maxlength: number | string;
                     hideable: boolean;
                     hideLabel: boolean;
                     validateOnBlur: boolean;
-                    errorMessage: string;
                 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
                     created?: (() => void) | (() => void)[];
@@ -591,31 +555,23 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
             } & Readonly<{
                 type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
-                label: string | null;
-                id: string | null;
                 value: string;
                 size: "medium" | "large";
                 dataTest: string;
-                placeholder: string;
                 disabled: boolean;
-                ariaLabel: string | null;
                 rules: Rules<string>;
                 required: boolean;
                 hideDetails: boolean | "auto";
                 counter: number | null;
                 counterValue: number | (() => number | null) | null;
                 clearable: boolean;
-                inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
-                minlength: number | string;
-                maxlength: number | string;
                 hideable: boolean;
                 hideLabel: boolean;
                 validateOnBlur: boolean;
-                errorMessage: string;
             }> & Omit<Readonly<{
-                id?: string | null;
-                label?: string | null;
-                ariaLabel?: string | null;
+                id?: string;
+                label?: string;
+                ariaLabel?: string;
                 placeholder?: string;
                 type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
                 clearable?: boolean;
@@ -645,7 +601,7 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
                 onKeypress?: ((event: KeyboardEvent) => any) | undefined;
                 onKeyup?: ((event: KeyboardEvent) => any) | undefined;
                 "onClick:hide"?: ((hidden: boolean) => any) | undefined;
-            }>, "blur" | "focus" | "input" | "startValidating" | ("type" | "label" | "id" | "value" | "size" | "dataTest" | "placeholder" | "disabled" | "ariaLabel" | "rules" | "required" | "hideDetails" | "counter" | "counterValue" | "clearable" | "inputmode" | "minlength" | "maxlength" | "hideable" | "hideLabel" | "validateOnBlur" | "errorMessage")> & ShallowUnwrapRef<{
+            }>, "blur" | "focus" | "input" | "startValidating" | ("type" | "value" | "size" | "dataTest" | "disabled" | "rules" | "required" | "hideDetails" | "counter" | "counterValue" | "clearable" | "hideable" | "hideLabel" | "validateOnBlur")> & ShallowUnwrapRef<{
                 input: Ref<HTMLInputElement | null>;
                 focus: () => void;
                 blur: () => void;
@@ -676,10 +632,10 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
             counter?: number | null;
             dataTest?: string;
             id?: string;
-            label?: string | null;
+            label?: string;
             mask: MaskOptions["mask"] | null;
-            minlength?: number | string | null;
-            maxlength?: number | string | null;
+            minlength?: number | string;
+            maxlength?: number | string;
             placeholder?: string;
             rules?: Rules<string>;
             tokens?: MaskTokens | null;
@@ -706,15 +662,10 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
             keyup: (event: KeyboardEvent) => any;
             "input:masked": (value: string) => any;
         }, string, {
-            label: string | null;
-            id: string;
             value: string;
             dataTest: string;
-            placeholder: string;
             rules: Rules<string>;
             counter: number | null;
-            minlength: number | string | null;
-            maxlength: number | string | null;
             tokens: MaskTokens | null;
             unmaskRules: boolean;
         }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
@@ -738,25 +689,20 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
         $nextTick: nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
     } & Readonly<{
-        label: string | null;
-        id: string;
         value: string;
         dataTest: string;
-        placeholder: string;
         rules: Rules<string>;
         counter: number | null;
-        minlength: number | string | null;
-        maxlength: number | string | null;
         tokens: MaskTokens | null;
         unmaskRules: boolean;
     }> & Omit<Readonly<{
         counter?: number | null;
         dataTest?: string;
         id?: string;
-        label?: string | null;
+        label?: string;
         mask: MaskOptions["mask"] | null;
-        minlength?: number | string | null;
-        maxlength?: number | string | null;
+        minlength?: number | string;
+        maxlength?: number | string;
         placeholder?: string;
         rules?: Rules<string>;
         tokens?: MaskTokens | null;
@@ -771,7 +717,7 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
         onKeypress?: ((event: KeyboardEvent) => any) | undefined;
         onKeyup?: ((event: KeyboardEvent) => any) | undefined;
         "onInput:masked"?: ((value: string) => any) | undefined;
-    }>, "input" | ("label" | "id" | "value" | "dataTest" | "placeholder" | "rules" | "counter" | "minlength" | "maxlength" | "tokens" | "unmaskRules")> & ShallowUnwrapRef<{
+    }>, "input" | ("value" | "dataTest" | "rules" | "counter" | "tokens" | "unmaskRules")> & ShallowUnwrapRef<{
         input: ComputedRef<HTMLInputElement | null>;
     }> & {} & ComponentCustomProperties & {} & {
         $slots: Readonly<{

package/dist/components/index.d.ts

@@ -9,7 +9,6 @@ export { default as CCardFooter } from './CCardFooter.vue';
 export { default as CCardHeader } from './CCardHeader.vue';
 export { default as CCardSection } from './CCardSection.vue';
 export { default as CCheckbox } from './CCheckbox.vue';
-export { default as CCol } from './CCol.vue';
 export { default as CDivider } from './CDivider.vue';
 export { default as CDobField } from './CDobField.vue';
 export { default as CDobSelect } from './CDobSelect.vue';
@@ -41,7 +40,6 @@ export { default as CProgressRing } from './CProgressRing.vue';
 export { default as CRadio } from './CRadio.vue';
 export { default as CRadioGroup } from './CRadioGroup.vue';
 export { default as CRebrand } from './CRebrand.vue';
-export { default as CRow } from './CRow.vue';
 export { default as CSafeArea } from './CSafeArea.vue';
 export { default as CSectionHeader } from './CSectionHeader.vue';
 export { default as CSelect } from './CSelect.vue';

package/dist/composables/colors.d.ts

@@ -3,11 +3,12 @@ import { CssColor } from '../colors/colors';
 /**
  * Maps from a color name or hex code to its corresponding CSS color value.
  * Gray neutrals resolve to rgba(); other palette colors are hex.
+ * Can also accept a palette color converted to rgba for transparency via `withAlpha`.
  *
  * @param name - The color to resolve. Can be in kebab case, SCREAMING_SNAKE_CASE, or a hex code from the palette.
  * @returns The CSS color value (hex or rgba) and whether the color is valid.
  */
-export declare function useCssColor(name: MaybeRefOrGetter<string | undefined>): {
+export declare function usePaletteColor(name: MaybeRefOrGetter<string | undefined>): {
     cssColor: Ref<CssColor | undefined>;
-    isValidColor: Ref<boolean>;
+    isPaletteColor: Ref<boolean>;
 };

package/dist/composables/input-mask.d.ts

@@ -14,5 +14,5 @@ options: Ref<MaskInputOptions>): {
     maskedValue: Ref<string>;
     unmaskedValue: Ref<string>;
 };
-export declare function useMaskedMinLength(minlength: Ref<number | string | null>, value: Ref<string>, options: Ref<MaskOptions>): Ref<number | null>;
-export declare function useMaskedMaxLength(maxlength: Ref<number | string | null>, options: Ref<MaskOptions>): Ref<number | null>;
+export declare function useMaskedMinLength(minlength: Ref<number | string | undefined>, value: Ref<string>, options: Ref<MaskOptions>): Ref<number | null>;
+export declare function useMaskedMaxLength(maxlength: Ref<number | string | undefined>, options: Ref<MaskOptions>): Ref<number | null>;

package/dist/composables/toast.d.ts

@@ -5,6 +5,7 @@ export interface Toast {
     dataTest?: string;
     message: string;
     variant: ToastVariant;
+    dismissible?: boolean;
 }
 interface ToastInjection {
     dismissToast: (id: Toast['id']) => void;