@aotearoan/neon 18.2.13 → 19.0.1

package/dist/src/components/presentation/dropdown/NeonDropdown.d.ts

@@ -380,7 +380,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             attrs: {
                 [x: string]: unknown;
             };
-            icon: import("vue").ComputedRef<string>;
+            icon: import("vue").ComputedRef<string>; /**
+             * Show the dropdown button's indicator (chevron).
+             */
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: StringConstructor;
@@ -647,7 +649,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             attrs: {
                 [x: string]: unknown;
             };
-            icon: import("vue").ComputedRef<string>;
+            icon: import("vue").ComputedRef<string>; /**
+             * Show the dropdown button's indicator (chevron).
+             */
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: StringConstructor;
@@ -692,6 +696,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
             }>;
+            /**
+             * Disable the dropdown button
+             */
             activeRoute: import("vue").ComputedRef<boolean | "">;
             exactRoute: import("vue").ComputedRef<boolean | "">;
             onClick: () => void;
@@ -742,7 +749,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 attrs: {
                     [x: string]: unknown;
                 };
-                icon: import("vue").ComputedRef<string>;
+                icon: import("vue").ComputedRef<string>; /**
+                 * Show the dropdown button's indicator (chevron).
+                 */
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;

package/dist/src/components/user-input/chip/NeonChip.d.ts

@@ -130,11 +130,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: null;
         };
         inverse: {
-            /**
-             * Emitted when the chip is closed by the user.
-             *
-             * @type {void}
-             */
             type: BooleanConstructor;
             default: boolean;
         };
@@ -157,11 +152,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: null;
         };
         inverse: {
-            /**
-             * Emitted when the chip is closed by the user.
-             *
-             * @type {void}
-             */
             type: BooleanConstructor;
             default: boolean;
         };

package/dist/src/components/user-input/color/NeonColor.d.ts

@@ -138,6 +138,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: () => import("../../../neon").NeonInputMode;
             default: import("../../../neon").NeonInputMode;
         };
+        autocomplete: {
+            type: StringConstructor;
+            default: string;
+        };
         state: {
             type: () => import("../../../neon").NeonState;
             default: import("../../../neon").NeonState;
@@ -228,6 +232,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: () => import("../../../neon").NeonInputMode;
             default: import("../../../neon").NeonInputMode;
         };
+        autocomplete: {
+            type: StringConstructor;
+            default: string;
+        };
         state: {
             type: () => import("../../../neon").NeonState;
             default: import("../../../neon").NeonState;
@@ -290,6 +298,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputmode: import("../../../neon").NeonInputMode;
         modelValue: string;
         state: import("../../../neon").NeonState;
+        autocomplete: string;
         rows: number;
         iconReadonly: boolean;
         hideIcon: boolean;

package/dist/src/components/user-input/date-picker/NeonDatePicker.d.ts

@@ -398,24 +398,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         alternateColor: {
             type: () => NeonFunctionalColor;
-            default: null; /**
-             * The size of the date picker, one of NeonSize.Small | NeonSize.Medium | NeonSize.Large.
-             */
-        }; /**
-         * The size of the date picker, one of NeonSize.Small | NeonSize.Medium | NeonSize.Large.
-         */
+            default: null;
+        };
         icon: {
             type: StringConstructor;
             default: null;
         };
         iconPosition: {
-            /**
-             * Color of the date picker
-             */
             type: () => import("../../../neon").NeonHorizontalPosition;
             default: import("../../../neon").NeonHorizontalPosition;
         };
         buttonStyle: {
+            /**
+             * Minimum allowed date value in the <a href="https://en.wikipedia.org/wiki/ISO_8601" target="_blank">ISO 8601</a> format.
+             */
             type: () => import("../../../neon").NeonButtonStyle;
             default: import("../../../neon").NeonButtonStyle;
         };
