@aotearoan/neon 22.5.0 → 22.5.2

package/dist/src/components/user-input/filter-list/NeonFilterList.d.ts

@@ -147,12 +147,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: StringConstructor;
             required: true;
         };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
         color: {
             type: () => NeonFunctionalColor;
             default: null;
         };
         inverse: {
             type: BooleanConstructor;
+            /**
+             * Label for the expanded Show more toggle if <em>displayCount</em> is set. The default is 'Show less'.
+             */
             default: boolean;
         };
         disabled: {
@@ -160,21 +167,28 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
     }>, {
-        attrs: {
+        sanitizedAttributes: import("vue").ComputedRef<{
             [x: string]: unknown;
-        };
-        icon: import("vue").ComputedRef<string>;
+        }>;
+        icon: import("vue").ComputedRef<string | undefined>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         name: {
             type: StringConstructor;
             required: true;
         };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
         color: {
             type: () => NeonFunctionalColor;
             default: null;
         };
         inverse: {
             type: BooleanConstructor;
+            /**
+             * Label for the expanded Show more toggle if <em>displayCount</em> is set. The default is 'Show less'.
+             */
             default: boolean;
         };
         disabled: {
@@ -184,6 +198,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{}>, {
         disabled: boolean;
         color: NeonFunctionalColor;
+        id: string;
         inverse: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     NeonLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -243,12 +258,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
                 required: true;
             };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
             color: {
                 type: () => NeonFunctionalColor;
                 default: null;
             };
             inverse: {
                 type: BooleanConstructor;
+                /**
+                 * Label for the expanded Show more toggle if <em>displayCount</em> is set. The default is 'Show less'.
+                 */
                 default: boolean;
             };
             disabled: {
@@ -256,21 +278,28 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
         }>, {
-            attrs: {
+            sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
-            };
-            icon: import("vue").ComputedRef<string>;
+            }>;
+            icon: import("vue").ComputedRef<string | undefined>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: StringConstructor;
                 required: true;
             };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
             color: {
                 type: () => NeonFunctionalColor;
                 default: null;
             };
             inverse: {
                 type: BooleanConstructor;
+                /**
+                 * Label for the expanded Show more toggle if <em>displayCount</em> is set. The default is 'Show less'.
+                 */
                 default: boolean;
             };
             disabled: {
@@ -280,6 +309,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>> & Readonly<{}>, {
             disabled: boolean;
             color: NeonFunctionalColor;
+            id: string;
             inverse: boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/src/components/user-input/input/NeonInput.d.ts

@@ -63,7 +63,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
      * NOTE: No enum is provided in Neon as some values can be used in combination, please refer to the full list of values in the preceding link.
      */
     autocomplete: {
-        type: StringConstructor;
+        type: () => NeonInputMode;
         default: string;
     };
     /**
@@ -139,8 +139,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: null;
     };
     /**
-     * Debounce time in ms, if no value is provided the default value set in NeonDebounceUtils is used (=300ms).
-     * Set to 0 to disable debounce.
+     * The label template for the character limit. This is a string in the vue-i18n Pluralization format with a
+     * <em>{count}</em> placeholder.
+     */
+    maxlengthLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Debounce time in ms. If no value is provided, the default value set in NeonDebounceUtils is used (=0ms).
      */
     debounce: {
         type: NumberConstructor;
@@ -156,12 +163,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     iconName: import("vue").ComputedRef<string | undefined>;
     iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
     computedPlaceholder: import("vue").ComputedRef<string>;
+    counterLabel: import("vue").ComputedRef<string | null>;
     focus: () => void;
     click: () => void;
     onFocus: () => void;
     onBlur: () => void;
     iconClicked: ($event: Event) => void;
-    changeValue: (event: Event) => void;
+    changeValue: (event: InputEvent) => void;
     onKeyDown: (event: KeyboardEvent) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], "update:modelValue" | "focus" | "blur" | "icon-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -220,7 +228,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
      * NOTE: No enum is provided in Neon as some values can be used in combination, please refer to the full list of values in the preceding link.
      */
     autocomplete: {
-        type: StringConstructor;
+        type: () => NeonInputMode;
         default: string;
     };
     /**
@@ -296,8 +304,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: null;
     };
     /**
-     * Debounce time in ms, if no value is provided the default value set in NeonDebounceUtils is used (=300ms).
-     * Set to 0 to disable debounce.
+     * The label template for the character limit. This is a string in the vue-i18n Pluralization format with a
+     * <em>{count}</em> placeholder.
+     */
+    maxlengthLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Debounce time in ms. If no value is provided, the default value set in NeonDebounceUtils is used (=0ms).
      */
     debounce: {
         type: NumberConstructor;
@@ -321,19 +336,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     inputmode: NeonInputMode;
     modelValue: string;
     state: NeonState;
-    autocomplete: string;
+    autocomplete: NeonInputMode;
     rows: number;
     iconReadonly: boolean;
     hideIcon: boolean;
     stateHighlight: boolean;
     stateIcon: boolean;
     maxlength: number;
+    maxlengthLabel: string;
 }, {}, {
     NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         name: {
             type: StringConstructor;
             required: true;
         };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
         color: {
             type: () => NeonFunctionalColor;
             default: null;
@@ -347,17 +367,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
     }>, {
-        attrs: {
+        sanitizedAttributes: import("vue").ComputedRef<{
             [x: string]: unknown;
-        }; /**
-         * The number of rows to display in the case of a textarea
-         */
-        icon: import("vue").ComputedRef<string>;
+        }>;
+        icon: import("vue").ComputedRef<string | undefined>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         name: {
             type: StringConstructor;
             required: true;
         };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
         color: {
             type: () => NeonFunctionalColor;
             default: null;
@@ -373,6 +395,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{}>, {
         disabled: boolean;
         color: NeonFunctionalColor;
+        id: string;
         inverse: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/src/components/user-input/input-indicator/NeonInputIndicator.d.ts

@@ -72,6 +72,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: StringConstructor;
             required: true;
         };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
         color: {
             type: () => import("../../../neon").NeonFunctionalColor;
             default: null;
@@ -85,15 +89,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
     }>, {
-        attrs: {
+        sanitizedAttributes: import("vue").ComputedRef<{
             [x: string]: unknown;
-        };
-        icon: import("vue").ComputedRef<string>;
+        }>;
+        icon: import("vue").ComputedRef<string | undefined>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         name: {
             type: StringConstructor;
             required: true;
         };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
         color: {
             type: () => import("../../../neon").NeonFunctionalColor;
             default: null;
@@ -109,6 +117,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{}>, {
         disabled: boolean;
         color: import("../../../neon").NeonFunctionalColor;
+        id: string;
         inverse: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/src/components/user-input/list/NeonList.d.ts

@@ -78,6 +78,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: StringConstructor;
             required: true;
         };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
         color: {
             type: () => NeonFunctionalColor;
             default: null;
@@ -91,15 +95,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
     }>, {
-        attrs: {
+        sanitizedAttributes: import("vue").ComputedRef<{
             [x: string]: unknown;
-        };
-        icon: import("vue").ComputedRef<string>;
+        }>;
+        icon: import("vue").ComputedRef<string | undefined>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         name: {
             type: StringConstructor;
             required: true;
         };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
         color: {
             type: () => NeonFunctionalColor;
             default: null;
@@ -115,6 +123,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{}>, {
         disabled: boolean;
         color: NeonFunctionalColor;
+        id: string;
         inverse: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/src/components/user-input/number/NeonNumber.d.ts

@@ -524,43 +524,72 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
                 required: true;
             };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
             color: {
                 type: () => NeonFunctionalColor;
                 default: null;
-            };
+            }; /**
+             * Placeholder text to display in the input
+             */
             inverse: {
                 type: BooleanConstructor;
-                default: boolean;
-            };
+                default: boolean; /**
+                 * Whether the component is disabled.
+                 */
+            }; /**
+             * Whether the component is disabled.
+             */
             disabled: {
                 type: BooleanConstructor;
-                default: boolean;
-            };
+                default: boolean; /**
+                 * Enable/disable direct editing of the value.
+                 */
+            }; /**
+             * Enable/disable direct editing of the value.
+             */
         }>, {
-            attrs: {
+            sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
-            };
-            icon: import("vue").ComputedRef<string>;
+            }>;
+            icon: import("vue").ComputedRef<string | undefined>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: StringConstructor;
                 required: true;
             };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
             color: {
                 type: () => NeonFunctionalColor;
                 default: null;
-            };
+            }; /**
+             * Placeholder text to display in the input
+             */
             inverse: {
                 type: BooleanConstructor;
-                default: boolean;
-            };
+                default: boolean; /**
+                 * Whether the component is disabled.
+                 */
+            }; /**
+             * Whether the component is disabled.
+             */
             disabled: {
                 type: BooleanConstructor;
-                default: boolean;
-            };
+                default: boolean; /**
+                 * Enable/disable direct editing of the value.
+                 */
+            }; /**
+             * Enable/disable direct editing of the value.
+             */
         }>> & Readonly<{}>, {
             disabled: boolean;
             color: NeonFunctionalColor;
+            id: string;
             inverse: boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         NeonLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -620,43 +649,72 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: null;
-                };
+                }; /**
+                 * Placeholder text to display in the input
+                 */
                 inverse: {
                     type: BooleanConstructor;
-                    default: boolean;
-                };
+                    default: boolean; /**
+                     * Whether the component is disabled.
+                     */
+                }; /**
+                 * Whether the component is disabled.
+                 */
                 disabled: {
                     type: BooleanConstructor;
-                    default: boolean;
-                };
+                    default: boolean; /**
+                     * Enable/disable direct editing of the value.
+                     */
+                }; /**
+                 * Enable/disable direct editing of the value.
+                 */
             }>, {
-                attrs: {
+                sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
-                };
-                icon: import("vue").ComputedRef<string>;
+                }>;
+                icon: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: null;
-                };
+                }; /**
+                 * Placeholder text to display in the input
+                 */
                 inverse: {
                     type: BooleanConstructor;
-                    default: boolean;
-                };
+                    default: boolean; /**
+                     * Whether the component is disabled.
+                     */
+                }; /**
+                 * Whether the component is disabled.
+                 */
                 disabled: {
                     type: BooleanConstructor;
-                    default: boolean;
-                };
+                    default: boolean; /**
+                     * Enable/disable direct editing of the value.
+                     */
+                }; /**
+                 * Enable/disable direct editing of the value.
+                 */
             }>> & Readonly<{}>, {
                 disabled: boolean;
                 color: NeonFunctionalColor;
+                id: string;
                 inverse: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -722,7 +780,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => NeonInputMode;
             default: string;
         };
         state: {
@@ -765,6 +823,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -779,12 +841,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         iconName: import("vue").ComputedRef<string | undefined>;
         iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
         computedPlaceholder: import("vue").ComputedRef<string>;
+        counterLabel: import("vue").ComputedRef<string | null>;
         focus: () => void;
         click: () => void;
         onFocus: () => void;
         onBlur: () => void;
         iconClicked: ($event: Event) => void;
-        changeValue: (event: Event) => void;
+        changeValue: (event: InputEvent) => void;
         onKeyDown: (event: KeyboardEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], "update:modelValue" | "focus" | "blur" | "icon-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         id: {
@@ -816,7 +879,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => NeonInputMode;
             default: string;
         };
         state: {
@@ -859,6 +922,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -881,56 +948,86 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputmode: NeonInputMode;
         modelValue: string;
         state: import("../../../neon").NeonState;
-        autocomplete: string;
+        autocomplete: NeonInputMode;
         rows: number;
         iconReadonly: boolean;
         hideIcon: boolean;
         stateHighlight: boolean;
         stateIcon: boolean;
         maxlength: number;
+        maxlengthLabel: string;
     }, {}, {
         NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             name: {
                 type: StringConstructor;
                 required: true;
             };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
             color: {
                 type: () => NeonFunctionalColor;
                 default: null;
-            };
+            }; /**
+             * Placeholder text to display in the input
+             */
             inverse: {
                 type: BooleanConstructor;
-                default: boolean;
-            };
+                default: boolean; /**
+                 * Whether the component is disabled.
+                 */
+            }; /**
+             * Whether the component is disabled.
+             */
             disabled: {
                 type: BooleanConstructor;
-                default: boolean;
-            };
+                default: boolean; /**
+                 * Enable/disable direct editing of the value.
+                 */
+            }; /**
+             * Enable/disable direct editing of the value.
+             */
         }>, {
-            attrs: {
+            sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
-            };
-            icon: import("vue").ComputedRef<string>;
+            }>;
+            icon: import("vue").ComputedRef<string | undefined>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: StringConstructor;
                 required: true;
             };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
             color: {
                 type: () => NeonFunctionalColor;
                 default: null;
-            };
+            }; /**
+             * Placeholder text to display in the input
+             */
             inverse: {
                 type: BooleanConstructor;
-                default: boolean;
-            };
+                default: boolean; /**
+                 * Whether the component is disabled.
+                 */
+            }; /**
+             * Whether the component is disabled.
+             */
             disabled: {
                 type: BooleanConstructor;
-                default: boolean;
-            };
+                default: boolean; /**
+                 * Enable/disable direct editing of the value.
+                 */
+            }; /**
+             * Enable/disable direct editing of the value.
+             */
         }>> & Readonly<{}>, {
             disabled: boolean;
             color: NeonFunctionalColor;
+            id: string;
             inverse: boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;