@aotearoan/neon 23.2.3 → 23.2.5

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

@@ -1,6 +1,7 @@
 import { NeonSize } from '@/common/enums/NeonSize';
 import { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';
 import { NeonState } from '@/common/enums/NeonState';
+import { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';
 /**
  * A file upload component. This is a wrapper around an HTML file input. It can display multiple files as well as
  * providing a convenient UI for removing/clearing files from the list.
@@ -64,6 +65,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: () => NeonFunctionalColor;
         default: NeonFunctionalColor;
     };
+    /**
+     * The style of button to use for the upload
+     */
+    buttonStyle: {
+        type: () => NeonButtonStyle;
+        default: NeonButtonStyle;
+    };
     /**
      * Make the button circular. NOTE: This is only for icon only buttons.
      */
@@ -115,9 +123,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonSize;
         };
         color: {
-            type: () => NeonFunctionalColor; /**
-             * The file component size
-             */
+            type: () => NeonFunctionalColor;
             default: NeonFunctionalColor;
         };
         inputmode: {
@@ -227,7 +233,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 required: true;
             };
             id: {
-                type: StringConstructor;
+                type: StringConstructor; /**
+                 * The state of the input, used to indicate loading, success and error states
+                 */
                 default: null;
             };
             color: {
@@ -253,7 +261,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 required: true;
             };
             id: {
-                type: StringConstructor;
+                type: StringConstructor; /**
+                 * The state of the input, used to indicate loading, success and error states
+                 */
                 default: null;
             };
             color: {
@@ -303,9 +313,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonSize;
         };
         color: {
-            type: () => NeonFunctionalColor; /**
-             * The file component size
-             */
+            type: () => NeonFunctionalColor;
             default: NeonFunctionalColor;
         };
         inputmode: {
@@ -430,9 +438,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonSize;
         };
         color: {
-            type: () => NeonFunctionalColor; /**
-             * The file component size
-             */
+            type: () => NeonFunctionalColor;
             default: NeonFunctionalColor;
         };
         inputmode: {
@@ -542,7 +548,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 required: true;
             };
             id: {
-                type: StringConstructor;
+                type: StringConstructor; /**
+                 * The state of the input, used to indicate loading, success and error states
+                 */
                 default: null;
             };
             color: {
@@ -568,7 +576,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 required: true;
             };
             id: {
-                type: StringConstructor;
+                type: StringConstructor; /**
+                 * The state of the input, used to indicate loading, success and error states
+                 */
                 default: null;
             };
             color: {
@@ -618,9 +628,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonSize;
         };
         color: {
-            type: () => NeonFunctionalColor; /**
-             * The file component size
-             */
+            type: () => NeonFunctionalColor;
             default: NeonFunctionalColor;
         };
         inputmode: {
@@ -813,6 +821,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: () => NeonFunctionalColor;
         default: NeonFunctionalColor;
     };
+    /**
+     * The style of button to use for the upload
+     */
+    buttonStyle: {
+        type: () => NeonButtonStyle;
+        default: NeonButtonStyle;
+    };
     /**
      * Make the button circular. NOTE: This is only for icon only buttons.
      */
@@ -851,6 +866,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     size: NeonSize;
     color: NeonFunctionalColor;
     id: string;
+    buttonStyle: NeonButtonStyle;
     state: NeonState;
     circular: boolean;
     directUpload: boolean;
@@ -887,19 +903,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: null;
         };
         iconAriaLabel: {
-            type: StringConstructor; /**
-             * The icon of the file component button
-             */
-        }; /**
-         * The icon of the file component button
-         */
+            type: StringConstructor;
+        };
         iconPosition: {
             type: () => import("../../../neon").NeonHorizontalPosition;
             default: import("../../../neon").NeonHorizontalPosition;
         };
         buttonStyle: {
-            type: () => import("../../../neon").NeonButtonStyle;
-            default: import("../../../neon").NeonButtonStyle;
+            type: () => NeonButtonStyle;
+            default: NeonButtonStyle;
         };
         buttonType: {
             type: () => import("../../../neon").NeonButtonType;
@@ -990,19 +1002,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: null;
         };
         iconAriaLabel: {
-            type: StringConstructor; /**
-             * The icon of the file component button
-             */
-        }; /**
-         * The icon of the file component button
-         */
+            type: StringConstructor;
+        };
         iconPosition: {
             type: () => import("../../../neon").NeonHorizontalPosition;
             default: import("../../../neon").NeonHorizontalPosition;
         };
         buttonStyle: {
-            type: () => import("../../../neon").NeonButtonStyle;
-            default: import("../../../neon").NeonButtonStyle;
+            type: () => NeonButtonStyle;
+            default: NeonButtonStyle;
         };
         buttonType: {
             type: () => import("../../../neon").NeonButtonType;
@@ -1053,7 +1061,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inverse: boolean;
         alternateColor: NeonFunctionalColor;
         iconPosition: import("../../../neon").NeonHorizontalPosition;
-        buttonStyle: import("../../../neon").NeonButtonStyle;
+        buttonStyle: NeonButtonStyle;
         buttonType: import("../../../neon").NeonButtonType;
         state: NeonState;
         transparent: boolean;
@@ -1108,7 +1116,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 required: true;
             };
             id: {
-                type: StringConstructor;
+                type: StringConstructor; /**
+                 * The state of the input, used to indicate loading, success and error states
+                 */
                 default: null;
             };
             color: {
@@ -1134,7 +1144,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 required: true;
             };
             id: {
-                type: StringConstructor;
+                type: StringConstructor; /**
+                 * The state of the input, used to indicate loading, success and error states
+                 */
                 default: null;
             };
             color: {
@@ -1162,12 +1174,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             noStyle: {
                 type: BooleanConstructor;
-                default: boolean;
-            };
+                default: boolean; /**
+                 * The disabled state of the component
+                 */
+            }; /**
+             * The disabled state of the component
+             */
             outlineStyle: {
                 type: () => import("../../../neon").NeonOutlineStyle;
-                default: import("../../../neon").NeonOutlineStyle;
-            };
+                default: import("../../../neon").NeonOutlineStyle; /**
+                 * Support multiple files.
+                 */
+            }; /**
+             * Support multiple files.
+             */
             externalIndicator: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1189,12 +1209,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             noStyle: {
                 type: BooleanConstructor;
-                default: boolean;
-            };
+                default: boolean; /**
+                 * The disabled state of the component
+                 */
+            }; /**
+             * The disabled state of the component
+             */
             outlineStyle: {
                 type: () => import("../../../neon").NeonOutlineStyle;
-                default: import("../../../neon").NeonOutlineStyle;
-            };
+                default: import("../../../neon").NeonOutlineStyle; /**
+                 * Support multiple files.
+                 */
+            }; /**
+             * Support multiple files.
+             */
             externalIndicator: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1213,7 +1241,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     required: true;
                 };
                 id: {
-                    type: StringConstructor;
+                    type: StringConstructor; /**
+                     * The state of the input, used to indicate loading, success and error states
+                     */
                     default: null;
                 };
                 color: {
@@ -1239,7 +1269,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     required: true;
                 };
                 id: {
-                    type: StringConstructor;
+                    type: StringConstructor; /**
+                     * The state of the input, used to indicate loading, success and error states
+                     */
                     default: null;
                 };
                 color: {
@@ -1284,9 +1316,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonSize;
         };
         color: {
-            type: () => NeonFunctionalColor; /**
-             * The file component size
-             */
+            type: () => NeonFunctionalColor;
             default: NeonFunctionalColor;
         };
         inputmode: {
@@ -1385,9 +1415,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonSize;
         };
         color: {
-            type: () => NeonFunctionalColor; /**
-             * The file component size
-             */
+            type: () => NeonFunctionalColor;
             default: NeonFunctionalColor;
         };
         inputmode: {
@@ -1479,7 +1507,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 required: true;
             };
             id: {
-                type: StringConstructor;
+                type: StringConstructor; /**
+                 * The state of the input, used to indicate loading, success and error states
+                 */
                 default: null;
             };
             color: {
@@ -1505,7 +1535,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 required: true;
             };
             id: {
-                type: StringConstructor;
+                type: StringConstructor; /**
+                 * The state of the input, used to indicate loading, success and error states
+                 */
                 default: null;
             };
             color: {
@@ -1577,7 +1609,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 required: true;
             };
             id: {
-                type: StringConstructor;
+                type: StringConstructor; /**
+                 * The state of the input, used to indicate loading, success and error states
+                 */
                 default: null;
             };
             color: {
@@ -1603,7 +1637,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 required: true;
             };
             id: {
-                type: StringConstructor;
+                type: StringConstructor; /**
+                 * The state of the input, used to indicate loading, success and error states
+                 */
                 default: null;
             };
             color: {

package/dist/src/components/user-input/search/NeonSearch.d.ts

@@ -365,6 +365,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 color: {
                     type: () => NeonFunctionalColor;
                     default: NeonFunctionalColor;
+                }; /**
+                 * Allow multi-select.
+                 */
+                buttonStyle: {
+                    type: () => import("../../../neon").NeonButtonStyle;
+                    default: import("../../../neon").NeonButtonStyle;
                 };
                 circular: {
                     type: BooleanConstructor;
@@ -1092,6 +1098,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 color: {
                     type: () => NeonFunctionalColor;
                     default: NeonFunctionalColor;
+                }; /**
+                 * Allow multi-select.
+                 */
+                buttonStyle: {
+                    type: () => import("../../../neon").NeonButtonStyle;
+                    default: import("../../../neon").NeonButtonStyle;
                 };
                 circular: {
                     type: BooleanConstructor;
@@ -1119,6 +1131,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 size: NeonSize;
                 color: NeonFunctionalColor;
                 id: string;
+                buttonStyle: import("../../../neon").NeonButtonStyle;
                 state: import("../../../neon").NeonState;
                 circular: boolean;
                 directUpload: boolean;
@@ -1531,7 +1544,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             inverse: boolean;
                         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-                }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; /**
+                 * <p>
+                 *   The <strong>NeonSearch</strong> component is equivalent to an HTML &lt;input type="search"&gt; element. It is
+                 *   useful as an alternative to <em>NeonSelect</em> to provide filtered results when the universe of results is very
+                 *   large and/or the results need to be requested from a server side API.
+                 * </p>
+                 * <p><strong>NeonSearch</strong> provides input chips in the case the search allows multiple selection.</p>
+                 */
                 NeonInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                     id: {
                         type: StringConstructor;
@@ -2805,6 +2825,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 color: {
                     type: () => NeonFunctionalColor;
                     default: NeonFunctionalColor;
+                }; /**
+                 * Allow multi-select.
+                 */
+                buttonStyle: {
+                    type: () => import("../../../neon").NeonButtonStyle;
+                    default: import("../../../neon").NeonButtonStyle;
                 };
                 circular: {
                     type: BooleanConstructor;
@@ -3532,6 +3558,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 color: {
                     type: () => NeonFunctionalColor;
                     default: NeonFunctionalColor;
+                }; /**
+                 * Allow multi-select.
+                 */
+                buttonStyle: {
+                    type: () => import("../../../neon").NeonButtonStyle;
+                    default: import("../../../neon").NeonButtonStyle;
                 };
                 circular: {
                     type: BooleanConstructor;
@@ -3559,6 +3591,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 size: NeonSize;
                 color: NeonFunctionalColor;
                 id: string;
+                buttonStyle: import("../../../neon").NeonButtonStyle;
                 state: import("../../../neon").NeonState;
                 circular: boolean;
                 directUpload: boolean;
@@ -3971,7 +4004,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             inverse: boolean;
                         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-                }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; /**
+                 * <p>
+                 *   The <strong>NeonSearch</strong> component is equivalent to an HTML &lt;input type="search"&gt; element. It is
+                 *   useful as an alternative to <em>NeonSelect</em> to provide filtered results when the universe of results is very
+                 *   large and/or the results need to be requested from a server side API.
+                 * </p>
+                 * <p><strong>NeonSearch</strong> provides input chips in the case the search allows multiple selection.</p>
+                 */
                 NeonInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                     id: {
                         type: StringConstructor;
@@ -5781,10 +5821,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onClose?: ((...args: any[]) => any) | undefined;
     }>, {
         disabled: boolean;
+        action: import("../../../neon").NeonChipAction;
         icon: string;
         size: NeonSize;
         color: NeonFunctionalColor;
-        action: import("../../../neon").NeonChipAction;
     }, {}, {
         NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             name: {
@@ -6193,6 +6233,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 color: {
                     type: () => NeonFunctionalColor;
                     default: NeonFunctionalColor;
+                }; /**
+                 * Allow multi-select.
+                 */
+                buttonStyle: {
+                    type: () => import("../../../neon").NeonButtonStyle;
+                    default: import("../../../neon").NeonButtonStyle;
                 };
                 circular: {
                     type: BooleanConstructor;
@@ -6920,6 +6966,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 color: {
                     type: () => NeonFunctionalColor;
                     default: NeonFunctionalColor;
+                }; /**
+                 * Allow multi-select.
+                 */
+                buttonStyle: {
+                    type: () => import("../../../neon").NeonButtonStyle;
+                    default: import("../../../neon").NeonButtonStyle;
                 };
                 circular: {
                     type: BooleanConstructor;
@@ -6947,6 +6999,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 size: NeonSize;
                 color: NeonFunctionalColor;
                 id: string;
+                buttonStyle: import("../../../neon").NeonButtonStyle;
                 state: import("../../../neon").NeonState;
                 circular: boolean;
                 directUpload: boolean;
@@ -7359,7 +7412,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             inverse: boolean;
                         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-                }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; /**
+                 * <p>
+                 *   The <strong>NeonSearch</strong> component is equivalent to an HTML &lt;input type="search"&gt; element. It is
+                 *   useful as an alternative to <em>NeonSelect</em> to provide filtered results when the universe of results is very
+                 *   large and/or the results need to be requested from a server side API.
+                 * </p>
+                 * <p><strong>NeonSearch</strong> provides input chips in the case the search allows multiple selection.</p>
+                 */
                 NeonInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                     id: {
                         type: StringConstructor;