@@ -497,24 +493,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         alternateColor: {
             type: () => NeonFunctionalColor;
-            default: null; /**
-             * The size of the date picker, one of NeonSize.Small | NeonSize.Medium | NeonSize.Large.
-             */
-        }; /**
-         * The size of the date picker, one of NeonSize.Small | NeonSize.Medium | NeonSize.Large.
-         */
+            default: null;
+        };
         icon: {
             type: StringConstructor;
             default: null;
         };
         iconPosition: {
-            /**
-             * Color of the date picker
-             */
             type: () => import("../../../neon").NeonHorizontalPosition;
             default: import("../../../neon").NeonHorizontalPosition;
         };
         buttonStyle: {
+            /**
+             * Minimum allowed date value in the <a href="https://en.wikipedia.org/wiki/ISO_8601" target="_blank">ISO 8601</a> format.
+             */
             type: () => import("../../../neon").NeonButtonStyle;
             default: import("../../../neon").NeonButtonStyle;
         };
@@ -788,12 +780,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         label: {
             type: StringConstructor;
-            default: null; /**
-             * Disable date picker
-             */
-        }; /**
-         * Disable date picker
-         */
+            default: null;
+        };
         image: {
             type: StringConstructor;
             default: null;
@@ -816,12 +804,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         size: {
             type: () => NeonSize;
-            default: NeonSize; /**
-             * The placement of the dropdown calendar popup.
-             */
-        }; /**
-         * The placement of the dropdown calendar popup.
-         */
+            default: NeonSize;
+        };
         color: {
             type: () => NeonFunctionalColor;
             default: NeonFunctionalColor;
@@ -876,12 +860,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         label: {
             type: StringConstructor;
-            default: null; /**
-             * Disable date picker
-             */
-        }; /**
-         * Disable date picker
-         */
+            default: null;
+        };
         image: {
             type: StringConstructor;
             default: null;
@@ -904,12 +884,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         size: {
             type: () => NeonSize;
-            default: NeonSize; /**
-             * The placement of the dropdown calendar popup.
-             */
-        }; /**
-         * The placement of the dropdown calendar popup.
-         */
+            default: NeonSize;
+        };
         color: {
             type: () => NeonFunctionalColor;
             default: NeonFunctionalColor;
@@ -1131,24 +1107,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             alternateColor: {
                 type: () => NeonFunctionalColor;
-                default: null; /**
-                 * The size of the date picker, one of NeonSize.Small | NeonSize.Medium | NeonSize.Large.
-                 */
-            }; /**
-             * The size of the date picker, one of NeonSize.Small | NeonSize.Medium | NeonSize.Large.
-             */
+                default: null;
+            };
             icon: {
                 type: StringConstructor;
                 default: null;
             };
             iconPosition: {
-                /**
-                 * Color of the date picker
-                 */
                 type: () => import("../../../neon").NeonHorizontalPosition;
                 default: import("../../../neon").NeonHorizontalPosition;
             };
             buttonStyle: {
+                /**
+                 * Minimum allowed date value in the <a href="https://en.wikipedia.org/wiki/ISO_8601" target="_blank">ISO 8601</a> format.
+                 */
                 type: () => import("../../../neon").NeonButtonStyle;
                 default: import("../../../neon").NeonButtonStyle;
             };
@@ -1230,24 +1202,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             alternateColor: {
                 type: () => NeonFunctionalColor;
-                default: null; /**
-                 * The size of the date picker, one of NeonSize.Small | NeonSize.Medium | NeonSize.Large.
-                 */
-            }; /**
-             * The size of the date picker, one of NeonSize.Small | NeonSize.Medium | NeonSize.Large.
-             */
+                default: null;
+            };
             icon: {
                 type: StringConstructor;
                 default: null;
             };
             iconPosition: {
-                /**
-                 * Color of the date picker
-                 */
                 type: () => import("../../../neon").NeonHorizontalPosition;
                 default: import("../../../neon").NeonHorizontalPosition;
             };
             buttonStyle: {
+                /**
+                 * Minimum allowed date value in the <a href="https://en.wikipedia.org/wiki/ISO_8601" target="_blank">ISO 8601</a> format.
+                 */
                 type: () => import("../../../neon").NeonButtonStyle;
                 default: import("../../../neon").NeonButtonStyle;
             };
@@ -1581,6 +1549,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: () => import("../../../neon").NeonInputMode;
             default: import("../../../neon").NeonInputMode;
         };
