@aotearoan/neon 22.5.0 → 22.5.2

package/dist/components/user-input/input/NeonInput.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonInput.vue.es.js","sources":["../../../../src/components/user-input/input/NeonInput.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      {\n        'neon-input--with-icon': !hideIcon && (icon || (modelValue && modelValue.length > 0)),\n        'neon-input--disabled': disabled,\n        'neon-input--focused': focused,\n        'neon-input--placeholder-visible': placeholder && (!modelValue || modelValue.length === 0),\n        'neon-input--with-state-highlight': stateHighlight,\n        'neon-input--with-state-icon': stateIcon,\n      },\n      `neon-input--${size}`,\n      `neon-input--${color}`,\n      `neon-input--state-${state}`,\n    ]\"\n    class=\"neon-input\"\n  >\n    <input\n      v-if=\"!rows\"\n      :id=\"id\"\n      ref=\"neonInput\"\n      :aria-placeholder=\"computedPlaceholder\"\n      :autocomplete=\"autocomplete\"\n      :disabled=\"disabled\"\n      :inputmode=\"inputmode\"\n      :placeholder=\"computedPlaceholder\"\n      :tabindex=\"tabindex\"\n      :type=\"type\"\n      :value=\"modelValue\"\n      class=\"neon-input__textfield neon-input__text\"\n      v-bind=\"sanitizedAttributes\"\n      @blur=\"onBlur\"\n      @focus=\"!disabled && onFocus()\"\n      @input.stop.prevent=\"!disabled && changeValue($event)\"\n    />\n    <textarea\n      v-else\n      :id=\"id\"\n      :aria-placeholder=\"computedPlaceholder\"\n      :autocomplete=\"autocomplete\"\n      :disabled=\"disabled\"\n      :inputmode=\"inputmode\"\n      :placeholder=\"computedPlaceholder\"\n      :rows=\"rows\"\n      :tabindex=\"tabindex\"\n      :value=\"modelValue\"\n      class=\"neon-input__textfield neon-input__textarea\"\n      v-bind=\"sanitizedAttributes\"\n      @blur=\"onBlur\"\n      @focus=\"onFocus\"\n      @keydown=\"onKeyDown\"\n      @input.stop.prevent=\"changeValue\"\n    ></textarea>\n    <neon-icon\n      v-if=\"iconVisible\"\n      :class=\"{ 'neon-input__icon--read-only': iconReadonly }\"\n      :color=\"iconColor\"\n      :disabled=\"disabled\"\n      :name=\"iconName\"\n      :role=\"!iconReadonly && 'button'\"\n      :tabindex=\"disabled || iconReadonly ? false : 0\"\n      :transparent=\"true\"\n      class=\"neon-input__icon\"\n      @click=\"!iconReadonly && iconClicked($event)\"\n      @keydown.enter=\"!iconReadonly && iconClicked($event)\"\n      @keydown.space=\"!iconReadonly && iconClicked($event)\"\n    />\n    <span v-if=\"maxlength && maxlength > 0\" class=\"neon-input__textarea-counter\">\n      {{ `${modelValue.length}/${maxlength}` }}\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonInput.ts\" />\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_openBlock","_mergeProps","args","_cache","$event","_withModifiers","_createBlock","_component_neon_icon","_hoisted_3","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"NeonInput.vue.es.js","sources":["../../../../src/components/user-input/input/NeonInput.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      {\n        'neon-input--with-icon': !hideIcon && (icon || (modelValue && modelValue.length > 0)),\n        'neon-input--disabled': disabled,\n        'neon-input--focused': focused,\n        'neon-input--placeholder-visible': placeholder && (!modelValue || modelValue.length === 0),\n        'neon-input--with-state-highlight': stateHighlight,\n        'neon-input--with-state-icon': stateIcon,\n      },\n      `neon-input--${size}`,\n      `neon-input--${color}`,\n      `neon-input--state-${state}`,\n    ]\"\n    class=\"neon-input\"\n  >\n    <input\n      v-if=\"rows === null\"\n      :id=\"id\"\n      ref=\"neonInput\"\n      :aria-placeholder=\"computedPlaceholder\"\n      :autocomplete=\"autocomplete\"\n      :disabled=\"disabled\"\n      :inputmode=\"inputmode\"\n      :placeholder=\"computedPlaceholder\"\n      :tabindex=\"tabindex\"\n      :type=\"type\"\n      :value=\"modelValue\"\n      class=\"neon-input__textfield neon-input__text\"\n      v-bind=\"sanitizedAttributes\"\n      @blur=\"onBlur\"\n      @focus=\"!disabled && onFocus()\"\n      @input.stop.prevent=\"!disabled && changeValue($event)\"\n    />\n    <div v-else class=\"neon-input__textarea-wrapper\">\n      <textarea\n        :id=\"id\"\n        :aria-placeholder=\"computedPlaceholder\"\n        :autocomplete=\"autocomplete\"\n        :disabled=\"disabled\"\n        :inputmode=\"inputmode\"\n        :placeholder=\"computedPlaceholder\"\n        :rows=\"rows\"\n        :tabindex=\"tabindex\"\n        :value=\"modelValue\"\n        class=\"neon-input__textfield neon-input__textarea\"\n        v-bind=\"sanitizedAttributes\"\n        @blur=\"onBlur\"\n        @focus=\"onFocus\"\n        @keydown=\"onKeyDown\"\n        @input.stop.prevent=\"changeValue\"\n      >\n      </textarea>\n      <span v-if=\"counterLabel\" class=\"neon-input__textarea-counter\">{{ counterLabel }}</span>\n    </div>\n    <neon-icon\n      v-if=\"iconVisible\"\n      :class=\"{ 'neon-input__icon--read-only': iconReadonly }\"\n      :color=\"iconColor\"\n      :disabled=\"disabled\"\n      :name=\"iconName\"\n      :role=\"!iconReadonly && 'button'\"\n      :tabindex=\"disabled || iconReadonly ? false : 0\"\n      :transparent=\"true\"\n      class=\"neon-input__icon\"\n      @click=\"!iconReadonly && iconClicked($event)\"\n      @keydown.enter=\"!iconReadonly && iconClicked($event)\"\n      @keydown.space=\"!iconReadonly && iconClicked($event)\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonInput.ts\" />\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_openBlock","_mergeProps","args","_cache","$event","_withModifiers","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_toDisplayString","_createBlock","_component_neon_icon"],"mappings":";;;;;EAmCgB,OAAM;;;EAmBU,OAAM;;;;cArDpCA,EAqEM,OAAA;AAAA,IApEH,OAAKC,EAAA,CAAA;AAAA;QAA8C,yBAAA,CAAAC,EAAA,aAAaA,EAAA,QAASA,gBAAcA,EAAA,WAAW,SAAM;AAAA,gCAAwCA,EAAA;AAAA,+BAAyCA,EAAA;AAAA,QAAoD,mCAAAA,EAAA,gBAAW,CAAMA,EAAA,cAAcA,EAAA,WAAW,WAAM;AAAA,4CAAqDA,EAAA;AAAA,uCAAuDA,EAAA;AAAA;qBAAyCA,EAAA,IAAI;AAAA,qBAAyBA,EAAA,KAAK;AAAA,2BAA+BA,EAAA,KAAK;AAAA,OAanf,YAAY,CAAA;AAAA;IAGVA,EAAA,SAAI,QADZC,KAAAH,EAiBE,SAjBFI,EAiBE;AAAA;MAfC,IAAIF,EAAA;AAAA,MACL,KAAI;AAAA,MACH,oBAAkBA,EAAA;AAAA,MAClB,cAAcA,EAAA;AAAA,MACd,UAAUA,EAAA;AAAA,MACV,WAAWA,EAAA;AAAA,MACX,aAAaA,EAAA;AAAA,MACb,UAAUA,EAAA;AAAA,MACV,MAAMA,EAAA;AAAA,MACN,OAAOA,EAAA;AAAA,MACR,OAAM;AAAA,OACEA,EAAA,qBAAmB;AAAA,MAC1B,kCAAMA,EAAA,UAAAA,EAAA,OAAA,GAAAG,CAAA;AAAA,MACN,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAA,CAAGL,EAAA,YAAYA,EAAA,QAAO;AAAA,MAC3B,SAAKI,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAE,EAAA,CAAAD,MAAA,CAAgBL,EAAA,YAAYA,EAAA,YAAYK,CAAM,GAAA,CAAA,QAAA,SAAA,CAAA;AAAA,yBAEtDJ,KAAAH,EAoBM,OApBNS,GAoBM;AAAA,MAnBJC,EAiBW,YAjBXN,EAiBW;AAAA,QAhBR,IAAIF,EAAA;AAAA,QACJ,oBAAkBA,EAAA;AAAA,QAClB,cAAcA,EAAA;AAAA,QACd,UAAUA,EAAA;AAAA,QACV,WAAWA,EAAA;AAAA,QACX,aAAaA,EAAA;AAAA,QACb,MAAMA,EAAA;AAAA,QACN,UAAUA,EAAA;AAAA,QACV,OAAOA,EAAA;AAAA,QACR,OAAM;AAAA,SACEA,EAAA,qBAAmB;AAAA,QAC1B,kCAAMA,EAAA,UAAAA,EAAA,OAAA,GAAAG,CAAA;AAAA,QACN,mCAAOH,EAAA,WAAAA,EAAA,QAAA,GAAAG,CAAA;AAAA,QACP,qCAASH,EAAA,aAAAA,EAAA,UAAA,GAAAG,CAAA;AAAA,QACT,qCAAoBH,EAAA,eAAAA,EAAA,YAAA,GAAAG,CAAA,GAAW,CAAA,QAAA,SAAA,CAAA;AAAA,UACjC,UACD,IAAAM,CAAA;AAAA,MACYT,EAAA,qBAAZF,EAAwF,QAAxFY,GAAwFC,EAAtBX,EAAA,YAAY,GAAA,CAAA;;IAGxEA,EAAA,oBADRY,EAaEC,GAAA;AAAA;MAXC,OAAKd,EAAA,CAAA,EAAA,+BAAmCC,EAAA,aAAY,GAO/C,kBAAkB,CAAA;AAAA,MANvB,OAAOA,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,MAAMA,EAAA;AAAA,MACN,OAAOA,EAAA,gBAAY;AAAA,MACnB,UAAUA,EAAA,YAAYA,EAAA,eAAY,KAAA;AAAA,MAClC,aAAa;AAAA,MAEb,SAAKI,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAA,CAAGL,EAAA,gBAAgBA,EAAA,YAAYK,CAAM;AAAA,MAC1C,WAAO;AAAA,kCAASL,EAAA,gBAAgBA,EAAA,YAAYK,CAAM,GAAA,CAAA,OAAA,CAAA;AAAA,kCAClCL,EAAA,gBAAgBA,EAAA,YAAYK,CAAM,GAAA,CAAA,OAAA,CAAA;AAAA;;;;;"}

