@aotearoan/neon 23.2.2 → 23.2.4

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

@@ -434,6 +434,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: () => NeonFunctionalColor;
                 default: NeonFunctionalColor;
             };
+            buttonStyle: {
+                type: () => import("../../../neon").NeonButtonStyle;
+                default: import("../../../neon").NeonButtonStyle;
+            };
             circular: {
                 type: BooleanConstructor;
                 default: null;
@@ -443,9 +447,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: null;
             };
             icon: {
-                type: StringConstructor; /**
-                 * aria label of the button icon
-                 */
+                type: StringConstructor;
                 default: null;
             };
             title: {
@@ -1155,6 +1157,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: () => NeonFunctionalColor;
                 default: NeonFunctionalColor;
             };
+            buttonStyle: {
+                type: () => import("../../../neon").NeonButtonStyle;
+                default: import("../../../neon").NeonButtonStyle;
+            };
             circular: {
                 type: BooleanConstructor;
                 default: null;
@@ -1164,9 +1170,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: null;
             };
             icon: {
-                type: StringConstructor; /**
-                 * aria label of the button icon
-                 */
+                type: StringConstructor;
                 default: null;
             };
             title: {
@@ -1183,6 +1187,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;

package/dist/src/components/presentation/image-carousel/NeonImageCarousel.d.ts

@@ -681,16 +681,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     NeonStack: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         gap: {
-            type: () => import("../../../neon").NeonSize;
-            default: () => import("../../../neon").NeonSize;
+            type: () => import("../../../neon").NeonLayoutSize;
+            default: () => import("../../../neon").NeonLayoutSize;
         };
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         gap: {
-            type: () => import("../../../neon").NeonSize;
-            default: () => import("../../../neon").NeonSize;
+            type: () => import("../../../neon").NeonLayoutSize;
+            default: () => import("../../../neon").NeonLayoutSize;
         };
     }>> & Readonly<{}>, {
-        gap: import("../../../neon").NeonSize;
+        gap: import("../../../neon").NeonLayoutSize;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -115,10 +115,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
+    action: NeonChipAction;
     icon: string;
     size: NeonSize;
     color: NeonFunctionalColor;
-    action: NeonChipAction;
 }, {}, {
     NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         name: {

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

@@ -1119,10 +1119,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: null;
                 };
                 id: {
+                    type: StringConstructor;
                     /**
-                     * Id for the date picker button.
+                     * The selected date. A date string in the
+                     * <a href="https://en.wikipedia.org/wiki/ISO_8601" target="_blank">ISO 8601</a> format.
                      */
-                    type: StringConstructor;
                     default: null;
                 };
                 size: {
@@ -1137,6 +1138,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: () => NeonFunctionalColor;
                     default: NeonFunctionalColor;
                 };
+                buttonStyle: {
+                    type: () => import("../../../neon").NeonButtonStyle;
+                    default: import("../../../neon").NeonButtonStyle;
+                };
                 circular: {
                     type: BooleanConstructor;
                     default: null;
@@ -1815,10 +1820,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     text: () => Promise<string>;
                 }[]>;
                 fileList: import("vue").ComputedRef<{
-                    key: string; /**
-                     * Disabled dates, a list of <a href="https://en.wikipedia.org/wiki/ISO_8601" target="_blank">ISO 8601</a> format
-                     * dates for which to disable selection.
-                     */
+                    key: string;
                     label: string;
                 }[]>;
                 fileInputModel: import("vue").Ref<string, string>;
@@ -1844,10 +1846,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: null;
                 };
                 id: {
+                    type: StringConstructor;
                     /**
-                     * Id for the date picker button.
+                     * The selected date. A date string in the
+                     * <a href="https://en.wikipedia.org/wiki/ISO_8601" target="_blank">ISO 8601</a> format.
                      */
-                    type: StringConstructor;
                     default: null;
                 };
                 size: {
@@ -1862,6 +1865,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: () => NeonFunctionalColor;
                     default: NeonFunctionalColor;
                 };
+                buttonStyle: {
+                    type: () => import("../../../neon").NeonButtonStyle;
+                    default: import("../../../neon").NeonButtonStyle;
+                };
                 circular: {
                     type: BooleanConstructor;
                     default: null;
@@ -1888,6 +1895,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;

package/dist/src/components/user-input/field/NeonField.d.ts

@@ -39,12 +39,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Remove empty message space below input. By default, a blank message will be displayed below each input which
+     * helps simplify form layouts.
+     */
+    noMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Message to display below the input field.
      */
     message: {
         type: StringConstructor;
-        default: null;
+        default: string;
     };
     /**
      * The color of message displayed under input. Can be any functional color.
@@ -89,12 +97,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Remove empty message space below input. By default, a blank message will be displayed below each input which
+     * helps simplify form layouts.
+     */
+    noMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Message to display below the input field.
      */
     message: {
         type: StringConstructor;
-        default: null;
+        default: string;
     };
     /**
      * The color of message displayed under input. Can be any functional color.
@@ -109,6 +125,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     optional: boolean;
     labelFor: string;
     optionalLabel: string;
+    noMessage: boolean;
     messageColor: NeonFunctionalColor;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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: {