+        autocomplete: {
+            type: StringConstructor;
+            default: string;
+        };
         state: {
             type: () => import("../../../neon").NeonState;
             default: import("../../../neon").NeonState;
@@ -1606,7 +1578,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: number;
         };
         disabled: {
-            type: BooleanConstructor;
+            type: BooleanConstructor; /**
+             * This is the label of the input field which opens the calendar. This is technically a button.
+             */
             default: boolean;
         };
         stateHighlight: {
@@ -1671,6 +1645,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: () => import("../../../neon").NeonInputMode;
             default: import("../../../neon").NeonInputMode;
         };
+        autocomplete: {
+            type: StringConstructor;
+            default: string;
+        };
         state: {
             type: () => import("../../../neon").NeonState;
             default: import("../../../neon").NeonState;
@@ -1696,7 +1674,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: number;
         };
         disabled: {
-            type: BooleanConstructor;
+            type: BooleanConstructor; /**
+             * This is the label of the input field which opens the calendar. This is technically a button.
+             */
             default: boolean;
         };
         stateHighlight: {
@@ -1733,6 +1713,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputmode: import("../../../neon").NeonInputMode;
         modelValue: string;
         state: import("../../../neon").NeonState;
+        autocomplete: string;
         rows: number;
         iconReadonly: boolean;
         hideIcon: boolean;

package/dist/src/components/user-input/file/NeonFile.d.ts

@@ -590,14 +590,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonSize;
         };
         color: {
-            type: () => NeonFunctionalColor; /**
-             * The file component size
-             */
+            type: () => NeonFunctionalColor;
             default: NeonFunctionalColor;
         };
         inputmode: {
             type: () => import("../../../neon").NeonInputMode;
-            default: import("../../../neon").NeonInputMode;
+            default: import("../../../neon").NeonInputMode; /**
+             * The file component color
+             */
+        }; /**
+         * The file component color
+         */
+        autocomplete: {
+            type: StringConstructor;
+            default: string;
         };
         state: {
             type: () => NeonState;
@@ -682,14 +688,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonSize;
         };
         color: {
-            type: () => NeonFunctionalColor; /**
-             * The file component size
-             */
+            type: () => NeonFunctionalColor;
             default: NeonFunctionalColor;
         };
         inputmode: {
             type: () => import("../../../neon").NeonInputMode;
-            default: import("../../../neon").NeonInputMode;
+            default: import("../../../neon").NeonInputMode; /**
+             * The file component color
+             */
+        }; /**
+         * The file component color
+         */
+        autocomplete: {
+            type: StringConstructor;
+            default: string;
         };
         state: {
             type: () => NeonState;
@@ -753,6 +765,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputmode: import("../../../neon").NeonInputMode;
         modelValue: string;
         state: NeonState;
+        autocomplete: string;
         rows: number;
         iconReadonly: boolean;
         hideIcon: boolean;

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

@@ -58,6 +58,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: () => NeonInputMode;
         default: NeonInputMode;
     };
+    /**
+     * The HTML autocomplete mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values">here</a>.
+     * 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;
+        default: string;
+    };
     /**
      * The state of the input
      */
@@ -207,6 +215,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: () => NeonInputMode;
         default: NeonInputMode;
     };
+    /**
+     * The HTML autocomplete mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values">here</a>.
+     * 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;
+        default: string;
+    };
     /**
      * The state of the input
      */
@@ -305,6 +321,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     inputmode: NeonInputMode;
     modelValue: string;
     state: NeonState;
+    autocomplete: string;
     rows: number;
     iconReadonly: boolean;
     hideIcon: boolean;

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

@@ -543,9 +543,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             attrs: {
                 [x: string]: unknown;
             };
-            icon: import("vue").ComputedRef<string>; /**
-             * Show/hide spin buttons. NOTE: The user can still use up/down arrow keys when the input has focus.
-             */
+            icon: import("vue").ComputedRef<string>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: StringConstructor;
@@ -592,7 +590,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>;
             activeRoute: import("vue").ComputedRef<boolean | "">;
             exactRoute: import("vue").ComputedRef<boolean | "">;