package/dist/src/common/utils/NeonIconRegistry.d.ts

@@ -24,11 +24,11 @@ export declare class NeonIconRegistry {
     /**
      * Get an icon SVG by name.
      *
-     * @param name The name of the icon to remove.
+     * @param name The name of the icon.
      *
-     * @returns The icon SVG as a string.
+     * @returns The icon SVG as a string or undefined if the icon doesn't exist
      */
-    static getIcon(name: string): string;
+    static getIcon(name: string): string | undefined;
     /**
      * List all registered icon names.
      */

package/dist/src/components/feedback/alert/NeonAlert.d.ts

@@ -233,6 +233,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;
@@ -246,15 +250,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;
@@ -270,6 +278,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>;
         NeonLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -329,6 +338,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;
@@ -342,15 +355,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;
@@ -366,6 +383,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>;
@@ -396,6 +414,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;
@@ -409,15 +431,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;
@@ -433,6 +459,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/feedback/alert/container/NeonAlertContainer.d.ts

@@ -31,6 +31,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;
@@ -44,15 +48,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;
@@ -68,6 +76,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>;
     NeonLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -127,6 +136,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;
@@ -140,15 +153,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;
@@ -164,6 +181,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/feedback/alert/container/NeonToastContainer.d.ts

@@ -29,6 +29,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;
@@ -42,15 +46,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;
@@ -66,6 +74,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/feedback/dialog/NeonDialog.d.ts

@@ -374,6 +374,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
                 required: true;
             };