-            onClick: () => void;
+            onClick: () => void; /**
+             * Automatically applies % formatting, e.g. if the value = 0.15 it will be displayed as 15%.
+             */
             onSpace: () => Promise<void>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             href: {
@@ -640,9 +640,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 attrs: {
                     [x: string]: unknown;
                 };
-                icon: import("vue").ComputedRef<string>; /**
-                 * Show/hide spin buttons. NOTE: The user can still use up/down arrow keys when the input has focus.
-                 */
+                icon: import("vue").ComputedRef<string>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
@@ -683,20 +681,34 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         placeholder: {
             type: StringConstructor;
-            default: null;
-        };
+            default: null; /**
+             * The maximum value the input can accept.
+             */
+        }; /**
+         * The maximum value the input can accept.
+         */
         size: {
             type: () => NeonSize;
             default: NeonSize;
         };
         color: {
-            type: () => NeonFunctionalColor;
+            type: () => NeonFunctionalColor; /**
+             * The component color.
+             */
             default: NeonFunctionalColor;
         };
         inputmode: {
             type: () => NeonInputMode;
             default: NeonInputMode;
         };
+        autocomplete: {
+            type: StringConstructor;
+            default: string; /**
+             * Enable/disable direct editing of the value.
+             */
+        }; /**
+         * Enable/disable direct editing of the value.
+         */
         state: {
             type: () => import("../../../neon").NeonState;
             default: import("../../../neon").NeonState;
@@ -728,7 +740,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         stateHighlight: {
             type: BooleanConstructor;
             default: boolean;
-        };
+        }; /**
+         * Emitted when the user changes the value of the number via the increment/decrement buttons or manually entering
+         * the value.
+         * @type {number | null} the current value or null if the value has been cleared.
+         */
         stateIcon: {
             type: BooleanConstructor;
             default: boolean;
@@ -773,20 +789,34 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         placeholder: {
             type: StringConstructor;
-            default: null;
-        };
+            default: null; /**
+             * The maximum value the input can accept.
+             */
+        }; /**
+         * The maximum value the input can accept.
+         */
         size: {
             type: () => NeonSize;
             default: NeonSize;
         };
         color: {
-            type: () => NeonFunctionalColor;
+            type: () => NeonFunctionalColor; /**
+             * The component color.
+             */
             default: NeonFunctionalColor;
         };
         inputmode: {
             type: () => NeonInputMode;
             default: NeonInputMode;
         };
+        autocomplete: {
+            type: StringConstructor;
+            default: string; /**
+             * Enable/disable direct editing of the value.
+             */
+        }; /**
+         * Enable/disable direct editing of the value.
+         */
         state: {
             type: () => import("../../../neon").NeonState;
             default: import("../../../neon").NeonState;
@@ -818,7 +848,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         stateHighlight: {
             type: BooleanConstructor;
             default: boolean;
-        };
+        }; /**
+         * Emitted when the user changes the value of the number via the increment/decrement buttons or manually entering
+         * the value.
+         * @type {number | null} the current value or null if the value has been cleared.
+         */
         stateIcon: {
             type: BooleanConstructor;
             default: boolean;
@@ -849,6 +883,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputmode: NeonInputMode;
         modelValue: string;
         state: import("../../../neon").NeonState;
+        autocomplete: string;
         rows: number;
         iconReadonly: boolean;
         hideIcon: boolean;
@@ -877,9 +912,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             attrs: {
                 [x: string]: unknown;
             };
-            icon: import("vue").ComputedRef<string>; /**
-             * Show/hide spin buttons. NOTE: The user can still use up/down arrow keys when the input has focus.
-             */
+            icon: import("vue").ComputedRef<string>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: StringConstructor;

package/dist/src/components/user-input/password/NeonPassword.d.ts

@@ -43,6 +43,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: () => import("../../../neon").NeonInputMode;
             default: import("../../../neon").NeonInputMode;
         };
+        autocomplete: {
+            type: StringConstructor;
+            default: string;
+        };
         state: {
             type: () => import("../../../neon").NeonState;
             default: import("../../../neon").NeonState;
@@ -133,6 +137,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: () => import("../../../neon").NeonInputMode;
             default: import("../../../neon").NeonInputMode;
         };
+        autocomplete: {
+            type: StringConstructor;
+            default: string;
+        };
         state: {
             type: () => import("../../../neon").NeonState;
             default: import("../../../neon").NeonState;
@@ -195,6 +203,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         inputmode: import("../../../neon").NeonInputMode;
         modelValue: string;
         state: import("../../../neon").NeonState;
+        autocomplete: string;
         rows: number;
         iconReadonly: boolean;
         hideIcon: boolean;