+            id: {
+                type: StringConstructor;
+                default: null; /**
+                 * Increase the opacity so that the page behind the modal is no longer visible
+                 */
+            };
             color: {
                 type: () => NeonFunctionalColor;
                 default: null;
@@ -387,15 +393,21 @@ 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; /**
+                 * Increase the opacity so that the page behind the modal is no longer visible
+                 */
+            };
             color: {
                 type: () => NeonFunctionalColor;
                 default: null;
@@ -411,6 +423,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<{
@@ -470,6 +483,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null; /**
+                     * Increase the opacity so that the page behind the modal is no longer visible
+                     */
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: null;
@@ -483,15 +502,21 @@ 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; /**
+                     * Increase the opacity so that the page behind the modal is no longer visible
+                     */
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: null;
@@ -507,6 +532,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>;
@@ -868,6 +894,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null; /**
+                     * Increase the opacity so that the page behind the modal is no longer visible
+                     */
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: null;
@@ -881,15 +913,21 @@ 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; /**
+                     * Increase the opacity so that the page behind the modal is no longer visible
+                     */
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: null;
@@ -905,6 +943,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<{
@@ -964,6 +1003,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null; /**
+                         * Increase the opacity so that the page behind the modal is no longer visible
+                         */
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -977,15 +1022,21 @@ 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; /**
+                         * Increase the opacity so that the page behind the modal is no longer visible
+                         */
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -1001,6 +1052,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/feedback/linear-progress/NeonLinearProgress.d.ts

@@ -185,10 +185,21 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: StringConstructor;
             required: true;
         };
-        color: {
-            type: () => NeonFunctionalColor;
+        id: {
+            type: StringConstructor;
+            /**
+             * Display the text output indicating the current state of progress
+             */
             default: null;
         };
+        color: {
+            type: () => NeonFunctionalColor;
+            default: null; /**
+             * Specify the icon color (default = alternate-color || color)
+             */
+        }; /**
+         * Specify the icon color (default = alternate-color || color)
+         */
         inverse: {
             type: BooleanConstructor;
             default: boolean;
@@ -198,19 +209,30 @@ 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;
         };
-        color: {
-            type: () => NeonFunctionalColor;
+        id: {
+            type: StringConstructor;
+            /**
+             * Display the text output indicating the current state of progress
+             */
             default: null;
         };
+        color: {
+            type: () => NeonFunctionalColor;
+            default: null; /**
+             * Specify the icon color (default = alternate-color || color)
+             */
+        }; /**
+         * Specify the icon color (default = alternate-color || color)
+         */
         inverse: {
             type: BooleanConstructor;
             default: boolean;
@@ -222,6 +244,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>;