@aotearoan/neon 22.4.1 → 22.5.0

package/dist/common/enums/NeonInputIndicatorStyle.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.Internal="internal",e.External="external",e))(r||{});exports.NeonInputIndicatorStyle=r;
+//# sourceMappingURL=NeonInputIndicatorStyle.cjs.js.map

package/dist/common/enums/NeonInputIndicatorStyle.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonInputIndicatorStyle.cjs.js","sources":["../../../src/common/enums/NeonInputIndicatorStyle.ts"],"sourcesContent":["export enum NeonInputIndicatorStyle {\n  /**\n   * Display input indicator INSIDE the adjacent input.\n   */\n  Internal = 'internal',\n  /**\n   * Display input indicator OUTSIDE the adjacent input.\n   */\n  External = 'external',\n}\n"],"names":["NeonInputIndicatorStyle"],"mappings":"gFAAO,IAAKA,GAAAA,IAIVA,EAAA,SAAW,WAIXA,EAAA,SAAW,WARDA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/common/enums/NeonInputIndicatorStyle.es.js

@@ -0,0 +1,5 @@
+var e = /* @__PURE__ */ ((r) => (r.Internal = "internal", r.External = "external", r))(e || {});
+export {
+  e as NeonInputIndicatorStyle
+};
+//# sourceMappingURL=NeonInputIndicatorStyle.es.js.map

package/dist/common/enums/NeonInputIndicatorStyle.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonInputIndicatorStyle.es.js","sources":["../../../src/common/enums/NeonInputIndicatorStyle.ts"],"sourcesContent":["export enum NeonInputIndicatorStyle {\n  /**\n   * Display input indicator INSIDE the adjacent input.\n   */\n  Internal = 'internal',\n  /**\n   * Display input indicator OUTSIDE the adjacent input.\n   */\n  External = 'external',\n}\n"],"names":["NeonInputIndicatorStyle"],"mappings":"AAAO,IAAKA,sBAAAA,OAIVA,EAAA,WAAW,YAIXA,EAAA,WAAW,YARDA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/components/user-input/field-group/NeonFieldGroup.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),n=e.defineComponent({name:"NeonFieldGroup"});module.exports=n;
+"use strict";const e=require("vue"),n=require("../../../common/enums/NeonFunctionalColor.cjs.js"),o=require("../../../common/enums/NeonInputIndicatorStyle.cjs.js"),t=e.defineComponent({name:"NeonFieldGroup",props:{indicatorStyle:{type:String,default:o.NeonInputIndicatorStyle.Internal},color:{type:String,default:n.NeonFunctionalColor.Primary},disabled:{type:Boolean,default:!1}}});module.exports=t;
 //# sourceMappingURL=NeonFieldGroup.cjs.js.map

package/dist/components/user-input/field-group/NeonFieldGroup.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonFieldGroup.cjs.js","sources":["../../../../src/components/user-input/field-group/NeonFieldGroup.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * Used to compose a group of inputs, buttons and input indicators into a single component.\n */\nexport default defineComponent({\n  name: 'NeonFieldGroup',\n});\n"],"names":["_sfc_main","defineComponent"],"mappings":"oCAKAA,EAAeC,kBAAgB,CAC7B,KAAM,gBACR,CAAC"}
+{"version":3,"file":"NeonFieldGroup.cjs.js","sources":["../../../../src/components/user-input/field-group/NeonFieldGroup.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonInputIndicatorStyle } from '@/common/enums/NeonInputIndicatorStyle';\n\n/**\n * Used to compose a group of inputs, buttons and input indicators into a single component.\n */\nexport default defineComponent({\n  name: 'NeonFieldGroup',\n  props: {\n    /**\n     * The style of input indicators to use, either <em>internal</em> where the indicator is inside the adjoined input\n     * field or <em>external</em> where the indicator is external to the adjoining field separated by a border & not\n     * highlighted as part of the field.\n     */\n    indicatorStyle: { type: String as () => NeonInputIndicatorStyle, default: NeonInputIndicatorStyle.Internal },\n    /**\n     * The border highlight color when the indicator style is <em>internal</em>.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Use the disabled color styles when the indicator style is <em>internal</em>.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonInputIndicatorStyle","NeonFunctionalColor"],"mappings":"oKAOAA,EAAeC,kBAAgB,CAC7B,KAAM,iBACN,MAAO,CAML,eAAgB,CAAE,KAAM,OAAyC,QAASC,EAAAA,wBAAwB,QAAA,EAIlG,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAA,EAIjF,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,CAE9C,CAAC"}

package/dist/components/user-input/field-group/NeonFieldGroup.es.js

@@ -1,8 +1,26 @@
-import { defineComponent as e } from "vue";
-const n = e({
-  name: "NeonFieldGroup"
+import { defineComponent as o } from "vue";
+import { NeonFunctionalColor as e } from "../../../common/enums/NeonFunctionalColor.es.js";
+import { NeonInputIndicatorStyle as t } from "../../../common/enums/NeonInputIndicatorStyle.es.js";
+const i = o({
+  name: "NeonFieldGroup",
+  props: {
+    /**
+     * The style of input indicators to use, either <em>internal</em> where the indicator is inside the adjoined input
+     * field or <em>external</em> where the indicator is external to the adjoining field separated by a border & not
+     * highlighted as part of the field.
+     */
+    indicatorStyle: { type: String, default: t.Internal },
+    /**
+     * The border highlight color when the indicator style is <em>internal</em>.
+     */
+    color: { type: String, default: e.Primary },
+    /**
+     * Use the disabled color styles when the indicator style is <em>internal</em>.
+     */
+    disabled: { type: Boolean, default: !1 }
+  }
 });
 export {
-  n as default
+  i as default
 };
 //# sourceMappingURL=NeonFieldGroup.es.js.map

package/dist/components/user-input/field-group/NeonFieldGroup.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonFieldGroup.es.js","sources":["../../../../src/components/user-input/field-group/NeonFieldGroup.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * Used to compose a group of inputs, buttons and input indicators into a single component.\n */\nexport default defineComponent({\n  name: 'NeonFieldGroup',\n});\n"],"names":["_sfc_main","defineComponent"],"mappings":";AAKA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AACR,CAAC;"}
+{"version":3,"file":"NeonFieldGroup.es.js","sources":["../../../../src/components/user-input/field-group/NeonFieldGroup.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonInputIndicatorStyle } from '@/common/enums/NeonInputIndicatorStyle';\n\n/**\n * Used to compose a group of inputs, buttons and input indicators into a single component.\n */\nexport default defineComponent({\n  name: 'NeonFieldGroup',\n  props: {\n    /**\n     * The style of input indicators to use, either <em>internal</em> where the indicator is inside the adjoined input\n     * field or <em>external</em> where the indicator is external to the adjoining field separated by a border & not\n     * highlighted as part of the field.\n     */\n    indicatorStyle: { type: String as () => NeonInputIndicatorStyle, default: NeonInputIndicatorStyle.Internal },\n    /**\n     * The border highlight color when the indicator style is <em>internal</em>.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Use the disabled color styles when the indicator style is <em>internal</em>.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonInputIndicatorStyle","NeonFunctionalColor"],"mappings":";;;AAOA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,gBAAgB,EAAE,MAAM,QAAyC,SAASC,EAAwB,SAAA;AAAA;AAAA;AAAA;AAAA,IAIlG,OAAO,EAAE,MAAM,QAAqC,SAASC,EAAoB,QAAA;AAAA;AAAA;AAAA;AAAA,IAIjF,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAE9C,CAAC;"}

package/dist/components/user-input/field-group/NeonFieldGroup.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("./NeonFieldGroup.cjs.js"),e=require("vue"),o=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),n={class:"neon-field-group"};function s(r,u,p,_,i,l){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(r.$slots,"default")])}const c=o(t,[["render",s]]);module.exports=c;
+"use strict";const o=require("./NeonFieldGroup.cjs.js"),r=require("vue"),n=require("../../../_virtual/_plugin-vue_export-helper.cjs.js");function l(e,t,i,u,d,p){return r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass([[`neon-field-group--${e.indicatorStyle}`,`neon-field-group--${e.color}`,{"neon-field-group--disabled":e.disabled}],"neon-field-group"])},[r.renderSlot(e.$slots,"default")],2)}const s=n(o,[["render",l]]);module.exports=s;
 //# sourceMappingURL=NeonFieldGroup.vue.cjs.js.map

package/dist/components/user-input/field-group/NeonFieldGroup.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonFieldGroup.vue.cjs.js","sources":["../../../../src/components/user-input/field-group/NeonFieldGroup.vue"],"sourcesContent":["<template>\n  <div class=\"neon-field-group\">\n    <!-- @slot The slot for the inputs, buttons and input indicators to compose into a single component -->\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonFieldGroup.ts\" />\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_renderSlot","_ctx"],"mappings":"yIACOA,EAAA,CAAA,MAAM,kBAAkB,0BAA7B,OAAAC,YAAA,EAAAC,qBAGM,MAHNF,EAGM,CADJG,aAAaC,EAAA,OAAA,SAAA"}
+{"version":3,"file":"NeonFieldGroup.vue.cjs.js","sources":["../../../../src/components/user-input/field-group/NeonFieldGroup.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      `neon-field-group--${indicatorStyle}`,\n      `neon-field-group--${color}`,\n      { 'neon-field-group--disabled': disabled },\n    ]\"\n    class=\"neon-field-group\"\n  >\n    <!-- @slot The slot for the inputs, buttons and input indicators to compose into a single component -->\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonFieldGroup.ts\" />\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_renderSlot"],"mappings":"sLACEA,EAAAA,mBAUM,MAAA,CATH,MAAKC,EAAAA,eAAA,CAAA,sBAA+BC,EAAA,cAAc,wBAA+BA,EAAA,KAAK,iCAA0CA,EAAA,QAAQ,GAKnI,kBAAkB,CAAA,IAGxBC,aAAaD,EAAA,OAAA,SAAA"}

package/dist/components/user-input/field-group/NeonFieldGroup.vue.es.js

@@ -1,14 +1,19 @@
-import e from "./NeonFieldGroup.es.js";
-import { openBlock as r, createElementBlock as t, renderSlot as n } from "vue";
-import s from "../../../_virtual/_plugin-vue_export-helper.es.js";
-const c = { class: "neon-field-group" };
-function p(o, d, f, i, l, a) {
-  return r(), t("div", c, [
-    n(o.$slots, "default")
-  ]);
+import o from "./NeonFieldGroup.es.js";
+import { openBlock as r, createElementBlock as n, normalizeClass as l, renderSlot as d } from "vue";
+import i from "../../../_virtual/_plugin-vue_export-helper.es.js";
+function s(e, t, p, a, f, c) {
+  return r(), n("div", {
+    class: l([[
+      `neon-field-group--${e.indicatorStyle}`,
+      `neon-field-group--${e.color}`,
+      { "neon-field-group--disabled": e.disabled }
+    ], "neon-field-group"])
+  }, [
+    d(e.$slots, "default")
+  ], 2);
 }
-const $ = /* @__PURE__ */ s(e, [["render", p]]);
+const g = /* @__PURE__ */ i(o, [["render", s]]);
 export {
-  $ as default
+  g as default
 };
 //# sourceMappingURL=NeonFieldGroup.vue.es.js.map

package/dist/components/user-input/field-group/NeonFieldGroup.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonFieldGroup.vue.es.js","sources":["../../../../src/components/user-input/field-group/NeonFieldGroup.vue"],"sourcesContent":["<template>\n  <div class=\"neon-field-group\">\n    <!-- @slot The slot for the inputs, buttons and input indicators to compose into a single component -->\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonFieldGroup.ts\" />\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_renderSlot","_ctx"],"mappings":";;;AACO,MAAAA,IAAA,EAAA,OAAM,mBAAkB;;AAA7B,SAAAC,EAAA,GAAAC,EAGM,OAHNF,GAGM;AAAA,IADJG,EAAaC,EAAA,QAAA,SAAA;AAAA;;;"}
+{"version":3,"file":"NeonFieldGroup.vue.es.js","sources":["../../../../src/components/user-input/field-group/NeonFieldGroup.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      `neon-field-group--${indicatorStyle}`,\n      `neon-field-group--${color}`,\n      { 'neon-field-group--disabled': disabled },\n    ]\"\n    class=\"neon-field-group\"\n  >\n    <!-- @slot The slot for the inputs, buttons and input indicators to compose into a single component -->\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonFieldGroup.ts\" />\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_renderSlot"],"mappings":";;;;cACEA,EAUM,OAAA;AAAA,IATH,OAAKC,EAAA,CAAA;AAAA,2BAA+BC,EAAA,cAAc;AAAA,2BAA+BA,EAAA,KAAK;AAAA,sCAA0CA,EAAA,SAAQ;AAAA,OAKnI,kBAAkB,CAAA;AAAA;IAGxBC,EAAaD,EAAA,QAAA,SAAA;AAAA;;;"}

package/dist/components/user-input/number/NeonNumber.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("./NeonNumber.cjs.js"),n=require("vue"),u=require("../../../_virtual/_plugin-vue_export-helper.cjs.js");function d(e,o,m,p,b,v){const i=n.resolveComponent("neon-button"),r=n.resolveComponent("neon-input"),a=n.resolveComponent("neon-field-group");return n.openBlock(),n.createBlock(a,{class:n.normalizeClass([[`neon-number--${e.size}`,`neon-number--${e.color}`,{"neon-number--disabled":e.disabled,"neon-number--editable":e.editable,"neon-number--with-buttons":e.spinButtons}],"neon-number"])},{default:n.withCtx(()=>[e.spinButtons?(n.openBlock(),n.createBlock(i,{key:0,"aria-label":e.decrementLabel,color:e.color,disabled:e.disabled||e.min!==void 0&&e.min===e.modelValue,size:e.size,"button-style":"outline",class:"neon-number__decrement",icon:"minus",onClick:o[0]||(o[0]=l=>e.decrement())},null,8,["aria-label","color","disabled","size"])):n.createCommentVNode("",!0),n.createVNode(r,n.mergeProps({"aria-valuemax":e.max,"aria-valuemin":e.min,"aria-valuenow":e.modelValue,color:e.color,disabled:e.disabled||!e.editable,inputmode:e.inputmode,max:e.max,min:e.min,"model-value":e.displayValue,placeholder:e.placeholder,size:e.size,step:e.computedStep,class:"neon-number__input",role:"spinbutton",type:"text"},e.sanitizedAttributes,{onBlur:o[1]||(o[1]=l=>e.onBlur()),onFocus:o[2]||(o[2]=l=>e.onFocus()),"onUpdate:modelValue":e.valueChanged,onKeydown:[o[3]||(o[3]=n.withKeys(n.withModifiers(l=>e.increment(),["prevent"]),["up"])),o[4]||(o[4]=n.withKeys(n.withModifiers(l=>e.decrement(),["prevent"]),["down"]))]}),null,16,["aria-valuemax","aria-valuemin","aria-valuenow","color","disabled","inputmode","max","min","model-value","placeholder","size","step","onUpdate:modelValue"]),e.spinButtons?(n.openBlock(),n.createBlock(i,{key:1,"aria-label":e.incrementLabel,color:e.color,disabled:e.disabled||e.max!==void 0&&e.max===e.modelValue,size:e.size,"button-style":"outline",class:"neon-number__increment",icon:"plus",onClick:o[5]||(o[5]=l=>e.increment())},null,8,["aria-label","color","disabled","size"])):n.createCommentVNode("",!0)]),_:1},8,["class"])}const t=u(s,[["render",d]]);module.exports=t;
+"use strict";const s=require("./NeonNumber.cjs.js"),n=require("vue"),u=require("../../../_virtual/_plugin-vue_export-helper.cjs.js");function d(e,o,m,p,b,v){const i=n.resolveComponent("neon-button"),r=n.resolveComponent("neon-input"),a=n.resolveComponent("neon-field-group");return n.openBlock(),n.createBlock(a,{class:n.normalizeClass([[`neon-number--${e.size}`,`neon-number--${e.color}`,{"neon-number--disabled":e.disabled,"neon-number--editable":e.editable,"neon-number--with-buttons":e.spinButtons}],"neon-number"]),"indicator-style":"external"},{default:n.withCtx(()=>[e.spinButtons?(n.openBlock(),n.createBlock(i,{key:0,"aria-label":e.decrementLabel,color:e.color,disabled:e.disabled||e.min!==void 0&&e.min===e.modelValue,size:e.size,"button-style":"outline",class:"neon-number__decrement",icon:"minus",onClick:o[0]||(o[0]=l=>e.decrement())},null,8,["aria-label","color","disabled","size"])):n.createCommentVNode("",!0),n.createVNode(r,n.mergeProps({"aria-valuemax":e.max,"aria-valuemin":e.min,"aria-valuenow":e.modelValue,color:e.color,disabled:e.disabled||!e.editable,inputmode:e.inputmode,max:e.max,min:e.min,"model-value":e.displayValue,placeholder:e.placeholder,size:e.size,step:e.computedStep,class:"neon-number__input",role:"spinbutton",type:"text"},e.sanitizedAttributes,{onBlur:o[1]||(o[1]=l=>e.onBlur()),onFocus:o[2]||(o[2]=l=>e.onFocus()),"onUpdate:modelValue":e.valueChanged,onKeydown:[o[3]||(o[3]=n.withKeys(n.withModifiers(l=>e.increment(),["prevent"]),["up"])),o[4]||(o[4]=n.withKeys(n.withModifiers(l=>e.decrement(),["prevent"]),["down"]))]}),null,16,["aria-valuemax","aria-valuemin","aria-valuenow","color","disabled","inputmode","max","min","model-value","placeholder","size","step","onUpdate:modelValue"]),e.spinButtons?(n.openBlock(),n.createBlock(i,{key:1,"aria-label":e.incrementLabel,color:e.color,disabled:e.disabled||e.max!==void 0&&e.max===e.modelValue,size:e.size,"button-style":"outline",class:"neon-number__increment",icon:"plus",onClick:o[5]||(o[5]=l=>e.increment())},null,8,["aria-label","color","disabled","size"])):n.createCommentVNode("",!0)]),_:1},8,["class"])}const t=u(s,[["render",d]]);module.exports=t;
 //# sourceMappingURL=NeonNumber.vue.cjs.js.map

package/dist/components/user-input/number/NeonNumber.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonNumber.vue.cjs.js","sources":["../../../../src/components/user-input/number/NeonNumber.vue"],"sourcesContent":["<template>\n  <neon-field-group\n    :class=\"[\n      `neon-number--${size}`,\n      `neon-number--${color}`,\n      {\n        'neon-number--disabled': disabled,\n        'neon-number--editable': editable,\n        'neon-number--with-buttons': spinButtons,\n      },\n    ]\"\n    class=\"neon-number\"\n  >\n    <neon-button\n      v-if=\"spinButtons\"\n      :aria-label=\"decrementLabel\"\n      :color=\"color\"\n      :disabled=\"disabled || (min !== undefined && min === modelValue)\"\n      :size=\"size\"\n      button-style=\"outline\"\n      class=\"neon-number__decrement\"\n      icon=\"minus\"\n      @click=\"decrement()\"\n    />\n    <neon-input\n      :aria-valuemax=\"max\"\n      :aria-valuemin=\"min\"\n      :aria-valuenow=\"modelValue\"\n      :color=\"color\"\n      :disabled=\"disabled || !editable\"\n      :inputmode=\"inputmode\"\n      :max=\"max\"\n      :min=\"min\"\n      :model-value=\"displayValue\"\n      :placeholder=\"placeholder\"\n      :size=\"size\"\n      :step=\"computedStep\"\n      class=\"neon-number__input\"\n      role=\"spinbutton\"\n      type=\"text\"\n      v-bind=\"sanitizedAttributes\"\n      @blur=\"onBlur()\"\n      @focus=\"onFocus()\"\n      @update:modelValue=\"valueChanged\"\n      @keydown.up.prevent=\"increment()\"\n      @keydown.down.prevent=\"decrement()\"\n    />\n    <neon-button\n      v-if=\"spinButtons\"\n      :aria-label=\"incrementLabel\"\n      :color=\"color\"\n      :disabled=\"disabled || (max !== undefined && max === modelValue)\"\n      :size=\"size\"\n      button-style=\"outline\"\n      class=\"neon-number__increment\"\n      icon=\"plus\"\n      @click=\"increment()\"\n    />\n  </neon-field-group>\n</template>\n\n<script lang=\"ts\" src=\"./NeonNumber.ts\" />\n"],"names":["_createBlock","_component_neon_field_group","_normalizeClass","_ctx","_component_neon_button","_createVNode","_component_neon_input","_mergeProps"],"mappings":"wSACEA,EAAAA,YAyDmBC,EAAA,CAxDhB,MAAKC,EAAAA,eAAA,CAAA,iBAA0BC,EAAA,IAAI,mBAA0BA,EAAA,KAAK,4BAA6CA,EAAA,iCAA2CA,EAAA,qCAA+CA,EAAA,cASpM,aAAa,CAAA,sBAEnB,IAUE,CATMA,EAAA,2BADRH,EAAAA,YAUEI,EAAA,OARC,aAAYD,EAAA,eACZ,MAAOA,EAAA,MACP,SAAUA,YAAaA,EAAA,MAAQ,QAAaA,EAAA,MAAQA,EAAA,WACpD,KAAMA,EAAA,KACP,eAAa,UACb,MAAM,yBACN,KAAK,QACJ,uBAAOA,EAAA,4FAEVE,EAAAA,YAsBEC,EAtBFC,aAsBE,CArBC,gBAAeJ,EAAA,IACf,gBAAeA,EAAA,IACf,gBAAeA,EAAA,WACf,MAAOA,EAAA,MACP,SAAUA,EAAA,UAAQ,CAAKA,EAAA,SACvB,UAAWA,EAAA,UACX,IAAKA,EAAA,IACL,IAAKA,EAAA,IACL,cAAaA,EAAA,aACb,YAAaA,EAAA,YACb,KAAMA,EAAA,KACN,KAAMA,EAAA,aACP,MAAM,qBACN,KAAK,aACL,KAAK,QACGA,EAAA,oBAAmB,CAC1B,sBAAMA,EAAA,OAAM,GACZ,uBAAOA,EAAA,QAAO,GACd,sBAAmBA,EAAA,aACnB,UAAO,2CAAaA,EAAA,UAAS,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,IAAA,CAAA,6CACPA,EAAA,UAAS,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,MAAA,CAAA,4KAG1BA,EAAA,2BADRH,EAAAA,YAUEI,EAAA,OARC,aAAYD,EAAA,eACZ,MAAOA,EAAA,MACP,SAAUA,YAAaA,EAAA,MAAQ,QAAaA,EAAA,MAAQA,EAAA,WACpD,KAAMA,EAAA,KACP,eAAa,UACb,MAAM,yBACN,KAAK,OACJ,uBAAOA,EAAA"}
+{"version":3,"file":"NeonNumber.vue.cjs.js","sources":["../../../../src/components/user-input/number/NeonNumber.vue"],"sourcesContent":["<template>\n  <neon-field-group\n    :class=\"[\n      `neon-number--${size}`,\n      `neon-number--${color}`,\n      {\n        'neon-number--disabled': disabled,\n        'neon-number--editable': editable,\n        'neon-number--with-buttons': spinButtons,\n      },\n    ]\"\n    class=\"neon-number\"\n    indicator-style=\"external\"\n  >\n    <neon-button\n      v-if=\"spinButtons\"\n      :aria-label=\"decrementLabel\"\n      :color=\"color\"\n      :disabled=\"disabled || (min !== undefined && min === modelValue)\"\n      :size=\"size\"\n      button-style=\"outline\"\n      class=\"neon-number__decrement\"\n      icon=\"minus\"\n      @click=\"decrement()\"\n    />\n    <neon-input\n      :aria-valuemax=\"max\"\n      :aria-valuemin=\"min\"\n      :aria-valuenow=\"modelValue\"\n      :color=\"color\"\n      :disabled=\"disabled || !editable\"\n      :inputmode=\"inputmode\"\n      :max=\"max\"\n      :min=\"min\"\n      :model-value=\"displayValue\"\n      :placeholder=\"placeholder\"\n      :size=\"size\"\n      :step=\"computedStep\"\n      class=\"neon-number__input\"\n      role=\"spinbutton\"\n      type=\"text\"\n      v-bind=\"sanitizedAttributes\"\n      @blur=\"onBlur()\"\n      @focus=\"onFocus()\"\n      @update:modelValue=\"valueChanged\"\n      @keydown.up.prevent=\"increment()\"\n      @keydown.down.prevent=\"decrement()\"\n    />\n    <neon-button\n      v-if=\"spinButtons\"\n      :aria-label=\"incrementLabel\"\n      :color=\"color\"\n      :disabled=\"disabled || (max !== undefined && max === modelValue)\"\n      :size=\"size\"\n      button-style=\"outline\"\n      class=\"neon-number__increment\"\n      icon=\"plus\"\n      @click=\"increment()\"\n    />\n  </neon-field-group>\n</template>\n\n<script lang=\"ts\" src=\"./NeonNumber.ts\" />\n"],"names":["_createBlock","_component_neon_field_group","_normalizeClass","_ctx","_component_neon_button","_createVNode","_component_neon_input","_mergeProps"],"mappings":"wSACEA,EAAAA,YA0DmBC,EAAA,CAzDhB,MAAKC,EAAAA,eAAA,CAAA,iBAA0BC,EAAA,IAAI,mBAA0BA,EAAA,KAAK,4BAA6CA,EAAA,iCAA2CA,EAAA,qCAA+CA,EAAA,cASpM,aAAa,CAAA,EACnB,kBAAgB,+BAEhB,IAUE,CATMA,EAAA,2BADRH,EAAAA,YAUEI,EAAA,OARC,aAAYD,EAAA,eACZ,MAAOA,EAAA,MACP,SAAUA,YAAaA,EAAA,MAAQ,QAAaA,EAAA,MAAQA,EAAA,WACpD,KAAMA,EAAA,KACP,eAAa,UACb,MAAM,yBACN,KAAK,QACJ,uBAAOA,EAAA,4FAEVE,EAAAA,YAsBEC,EAtBFC,aAsBE,CArBC,gBAAeJ,EAAA,IACf,gBAAeA,EAAA,IACf,gBAAeA,EAAA,WACf,MAAOA,EAAA,MACP,SAAUA,EAAA,UAAQ,CAAKA,EAAA,SACvB,UAAWA,EAAA,UACX,IAAKA,EAAA,IACL,IAAKA,EAAA,IACL,cAAaA,EAAA,aACb,YAAaA,EAAA,YACb,KAAMA,EAAA,KACN,KAAMA,EAAA,aACP,MAAM,qBACN,KAAK,aACL,KAAK,QACGA,EAAA,oBAAmB,CAC1B,sBAAMA,EAAA,OAAM,GACZ,uBAAOA,EAAA,QAAO,GACd,sBAAmBA,EAAA,aACnB,UAAO,2CAAaA,EAAA,UAAS,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,IAAA,CAAA,6CACPA,EAAA,UAAS,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,MAAA,CAAA,4KAG1BA,EAAA,2BADRH,EAAAA,YAUEI,EAAA,OARC,aAAYD,EAAA,eACZ,MAAOA,EAAA,MACP,SAAUA,YAAaA,EAAA,MAAQ,QAAaA,EAAA,MAAQA,EAAA,WACpD,KAAMA,EAAA,KACP,eAAa,UACb,MAAM,yBACN,KAAK,OACJ,uBAAOA,EAAA"}

package/dist/components/user-input/number/NeonNumber.vue.es.js

@@ -1,7 +1,7 @@
 import p from "./NeonNumber.es.js";
-import { resolveComponent as l, openBlock as i, createBlock as a, normalizeClass as b, withCtx as v, createCommentVNode as s, createVNode as f, mergeProps as z, withKeys as u, withModifiers as d } from "vue";
+import { resolveComponent as l, openBlock as i, createBlock as a, normalizeClass as b, withCtx as v, createCommentVNode as s, createVNode as f, mergeProps as z, withKeys as d, withModifiers as u } from "vue";
 import $ from "../../../_virtual/_plugin-vue_export-helper.es.js";
-function w(e, n, y, V, B, C) {
+function y(e, n, w, V, B, C) {
   const r = l("neon-button"), m = l("neon-input"), t = l("neon-field-group");
   return i(), a(t, {
     class: b([[
@@ -12,7 +12,8 @@ function w(e, n, y, V, B, C) {
         "neon-number--editable": e.editable,
         "neon-number--with-buttons": e.spinButtons
       }
-    ], "neon-number"])
+    ], "neon-number"]),
+    "indicator-style": "external"
   }, {
     default: v(() => [
       e.spinButtons ? (i(), a(r, {
@@ -47,8 +48,8 @@ function w(e, n, y, V, B, C) {
         onFocus: n[2] || (n[2] = (o) => e.onFocus()),
         "onUpdate:modelValue": e.valueChanged,
         onKeydown: [
-          n[3] || (n[3] = u(d((o) => e.increment(), ["prevent"]), ["up"])),
-          n[4] || (n[4] = u(d((o) => e.decrement(), ["prevent"]), ["down"]))
+          n[3] || (n[3] = d(u((o) => e.increment(), ["prevent"]), ["up"])),
+          n[4] || (n[4] = d(u((o) => e.decrement(), ["prevent"]), ["down"]))
         ]
       }), null, 16, ["aria-valuemax", "aria-valuemin", "aria-valuenow", "color", "disabled", "inputmode", "max", "min", "model-value", "placeholder", "size", "step", "onUpdate:modelValue"]),
       e.spinButtons ? (i(), a(r, {
@@ -66,7 +67,7 @@ function w(e, n, y, V, B, C) {
     _: 1
   }, 8, ["class"]);
 }
-const F = /* @__PURE__ */ $(p, [["render", w]]);
+const F = /* @__PURE__ */ $(p, [["render", y]]);
 export {
   F as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"NeonNumber.vue.es.js","sources":["../../../../src/components/user-input/number/NeonNumber.vue"],"sourcesContent":["<template>\n  <neon-field-group\n    :class=\"[\n      `neon-number--${size}`,\n      `neon-number--${color}`,\n      {\n        'neon-number--disabled': disabled,\n        'neon-number--editable': editable,\n        'neon-number--with-buttons': spinButtons,\n      },\n    ]\"\n    class=\"neon-number\"\n  >\n    <neon-button\n      v-if=\"spinButtons\"\n      :aria-label=\"decrementLabel\"\n      :color=\"color\"\n      :disabled=\"disabled || (min !== undefined && min === modelValue)\"\n      :size=\"size\"\n      button-style=\"outline\"\n      class=\"neon-number__decrement\"\n      icon=\"minus\"\n      @click=\"decrement()\"\n    />\n    <neon-input\n      :aria-valuemax=\"max\"\n      :aria-valuemin=\"min\"\n      :aria-valuenow=\"modelValue\"\n      :color=\"color\"\n      :disabled=\"disabled || !editable\"\n      :inputmode=\"inputmode\"\n      :max=\"max\"\n      :min=\"min\"\n      :model-value=\"displayValue\"\n      :placeholder=\"placeholder\"\n      :size=\"size\"\n      :step=\"computedStep\"\n      class=\"neon-number__input\"\n      role=\"spinbutton\"\n      type=\"text\"\n      v-bind=\"sanitizedAttributes\"\n      @blur=\"onBlur()\"\n      @focus=\"onFocus()\"\n      @update:modelValue=\"valueChanged\"\n      @keydown.up.prevent=\"increment()\"\n      @keydown.down.prevent=\"decrement()\"\n    />\n    <neon-button\n      v-if=\"spinButtons\"\n      :aria-label=\"incrementLabel\"\n      :color=\"color\"\n      :disabled=\"disabled || (max !== undefined && max === modelValue)\"\n      :size=\"size\"\n      button-style=\"outline\"\n      class=\"neon-number__increment\"\n      icon=\"plus\"\n      @click=\"increment()\"\n    />\n  </neon-field-group>\n</template>\n\n<script lang=\"ts\" src=\"./NeonNumber.ts\" />\n"],"names":["_createBlock","_component_neon_field_group","_normalizeClass","_ctx","_component_neon_button","_createVNode","_component_neon_input","_mergeProps"],"mappings":";;;;;cACEA,EAyDmBC,GAAA;AAAA,IAxDhB,OAAKC,EAAA,CAAA;AAAA,sBAA0BC,EAAA,IAAI;AAAA,sBAA0BA,EAAA,KAAK;AAAA;iCAA6CA,EAAA;AAAA,iCAA2CA,EAAA;AAAA,qCAA+CA,EAAA;AAAA;OASpM,aAAa,CAAA;AAAA;eAEnB,MAUE;AAAA,MATMA,EAAA,oBADRH,EAUEI,GAAA;AAAA;QARC,cAAYD,EAAA;AAAA,QACZ,OAAOA,EAAA;AAAA,QACP,UAAUA,cAAaA,EAAA,QAAQ,UAAaA,EAAA,QAAQA,EAAA;AAAA,QACpD,MAAMA,EAAA;AAAA,QACP,gBAAa;AAAA,QACb,OAAM;AAAA,QACN,MAAK;AAAA,QACJ,gCAAOA,EAAA;;MAEVE,EAsBEC,GAtBFC,EAsBE;AAAA,QArBC,iBAAeJ,EAAA;AAAA,QACf,iBAAeA,EAAA;AAAA,QACf,iBAAeA,EAAA;AAAA,QACf,OAAOA,EAAA;AAAA,QACP,UAAUA,EAAA,YAAQ,CAAKA,EAAA;AAAA,QACvB,WAAWA,EAAA;AAAA,QACX,KAAKA,EAAA;AAAA,QACL,KAAKA,EAAA;AAAA,QACL,eAAaA,EAAA;AAAA,QACb,aAAaA,EAAA;AAAA,QACb,MAAMA,EAAA;AAAA,QACN,MAAMA,EAAA;AAAA,QACP,OAAM;AAAA,QACN,MAAK;AAAA,QACL,MAAK;AAAA,SACGA,EAAA,qBAAmB;AAAA,QAC1B,+BAAMA,EAAA,OAAM;AAAA,QACZ,gCAAOA,EAAA,QAAO;AAAA,QACd,uBAAmBA,EAAA;AAAA,QACnB,WAAO;AAAA,qCAAaA,EAAA,UAAS,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,IAAA,CAAA;AAAA,qCACPA,EAAA,UAAS,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,MAAA,CAAA;AAAA;;MAG1BA,EAAA,oBADRH,EAUEI,GAAA;AAAA;QARC,cAAYD,EAAA;AAAA,QACZ,OAAOA,EAAA;AAAA,QACP,UAAUA,cAAaA,EAAA,QAAQ,UAAaA,EAAA,QAAQA,EAAA;AAAA,QACpD,MAAMA,EAAA;AAAA,QACP,gBAAa;AAAA,QACb,OAAM;AAAA,QACN,MAAK;AAAA,QACJ,gCAAOA,EAAA;;;;;;;"}
+{"version":3,"file":"NeonNumber.vue.es.js","sources":["../../../../src/components/user-input/number/NeonNumber.vue"],"sourcesContent":["<template>\n  <neon-field-group\n    :class=\"[\n      `neon-number--${size}`,\n      `neon-number--${color}`,\n      {\n        'neon-number--disabled': disabled,\n        'neon-number--editable': editable,\n        'neon-number--with-buttons': spinButtons,\n      },\n    ]\"\n    class=\"neon-number\"\n    indicator-style=\"external\"\n  >\n    <neon-button\n      v-if=\"spinButtons\"\n      :aria-label=\"decrementLabel\"\n      :color=\"color\"\n      :disabled=\"disabled || (min !== undefined && min === modelValue)\"\n      :size=\"size\"\n      button-style=\"outline\"\n      class=\"neon-number__decrement\"\n      icon=\"minus\"\n      @click=\"decrement()\"\n    />\n    <neon-input\n      :aria-valuemax=\"max\"\n      :aria-valuemin=\"min\"\n      :aria-valuenow=\"modelValue\"\n      :color=\"color\"\n      :disabled=\"disabled || !editable\"\n      :inputmode=\"inputmode\"\n      :max=\"max\"\n      :min=\"min\"\n      :model-value=\"displayValue\"\n      :placeholder=\"placeholder\"\n      :size=\"size\"\n      :step=\"computedStep\"\n      class=\"neon-number__input\"\n      role=\"spinbutton\"\n      type=\"text\"\n      v-bind=\"sanitizedAttributes\"\n      @blur=\"onBlur()\"\n      @focus=\"onFocus()\"\n      @update:modelValue=\"valueChanged\"\n      @keydown.up.prevent=\"increment()\"\n      @keydown.down.prevent=\"decrement()\"\n    />\n    <neon-button\n      v-if=\"spinButtons\"\n      :aria-label=\"incrementLabel\"\n      :color=\"color\"\n      :disabled=\"disabled || (max !== undefined && max === modelValue)\"\n      :size=\"size\"\n      button-style=\"outline\"\n      class=\"neon-number__increment\"\n      icon=\"plus\"\n      @click=\"increment()\"\n    />\n  </neon-field-group>\n</template>\n\n<script lang=\"ts\" src=\"./NeonNumber.ts\" />\n"],"names":["_createBlock","_component_neon_field_group","_normalizeClass","_ctx","_component_neon_button","_createVNode","_component_neon_input","_mergeProps"],"mappings":";;;;;cACEA,EA0DmBC,GAAA;AAAA,IAzDhB,OAAKC,EAAA,CAAA;AAAA,sBAA0BC,EAAA,IAAI;AAAA,sBAA0BA,EAAA,KAAK;AAAA;iCAA6CA,EAAA;AAAA,iCAA2CA,EAAA;AAAA,qCAA+CA,EAAA;AAAA;OASpM,aAAa,CAAA;AAAA,IACnB,mBAAgB;AAAA;eAEhB,MAUE;AAAA,MATMA,EAAA,oBADRH,EAUEI,GAAA;AAAA;QARC,cAAYD,EAAA;AAAA,QACZ,OAAOA,EAAA;AAAA,QACP,UAAUA,cAAaA,EAAA,QAAQ,UAAaA,EAAA,QAAQA,EAAA;AAAA,QACpD,MAAMA,EAAA;AAAA,QACP,gBAAa;AAAA,QACb,OAAM;AAAA,QACN,MAAK;AAAA,QACJ,gCAAOA,EAAA;;MAEVE,EAsBEC,GAtBFC,EAsBE;AAAA,QArBC,iBAAeJ,EAAA;AAAA,QACf,iBAAeA,EAAA;AAAA,QACf,iBAAeA,EAAA;AAAA,QACf,OAAOA,EAAA;AAAA,QACP,UAAUA,EAAA,YAAQ,CAAKA,EAAA;AAAA,QACvB,WAAWA,EAAA;AAAA,QACX,KAAKA,EAAA;AAAA,QACL,KAAKA,EAAA;AAAA,QACL,eAAaA,EAAA;AAAA,QACb,aAAaA,EAAA;AAAA,QACb,MAAMA,EAAA;AAAA,QACN,MAAMA,EAAA;AAAA,QACP,OAAM;AAAA,QACN,MAAK;AAAA,QACL,MAAK;AAAA,SACGA,EAAA,qBAAmB;AAAA,QAC1B,+BAAMA,EAAA,OAAM;AAAA,QACZ,gCAAOA,EAAA,QAAO;AAAA,QACd,uBAAmBA,EAAA;AAAA,QACnB,WAAO;AAAA,qCAAaA,EAAA,UAAS,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,IAAA,CAAA;AAAA,qCACPA,EAAA,UAAS,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,MAAA,CAAA;AAAA;;MAG1BA,EAAA,oBADRH,EAUEI,GAAA;AAAA;QARC,cAAYD,EAAA;AAAA,QACZ,OAAOA,EAAA;AAAA,QACP,UAAUA,cAAaA,EAAA,QAAQ,UAAaA,EAAA,QAAQA,EAAA;AAAA,QACpD,MAAMA,EAAA;AAAA,QACP,gBAAa;AAAA,QACb,OAAM;AAAA,QACN,MAAK;AAAA,QACJ,gCAAOA,EAAA;;;;;;;"}

package/dist/neon.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./components/navigation/action-menu/NeonActionMenu.vue.cjs.js"),n=require("./components/feedback/alert/NeonAlert.vue.cjs.js"),r=require("./components/feedback/alert/container/NeonAlertContainer.vue.cjs.js"),t=require("./components/navigation/anchor/NeonAnchor.vue.cjs.js"),i=require("./components/presentation/badge/NeonBadge.vue.cjs.js"),N=require("./components/user-input/button/NeonButton.vue.cjs.js"),s=require("./components/layout/card/NeonCard.vue.cjs.js"),c=require("./components/layout/card/body/NeonCardBody.vue.cjs.js"),l=require("./components/layout/card/footer/NeonCardFooter.vue.cjs.js"),u=require("./components/layout/card/header/NeonCardHeader.vue.cjs.js"),a=require("./components/layout/card-list/NeonCardList.vue.cjs.js"),q=require("./components/user-input/chip/NeonChip.vue.cjs.js"),S=require("./components/user-input/color/NeonColor.vue.cjs.js"),p=require("./components/user-input/date-picker/NeonDatePicker.vue.cjs.js"),d=require("./components/feedback/dialog/NeonDialog.vue.cjs.js"),g=require("./components/layout/drawer/NeonDrawer.vue.cjs.js"),C=require("./components/presentation/dropdown/NeonDropdown.vue.cjs.js"),T=require("./components/navigation/dropdown-menu/NeonDropdownMenu.vue.cjs.js"),U=require("./components/user-input/drop-zone/NeonDropZone.vue.cjs.js"),P=require("./components/presentation/expansion-indicator/NeonExpansionIndicator.vue.cjs.js"),b=require("./components/presentation/expansion-panel/NeonExpansionPanel.vue.cjs.js"),y=require("./components/user-input/field-group/NeonFieldGroup.vue.cjs.js"),m=require("./components/user-input/field/NeonField.vue.cjs.js"),D=require("./components/user-input/file/NeonFile.vue.cjs.js"),z=require("./components/user-input/filter-list/NeonFilterList.vue.cjs.js"),L=require("./components/layout/footer/NeonFooter.vue.cjs.js"),v=require("./components/layout/grid/NeonGrid.vue.cjs.js"),I=require("./components/layout/grid/grid-area/NeonGridArea.vue.cjs.js"),A=require("./components/presentation/icon/NeonIcon.vue.cjs.js"),h=require("./components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js"),w=require("./components/layout/inline/NeonInline.vue.cjs.js"),M=require("./components/user-input/input/NeonInput.vue.cjs.js"),B=require("./components/user-input/input-indicator/NeonInputIndicator.vue.cjs.js"),R=require("./components/presentation/label/NeonLabel.vue.cjs.js"),F=require("./components/feedback/linear-progress/NeonLinearProgress.vue.cjs.js"),k=require("./components/navigation/link/NeonLink.vue.cjs.js"),E=require("./components/user-input/list/NeonList.vue.cjs.js"),O=require("./components/navigation/menu/NeonMenu.vue.cjs.js"),G=require("./components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js"),f=require("./components/layout/modal/NeonModal.vue.cjs.js"),H=require("./components/feedback/note/NeonNote.vue.cjs.js"),x=require("./components/feedback/notification-counter/NeonNotificationCounter.vue.cjs.js"),J=require("./components/user-input/number/NeonNumber.vue.cjs.js"),V=require("./components/layout/page/NeonPage.vue.cjs.js"),Z=require("./components/user-input/password/NeonPassword.vue.cjs.js"),j=require("./components/user-input/range-slider/NeonRangeSlider.vue.cjs.js"),K=require("./components/layout/side-nav/NeonSideNav.vue.cjs.js"),Q=require("./components/user-input/search/NeonSearch.vue.cjs.js"),W=require("./components/user-input/select/NeonSelect.vue.cjs.js"),X=require("./components/user-input/selectable-card/NeonSelectableCard.vue.cjs.js"),Y=require("./components/feedback/skeleton-loader/NeonSkeletonLoader.vue.cjs.js"),_=require("./components/user-input/slider/NeonSlider.vue.cjs.js"),$=require("./components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js"),ee=require("./components/layout/stack/NeonStack.vue.cjs.js"),oe=require("./components/navigation/stepper/NeonStepper.vue.cjs.js"),ne=require("./components/layout/swiper/NeonSwiper.vue.cjs.js"),re=require("./components/user-input/switch/NeonSwitch.vue.cjs.js"),te=require("./components/presentation/tabs/tab/NeonTab.vue.cjs.js"),ie=require("./components/presentation/tabs/NeonTabs.vue.cjs.js"),Ne=require("./components/feedback/alert/container/NeonToastContainer.vue.cjs.js"),se=require("./components/user-input/toggle/NeonToggle.vue.cjs.js"),ce=require("./components/user-input/toggle-chip/NeonToggleChip.vue.cjs.js"),le=require("./components/feedback/tooltip/NeonTooltip.vue.cjs.js"),ue=require("./components/layout/top-nav/NeonTopNav.vue.cjs.js"),ae=require("./components/navigation/tree-menu/NeonTreeMenu.vue.cjs.js"),qe=require("./common/enums/NeonAlertLevel.cjs.js"),Se=require("./common/enums/NeonAlertPlacement.cjs.js"),pe=require("./common/enums/NeonBadgeSize.cjs.js"),de=require("./common/enums/NeonButtonSize.cjs.js"),ge=require("./common/enums/NeonButtonStyle.cjs.js"),Ce=require("./common/enums/NeonButtonType.cjs.js"),Te=require("./common/enums/NeonChipAction.cjs.js"),Ue=require("./common/enums/NeonDropdownPlacement.cjs.js"),Pe=require("./common/enums/NeonDropdownStyle.cjs.js"),be=require("./common/enums/NeonFunctionalColor.cjs.js"),ye=require("./common/enums/NeonHorizontalPosition.cjs.js"),me=require("./common/enums/NeonInputMode.cjs.js"),De=require("./common/enums/NeonInputType.cjs.js"),ze=require("./common/enums/NeonLabelSize.cjs.js"),Le=require("./common/enums/NeonMode.cjs.js"),ve=require("./common/enums/NeonOrientation.cjs.js"),Ie=require("./common/enums/NeonOutlineStyle.cjs.js"),Ae=require("./common/enums/NeonPageAlignment.cjs.js"),he=require("./common/enums/NeonPosition.cjs.js"),we=require("./common/enums/NeonResponsive.cjs.js"),Me=require("./common/enums/NeonSize.cjs.js"),Be=require("./common/enums/NeonSplashLoaderSize.cjs.js"),Re=require("./common/enums/NeonState.cjs.js"),Fe=require("./common/enums/NeonSwitchStyle.cjs.js"),ke=require("./common/enums/NeonToggleChipSize.cjs.js"),Ee=require("./common/enums/NeonToggleStyle.cjs.js"),Oe=require("./common/enums/NeonTooltipStyle.cjs.js"),Ge=require("./common/enums/NeonVerticalPosition.cjs.js"),fe=require("./common/utils/NeonAlertService.cjs.js"),e=require("./common/utils/NeonClipboardService.cjs.js"),He=require("./common/utils/NeonClosableUtils.cjs.js"),xe=require("./common/utils/NeonDateUtils.cjs.js"),Je=require("./common/utils/NeonDebounceUtils.cjs.js"),Ve=require("./common/utils/NeonDropdownPlacementUtils.cjs.js"),Ze=require("./common/utils/NeonEventBus.cjs.js"),je=require("./common/utils/NeonFileUtils.cjs.js"),Ke=require("./common/utils/NeonIconRegistry.cjs.js"),Qe=require("./common/utils/NeonJazziconUtils.cjs.js"),We=require("./common/utils/NeonModeUtils.cjs.js"),Xe=require("./common/utils/NeonNumberUtils.cjs.js"),Ye=require("./common/utils/NeonPlacementUtils.cjs.js"),_e=require("./common/utils/NeonRandomUtils.cjs.js"),$e=require("./common/utils/NeonResponsiveUtils.cjs.js"),eo=require("./common/utils/NeonScrollUtils.cjs.js"),oo=require("./common/utils/NeonToastService.cjs.js"),no=require("./common/utils/NeonTooltipPlacementUtils.cjs.js"),ro=require("./common/utils/RegisterIcons.cjs.js");exports.NeonActionMenu=o;exports.NeonAlert=n;exports.NeonAlertContainer=r;exports.NeonAnchor=t;exports.NeonBadge=i;exports.NeonButton=N;exports.NeonCard=s;exports.NeonCardBody=c;exports.NeonCardFooter=l;exports.NeonCardHeader=u;exports.NeonCardList=a;exports.NeonChip=q;exports.NeonColor=S;exports.NeonDatePicker=p;exports.NeonDialog=d;exports.NeonDrawer=g;exports.NeonDropdown=C;exports.NeonDropdownMenu=T;exports.NeonDropZone=U;exports.NeonExpansionIndicator=P;exports.NeonExpansionPanel=b;exports.NeonFieldGroup=y;exports.NeonField=m;exports.NeonFile=D;exports.NeonFilterList=z;exports.NeonFooter=L;exports.NeonGrid=v;exports.NeonGridArea=I;exports.NeonIcon=A;exports.NeonImageCarousel=h;exports.NeonInline=w;exports.NeonInput=M;exports.NeonInputIndicator=B;exports.NeonLabel=R;exports.NeonLinearProgress=F;exports.NeonLink=k;exports.NeonList=E;exports.NeonMenu=O;exports.NeonMobileMenu=G;exports.NeonModal=f;exports.NeonNote=H;exports.NeonNotificationCounter=x;exports.NeonNumber=J;exports.NeonPage=V;exports.NeonPassword=Z;exports.NeonRangeSlider=j;exports.NeonSideNav=K;exports.NeonSearch=Q;exports.NeonSelect=W;exports.NeonSelectableCard=X;exports.NeonSkeletonLoader=Y;exports.NeonSlider=_;exports.NeonSplashLoader=$;exports.NeonStack=ee;exports.NeonStepper=oe;exports.NeonSwiper=ne;exports.NeonSwitch=re;exports.NeonTab=te;exports.NeonTabs=ie;exports.NeonToastContainer=Ne;exports.NeonToggle=se;exports.NeonToggleChip=ce;exports.NeonTooltip=le;exports.NeonTopNav=ue;exports.NeonTreeMenu=ae;exports.NeonAlertLevel=qe.NeonAlertLevel;exports.NeonAlertPlacement=Se.NeonAlertPlacement;exports.NeonBadgeSize=pe.NeonBadgeSize;exports.NeonButtonSize=de.NeonButtonSize;exports.NeonButtonStyle=ge.NeonButtonStyle;exports.NeonButtonType=Ce.NeonButtonType;exports.NeonChipAction=Te.NeonChipAction;exports.NeonDropdownPlacement=Ue.NeonDropdownPlacement;exports.NeonDropdownStyle=Pe.NeonDropdownStyle;exports.NeonFunctionalColor=be.NeonFunctionalColor;exports.NeonHorizontalPosition=ye.NeonHorizontalPosition;exports.NeonInputMode=me.NeonInputMode;exports.NeonInputType=De.NeonInputType;exports.NeonLabelSize=ze.NeonLabelSize;exports.NeonMode=Le.NeonMode;exports.NeonOrientation=ve.NeonOrientation;exports.NeonOutlineStyle=Ie.NeonOutlineStyle;exports.NeonPageAlignment=Ae.NeonPageAlignment;exports.NeonPosition=he.NeonPosition;exports.NeonResponsive=we.NeonResponsive;exports.NeonSize=Me.NeonSize;exports.NeonSplashLoaderSize=Be.NeonSplashLoaderSize;exports.NeonState=Re.NeonState;exports.NeonSwitchStyle=Fe.NeonSwitchStyle;exports.NeonToggleChipSize=ke.NeonToggleChipSize;exports.NeonToggleStyle=Ee.NeonToggleStyle;exports.NeonTooltipStyle=Oe.NeonTooltipStyle;exports.NeonVerticalPosition=Ge.NeonVerticalPosition;exports.NeonAlertService=fe.NeonAlertService;exports.NeonClipboardService=e.NeonClipboardService;exports.NeonClipboardSupport=e.NeonClipboardSupport;exports.NeonClosableUtils=He.NeonClosableUtils;exports.NeonDateUtils=xe.NeonDateUtils;exports.NeonDebounceUtils=Je.NeonDebounceUtils;exports.NeonDropdownPlacementUtils=Ve.NeonDropdownPlacementUtils;exports.NeonEventBus=Ze.NeonEventBus;exports.fileToDataURL=je.fileToDataURL;exports.NeonIconRegistry=Ke.NeonIconRegistry;exports.NeonJazziconUtils=Qe.NeonJazziconUtils;exports.NeonModeUtils=We.NeonModeUtils;exports.NeonNumberUtils=Xe.NeonNumberUtils;exports.NeonPlacementUtils=Ye.NeonPlacementUtils;exports.NeonRandomUtils=_e.NeonRandomUtils;exports.NeonResponsiveUtils=$e.NeonResponsiveUtils;exports.NeonScrollUtils=eo.NeonScrollUtils;exports.NeonToastService=oo.NeonToastService;exports.NeonTooltipPlacementUtils=no.NeonTooltipPlacementUtils;exports.RegisterIcons=ro.RegisterIcons;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./components/navigation/action-menu/NeonActionMenu.vue.cjs.js"),n=require("./components/feedback/alert/NeonAlert.vue.cjs.js"),r=require("./components/feedback/alert/container/NeonAlertContainer.vue.cjs.js"),t=require("./components/navigation/anchor/NeonAnchor.vue.cjs.js"),i=require("./components/presentation/badge/NeonBadge.vue.cjs.js"),N=require("./components/user-input/button/NeonButton.vue.cjs.js"),s=require("./components/layout/card/NeonCard.vue.cjs.js"),c=require("./components/layout/card/body/NeonCardBody.vue.cjs.js"),l=require("./components/layout/card/footer/NeonCardFooter.vue.cjs.js"),u=require("./components/layout/card/header/NeonCardHeader.vue.cjs.js"),a=require("./components/layout/card-list/NeonCardList.vue.cjs.js"),q=require("./components/user-input/chip/NeonChip.vue.cjs.js"),S=require("./components/user-input/color/NeonColor.vue.cjs.js"),p=require("./components/user-input/date-picker/NeonDatePicker.vue.cjs.js"),d=require("./components/feedback/dialog/NeonDialog.vue.cjs.js"),g=require("./components/layout/drawer/NeonDrawer.vue.cjs.js"),C=require("./components/presentation/dropdown/NeonDropdown.vue.cjs.js"),T=require("./components/navigation/dropdown-menu/NeonDropdownMenu.vue.cjs.js"),U=require("./components/user-input/drop-zone/NeonDropZone.vue.cjs.js"),P=require("./components/presentation/expansion-indicator/NeonExpansionIndicator.vue.cjs.js"),y=require("./components/presentation/expansion-panel/NeonExpansionPanel.vue.cjs.js"),I=require("./components/user-input/field-group/NeonFieldGroup.vue.cjs.js"),b=require("./components/user-input/field/NeonField.vue.cjs.js"),m=require("./components/user-input/file/NeonFile.vue.cjs.js"),D=require("./components/user-input/filter-list/NeonFilterList.vue.cjs.js"),z=require("./components/layout/footer/NeonFooter.vue.cjs.js"),L=require("./components/layout/grid/NeonGrid.vue.cjs.js"),v=require("./components/layout/grid/grid-area/NeonGridArea.vue.cjs.js"),A=require("./components/presentation/icon/NeonIcon.vue.cjs.js"),h=require("./components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js"),w=require("./components/layout/inline/NeonInline.vue.cjs.js"),M=require("./components/user-input/input/NeonInput.vue.cjs.js"),B=require("./components/user-input/input-indicator/NeonInputIndicator.vue.cjs.js"),R=require("./components/presentation/label/NeonLabel.vue.cjs.js"),F=require("./components/feedback/linear-progress/NeonLinearProgress.vue.cjs.js"),k=require("./components/navigation/link/NeonLink.vue.cjs.js"),E=require("./components/user-input/list/NeonList.vue.cjs.js"),O=require("./components/navigation/menu/NeonMenu.vue.cjs.js"),G=require("./components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js"),f=require("./components/layout/modal/NeonModal.vue.cjs.js"),H=require("./components/feedback/note/NeonNote.vue.cjs.js"),x=require("./components/feedback/notification-counter/NeonNotificationCounter.vue.cjs.js"),J=require("./components/user-input/number/NeonNumber.vue.cjs.js"),V=require("./components/layout/page/NeonPage.vue.cjs.js"),Z=require("./components/user-input/password/NeonPassword.vue.cjs.js"),j=require("./components/user-input/range-slider/NeonRangeSlider.vue.cjs.js"),K=require("./components/layout/side-nav/NeonSideNav.vue.cjs.js"),Q=require("./components/user-input/search/NeonSearch.vue.cjs.js"),W=require("./components/user-input/select/NeonSelect.vue.cjs.js"),X=require("./components/user-input/selectable-card/NeonSelectableCard.vue.cjs.js"),Y=require("./components/feedback/skeleton-loader/NeonSkeletonLoader.vue.cjs.js"),_=require("./components/user-input/slider/NeonSlider.vue.cjs.js"),$=require("./components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js"),ee=require("./components/layout/stack/NeonStack.vue.cjs.js"),oe=require("./components/navigation/stepper/NeonStepper.vue.cjs.js"),ne=require("./components/layout/swiper/NeonSwiper.vue.cjs.js"),re=require("./components/user-input/switch/NeonSwitch.vue.cjs.js"),te=require("./components/presentation/tabs/tab/NeonTab.vue.cjs.js"),ie=require("./components/presentation/tabs/NeonTabs.vue.cjs.js"),Ne=require("./components/feedback/alert/container/NeonToastContainer.vue.cjs.js"),se=require("./components/user-input/toggle/NeonToggle.vue.cjs.js"),ce=require("./components/user-input/toggle-chip/NeonToggleChip.vue.cjs.js"),le=require("./components/feedback/tooltip/NeonTooltip.vue.cjs.js"),ue=require("./components/layout/top-nav/NeonTopNav.vue.cjs.js"),ae=require("./components/navigation/tree-menu/NeonTreeMenu.vue.cjs.js"),qe=require("./common/enums/NeonAlertLevel.cjs.js"),Se=require("./common/enums/NeonAlertPlacement.cjs.js"),pe=require("./common/enums/NeonBadgeSize.cjs.js"),de=require("./common/enums/NeonButtonSize.cjs.js"),ge=require("./common/enums/NeonButtonStyle.cjs.js"),Ce=require("./common/enums/NeonButtonType.cjs.js"),Te=require("./common/enums/NeonChipAction.cjs.js"),Ue=require("./common/enums/NeonDropdownPlacement.cjs.js"),Pe=require("./common/enums/NeonDropdownStyle.cjs.js"),ye=require("./common/enums/NeonFunctionalColor.cjs.js"),Ie=require("./common/enums/NeonHorizontalPosition.cjs.js"),be=require("./common/enums/NeonInputIndicatorStyle.cjs.js"),me=require("./common/enums/NeonInputMode.cjs.js"),De=require("./common/enums/NeonInputType.cjs.js"),ze=require("./common/enums/NeonLabelSize.cjs.js"),Le=require("./common/enums/NeonMode.cjs.js"),ve=require("./common/enums/NeonOrientation.cjs.js"),Ae=require("./common/enums/NeonOutlineStyle.cjs.js"),he=require("./common/enums/NeonPageAlignment.cjs.js"),we=require("./common/enums/NeonPosition.cjs.js"),Me=require("./common/enums/NeonResponsive.cjs.js"),Be=require("./common/enums/NeonSize.cjs.js"),Re=require("./common/enums/NeonSplashLoaderSize.cjs.js"),Fe=require("./common/enums/NeonState.cjs.js"),ke=require("./common/enums/NeonSwitchStyle.cjs.js"),Ee=require("./common/enums/NeonToggleChipSize.cjs.js"),Oe=require("./common/enums/NeonToggleStyle.cjs.js"),Ge=require("./common/enums/NeonTooltipStyle.cjs.js"),fe=require("./common/enums/NeonVerticalPosition.cjs.js"),He=require("./common/utils/NeonAlertService.cjs.js"),e=require("./common/utils/NeonClipboardService.cjs.js"),xe=require("./common/utils/NeonClosableUtils.cjs.js"),Je=require("./common/utils/NeonDateUtils.cjs.js"),Ve=require("./common/utils/NeonDebounceUtils.cjs.js"),Ze=require("./common/utils/NeonDropdownPlacementUtils.cjs.js"),je=require("./common/utils/NeonEventBus.cjs.js"),Ke=require("./common/utils/NeonFileUtils.cjs.js"),Qe=require("./common/utils/NeonIconRegistry.cjs.js"),We=require("./common/utils/NeonJazziconUtils.cjs.js"),Xe=require("./common/utils/NeonModeUtils.cjs.js"),Ye=require("./common/utils/NeonNumberUtils.cjs.js"),_e=require("./common/utils/NeonPlacementUtils.cjs.js"),$e=require("./common/utils/NeonRandomUtils.cjs.js"),eo=require("./common/utils/NeonResponsiveUtils.cjs.js"),oo=require("./common/utils/NeonScrollUtils.cjs.js"),no=require("./common/utils/NeonToastService.cjs.js"),ro=require("./common/utils/NeonTooltipPlacementUtils.cjs.js"),to=require("./common/utils/RegisterIcons.cjs.js");exports.NeonActionMenu=o;exports.NeonAlert=n;exports.NeonAlertContainer=r;exports.NeonAnchor=t;exports.NeonBadge=i;exports.NeonButton=N;exports.NeonCard=s;exports.NeonCardBody=c;exports.NeonCardFooter=l;exports.NeonCardHeader=u;exports.NeonCardList=a;exports.NeonChip=q;exports.NeonColor=S;exports.NeonDatePicker=p;exports.NeonDialog=d;exports.NeonDrawer=g;exports.NeonDropdown=C;exports.NeonDropdownMenu=T;exports.NeonDropZone=U;exports.NeonExpansionIndicator=P;exports.NeonExpansionPanel=y;exports.NeonFieldGroup=I;exports.NeonField=b;exports.NeonFile=m;exports.NeonFilterList=D;exports.NeonFooter=z;exports.NeonGrid=L;exports.NeonGridArea=v;exports.NeonIcon=A;exports.NeonImageCarousel=h;exports.NeonInline=w;exports.NeonInput=M;exports.NeonInputIndicator=B;exports.NeonLabel=R;exports.NeonLinearProgress=F;exports.NeonLink=k;exports.NeonList=E;exports.NeonMenu=O;exports.NeonMobileMenu=G;exports.NeonModal=f;exports.NeonNote=H;exports.NeonNotificationCounter=x;exports.NeonNumber=J;exports.NeonPage=V;exports.NeonPassword=Z;exports.NeonRangeSlider=j;exports.NeonSideNav=K;exports.NeonSearch=Q;exports.NeonSelect=W;exports.NeonSelectableCard=X;exports.NeonSkeletonLoader=Y;exports.NeonSlider=_;exports.NeonSplashLoader=$;exports.NeonStack=ee;exports.NeonStepper=oe;exports.NeonSwiper=ne;exports.NeonSwitch=re;exports.NeonTab=te;exports.NeonTabs=ie;exports.NeonToastContainer=Ne;exports.NeonToggle=se;exports.NeonToggleChip=ce;exports.NeonTooltip=le;exports.NeonTopNav=ue;exports.NeonTreeMenu=ae;exports.NeonAlertLevel=qe.NeonAlertLevel;exports.NeonAlertPlacement=Se.NeonAlertPlacement;exports.NeonBadgeSize=pe.NeonBadgeSize;exports.NeonButtonSize=de.NeonButtonSize;exports.NeonButtonStyle=ge.NeonButtonStyle;exports.NeonButtonType=Ce.NeonButtonType;exports.NeonChipAction=Te.NeonChipAction;exports.NeonDropdownPlacement=Ue.NeonDropdownPlacement;exports.NeonDropdownStyle=Pe.NeonDropdownStyle;exports.NeonFunctionalColor=ye.NeonFunctionalColor;exports.NeonHorizontalPosition=Ie.NeonHorizontalPosition;exports.NeonInputIndicatorStyle=be.NeonInputIndicatorStyle;exports.NeonInputMode=me.NeonInputMode;exports.NeonInputType=De.NeonInputType;exports.NeonLabelSize=ze.NeonLabelSize;exports.NeonMode=Le.NeonMode;exports.NeonOrientation=ve.NeonOrientation;exports.NeonOutlineStyle=Ae.NeonOutlineStyle;exports.NeonPageAlignment=he.NeonPageAlignment;exports.NeonPosition=we.NeonPosition;exports.NeonResponsive=Me.NeonResponsive;exports.NeonSize=Be.NeonSize;exports.NeonSplashLoaderSize=Re.NeonSplashLoaderSize;exports.NeonState=Fe.NeonState;exports.NeonSwitchStyle=ke.NeonSwitchStyle;exports.NeonToggleChipSize=Ee.NeonToggleChipSize;exports.NeonToggleStyle=Oe.NeonToggleStyle;exports.NeonTooltipStyle=Ge.NeonTooltipStyle;exports.NeonVerticalPosition=fe.NeonVerticalPosition;exports.NeonAlertService=He.NeonAlertService;exports.NeonClipboardService=e.NeonClipboardService;exports.NeonClipboardSupport=e.NeonClipboardSupport;exports.NeonClosableUtils=xe.NeonClosableUtils;exports.NeonDateUtils=Je.NeonDateUtils;exports.NeonDebounceUtils=Ve.NeonDebounceUtils;exports.NeonDropdownPlacementUtils=Ze.NeonDropdownPlacementUtils;exports.NeonEventBus=je.NeonEventBus;exports.fileToDataURL=Ke.fileToDataURL;exports.NeonIconRegistry=Qe.NeonIconRegistry;exports.NeonJazziconUtils=We.NeonJazziconUtils;exports.NeonModeUtils=Xe.NeonModeUtils;exports.NeonNumberUtils=Ye.NeonNumberUtils;exports.NeonPlacementUtils=_e.NeonPlacementUtils;exports.NeonRandomUtils=$e.NeonRandomUtils;exports.NeonResponsiveUtils=eo.NeonResponsiveUtils;exports.NeonScrollUtils=oo.NeonScrollUtils;exports.NeonToastService=no.NeonToastService;exports.NeonTooltipPlacementUtils=ro.NeonTooltipPlacementUtils;exports.RegisterIcons=to.RegisterIcons;
 //# sourceMappingURL=neon.cjs.js.map

package/dist/neon.es.js

@@ -8,10 +8,10 @@ import { default as u } from "./components/layout/card/NeonCard.vue.es.js";
 import { default as S } from "./components/layout/card/body/NeonCardBody.vue.es.js";
 import { default as g } from "./components/layout/card/footer/NeonCardFooter.vue.es.js";
 import { default as T } from "./components/layout/card/header/NeonCardHeader.vue.es.js";
-import { default as U } from "./components/layout/card-list/NeonCardList.vue.es.js";
-import { default as D } from "./components/user-input/chip/NeonChip.vue.es.js";
-import { default as I } from "./components/user-input/color/NeonColor.vue.es.js";
-import { default as w } from "./components/user-input/date-picker/NeonDatePicker.vue.es.js";
+import { default as I } from "./components/layout/card-list/NeonCardList.vue.es.js";
+import { default as b } from "./components/user-input/chip/NeonChip.vue.es.js";
+import { default as L } from "./components/user-input/color/NeonColor.vue.es.js";
+import { default as h } from "./components/user-input/date-picker/NeonDatePicker.vue.es.js";
 import { default as A } from "./components/feedback/dialog/NeonDialog.vue.es.js";
 import { default as v } from "./components/layout/drawer/NeonDrawer.vue.es.js";
 import { default as B } from "./components/presentation/dropdown/NeonDropdown.vue.es.js";
@@ -35,10 +35,10 @@ import { default as io } from "./components/presentation/label/NeonLabel.vue.es.
 import { default as co } from "./components/feedback/linear-progress/NeonLinearProgress.vue.es.js";
 import { default as Co } from "./components/navigation/link/NeonLink.vue.es.js";
 import { default as Po } from "./components/user-input/list/NeonList.vue.es.js";
-import { default as bo } from "./components/navigation/menu/NeonMenu.vue.es.js";
-import { default as Lo } from "./components/navigation/mobile-menu/NeonMobileMenu.vue.es.js";
-import { default as ho } from "./components/layout/modal/NeonModal.vue.es.js";
-import { default as yo } from "./components/feedback/note/NeonNote.vue.es.js";
+import { default as Uo } from "./components/navigation/menu/NeonMenu.vue.es.js";
+import { default as Do } from "./components/navigation/mobile-menu/NeonMobileMenu.vue.es.js";
+import { default as yo } from "./components/layout/modal/NeonModal.vue.es.js";
+import { default as wo } from "./components/feedback/note/NeonNote.vue.es.js";
 import { default as Mo } from "./components/feedback/notification-counter/NeonNotificationCounter.vue.es.js";
 import { default as zo } from "./components/user-input/number/NeonNumber.vue.es.js";
 import { default as Fo } from "./components/layout/page/NeonPage.vue.es.js";
@@ -62,10 +62,10 @@ import { default as ie } from "./components/user-input/toggle/NeonToggle.vue.es.
 import { default as ce } from "./components/user-input/toggle-chip/NeonToggleChip.vue.es.js";
 import { default as Ce } from "./components/feedback/tooltip/NeonTooltip.vue.es.js";
 import { default as Pe } from "./components/layout/top-nav/NeonTopNav.vue.es.js";
-import { default as be } from "./components/navigation/tree-menu/NeonTreeMenu.vue.es.js";
-import { NeonAlertLevel as Le } from "./common/enums/NeonAlertLevel.es.js";
-import { NeonAlertPlacement as he } from "./common/enums/NeonAlertPlacement.es.js";
-import { NeonBadgeSize as ye } from "./common/enums/NeonBadgeSize.es.js";
+import { default as Ue } from "./components/navigation/tree-menu/NeonTreeMenu.vue.es.js";
+import { NeonAlertLevel as De } from "./common/enums/NeonAlertLevel.es.js";
+import { NeonAlertPlacement as ye } from "./common/enums/NeonAlertPlacement.es.js";
+import { NeonBadgeSize as we } from "./common/enums/NeonBadgeSize.es.js";
 import { NeonButtonSize as Me } from "./common/enums/NeonButtonSize.es.js";
 import { NeonButtonStyle as ze } from "./common/enums/NeonButtonStyle.es.js";
 import { NeonButtonType as Fe } from "./common/enums/NeonButtonType.es.js";
@@ -74,52 +74,53 @@ import { NeonDropdownPlacement as Ge } from "./common/enums/NeonDropdownPlacemen
 import { NeonDropdownStyle as Oe } from "./common/enums/NeonDropdownStyle.es.js";
 import { NeonFunctionalColor as Ve } from "./common/enums/NeonFunctionalColor.es.js";
 import { NeonHorizontalPosition as je } from "./common/enums/NeonHorizontalPosition.es.js";
-import { NeonInputMode as Ke } from "./common/enums/NeonInputMode.es.js";
-import { NeonInputType as We } from "./common/enums/NeonInputType.es.js";
-import { NeonLabelSize as Ye } from "./common/enums/NeonLabelSize.es.js";
-import { NeonMode as $e } from "./common/enums/NeonMode.es.js";
-import { NeonOrientation as er } from "./common/enums/NeonOrientation.es.js";
-import { NeonOutlineStyle as tr } from "./common/enums/NeonOutlineStyle.es.js";
-import { NeonPageAlignment as fr } from "./common/enums/NeonPageAlignment.es.js";
-import { NeonPosition as pr } from "./common/enums/NeonPosition.es.js";
-import { NeonResponsive as mr } from "./common/enums/NeonResponsive.es.js";
-import { NeonSize as xr } from "./common/enums/NeonSize.es.js";
-import { NeonSplashLoaderSize as dr } from "./common/enums/NeonSplashLoaderSize.es.js";
-import { NeonState as ir } from "./common/enums/NeonState.es.js";
-import { NeonSwitchStyle as cr } from "./common/enums/NeonSwitchStyle.es.js";
-import { NeonToggleChipSize as Cr } from "./common/enums/NeonToggleChipSize.es.js";
-import { NeonToggleStyle as Pr } from "./common/enums/NeonToggleStyle.es.js";
-import { NeonTooltipStyle as br } from "./common/enums/NeonTooltipStyle.es.js";
-import { NeonVerticalPosition as Lr } from "./common/enums/NeonVerticalPosition.es.js";
-import { NeonAlertService as hr } from "./common/utils/NeonAlertService.es.js";
-import { NeonClipboardService as yr, NeonClipboardSupport as Ar } from "./common/utils/NeonClipboardService.es.js";
-import { NeonClosableUtils as vr } from "./common/utils/NeonClosableUtils.es.js";
-import { NeonDateUtils as Br } from "./common/utils/NeonDateUtils.es.js";
-import { NeonDebounceUtils as Rr } from "./common/utils/NeonDebounceUtils.es.js";
-import { NeonDropdownPlacementUtils as Er } from "./common/utils/NeonDropdownPlacementUtils.es.js";
-import { NeonEventBus as Hr } from "./common/utils/NeonEventBus.es.js";
-import { fileToDataURL as Jr } from "./common/utils/NeonFileUtils.es.js";
-import { NeonIconRegistry as Zr } from "./common/utils/NeonIconRegistry.es.js";
-import { NeonJazziconUtils as qr } from "./common/utils/NeonJazziconUtils.es.js";
-import { NeonModeUtils as Qr } from "./common/utils/NeonModeUtils.es.js";
-import { NeonNumberUtils as Xr } from "./common/utils/NeonNumberUtils.es.js";
-import { NeonPlacementUtils as _r } from "./common/utils/NeonPlacementUtils.es.js";
-import { NeonRandomUtils as ot } from "./common/utils/NeonRandomUtils.es.js";
-import { NeonResponsiveUtils as rt } from "./common/utils/NeonResponsiveUtils.es.js";
-import { NeonScrollUtils as at } from "./common/utils/NeonScrollUtils.es.js";
-import { NeonToastService as nt } from "./common/utils/NeonToastService.es.js";
-import { NeonTooltipPlacementUtils as lt } from "./common/utils/NeonTooltipPlacementUtils.es.js";
-import { RegisterIcons as Nt } from "./common/utils/RegisterIcons.es.js";
+import { NeonInputIndicatorStyle as Ke } from "./common/enums/NeonInputIndicatorStyle.es.js";
+import { NeonInputMode as We } from "./common/enums/NeonInputMode.es.js";
+import { NeonInputType as Ye } from "./common/enums/NeonInputType.es.js";
+import { NeonLabelSize as $e } from "./common/enums/NeonLabelSize.es.js";
+import { NeonMode as er } from "./common/enums/NeonMode.es.js";
+import { NeonOrientation as tr } from "./common/enums/NeonOrientation.es.js";
+import { NeonOutlineStyle as fr } from "./common/enums/NeonOutlineStyle.es.js";
+import { NeonPageAlignment as pr } from "./common/enums/NeonPageAlignment.es.js";
+import { NeonPosition as mr } from "./common/enums/NeonPosition.es.js";
+import { NeonResponsive as xr } from "./common/enums/NeonResponsive.es.js";
+import { NeonSize as dr } from "./common/enums/NeonSize.es.js";
+import { NeonSplashLoaderSize as ir } from "./common/enums/NeonSplashLoaderSize.es.js";
+import { NeonState as cr } from "./common/enums/NeonState.es.js";
+import { NeonSwitchStyle as Cr } from "./common/enums/NeonSwitchStyle.es.js";
+import { NeonToggleChipSize as Pr } from "./common/enums/NeonToggleChipSize.es.js";
+import { NeonToggleStyle as Ur } from "./common/enums/NeonToggleStyle.es.js";
+import { NeonTooltipStyle as Dr } from "./common/enums/NeonTooltipStyle.es.js";
+import { NeonVerticalPosition as yr } from "./common/enums/NeonVerticalPosition.es.js";
+import { NeonAlertService as wr } from "./common/utils/NeonAlertService.es.js";
+import { NeonClipboardService as Mr, NeonClipboardSupport as vr } from "./common/utils/NeonClipboardService.es.js";
+import { NeonClosableUtils as Br } from "./common/utils/NeonClosableUtils.es.js";
+import { NeonDateUtils as Rr } from "./common/utils/NeonDateUtils.es.js";
+import { NeonDebounceUtils as Er } from "./common/utils/NeonDebounceUtils.es.js";
+import { NeonDropdownPlacementUtils as Hr } from "./common/utils/NeonDropdownPlacementUtils.es.js";
+import { NeonEventBus as Jr } from "./common/utils/NeonEventBus.es.js";
+import { fileToDataURL as Zr } from "./common/utils/NeonFileUtils.es.js";
+import { NeonIconRegistry as qr } from "./common/utils/NeonIconRegistry.es.js";
+import { NeonJazziconUtils as Qr } from "./common/utils/NeonJazziconUtils.es.js";
+import { NeonModeUtils as Xr } from "./common/utils/NeonModeUtils.es.js";
+import { NeonNumberUtils as _r } from "./common/utils/NeonNumberUtils.es.js";
+import { NeonPlacementUtils as ot } from "./common/utils/NeonPlacementUtils.es.js";
+import { NeonRandomUtils as rt } from "./common/utils/NeonRandomUtils.es.js";
+import { NeonResponsiveUtils as at } from "./common/utils/NeonResponsiveUtils.es.js";
+import { NeonScrollUtils as nt } from "./common/utils/NeonScrollUtils.es.js";
+import { NeonToastService as lt } from "./common/utils/NeonToastService.es.js";
+import { NeonTooltipPlacementUtils as Nt } from "./common/utils/NeonTooltipPlacementUtils.es.js";
+import { RegisterIcons as st } from "./common/utils/RegisterIcons.es.js";
 export {
   r as NeonActionMenu,
   a as NeonAlert,
   n as NeonAlertContainer,
-  Le as NeonAlertLevel,
-  he as NeonAlertPlacement,
-  hr as NeonAlertService,
+  De as NeonAlertLevel,
+  ye as NeonAlertPlacement,
+  wr as NeonAlertService,
   l as NeonAnchor,
   N as NeonBadge,
-  ye as NeonBadgeSize,
+  we as NeonBadgeSize,
   s as NeonButton,
   Me as NeonButtonSize,
   ze as NeonButtonStyle,
@@ -128,25 +129,25 @@ export {
   S as NeonCardBody,
   g as NeonCardFooter,
   T as NeonCardHeader,
-  U as NeonCardList,
-  D as NeonChip,
+  I as NeonCardList,
+  b as NeonChip,
   ke as NeonChipAction,
-  yr as NeonClipboardService,
-  Ar as NeonClipboardSupport,
-  vr as NeonClosableUtils,
-  I as NeonColor,
-  w as NeonDatePicker,
-  Br as NeonDateUtils,
-  Rr as NeonDebounceUtils,
+  Mr as NeonClipboardService,
+  vr as NeonClipboardSupport,
+  Br as NeonClosableUtils,
+  L as NeonColor,
+  h as NeonDatePicker,
+  Rr as NeonDateUtils,
+  Er as NeonDebounceUtils,
   A as NeonDialog,
   v as NeonDrawer,
   E as NeonDropZone,
   B as NeonDropdown,
   R as NeonDropdownMenu,
   Ge as NeonDropdownPlacement,
-  Er as NeonDropdownPlacementUtils,
+  Hr as NeonDropdownPlacementUtils,
   Oe as NeonDropdownStyle,
-  Hr as NeonEventBus,
+  Jr as NeonEventBus,
   H as NeonExpansionIndicator,
   J as NeonExpansionPanel,
   q as NeonField,
@@ -159,70 +160,71 @@ export {
   ro as NeonGridArea,
   je as NeonHorizontalPosition,
   ao as NeonIcon,
-  Zr as NeonIconRegistry,
+  qr as NeonIconRegistry,
   no as NeonImageCarousel,
   lo as NeonInline,
   No as NeonInput,
   so as NeonInputIndicator,
-  Ke as NeonInputMode,
-  We as NeonInputType,
-  qr as NeonJazziconUtils,
+  Ke as NeonInputIndicatorStyle,
+  We as NeonInputMode,
+  Ye as NeonInputType,
+  Qr as NeonJazziconUtils,
   io as NeonLabel,
-  Ye as NeonLabelSize,
+  $e as NeonLabelSize,
   co as NeonLinearProgress,
   Co as NeonLink,
   Po as NeonList,
-  bo as NeonMenu,
-  Lo as NeonMobileMenu,
-  ho as NeonModal,
-  $e as NeonMode,
-  Qr as NeonModeUtils,
-  yo as NeonNote,
+  Uo as NeonMenu,
+  Do as NeonMobileMenu,
+  yo as NeonModal,
+  er as NeonMode,
+  Xr as NeonModeUtils,
+  wo as NeonNote,
   Mo as NeonNotificationCounter,
   zo as NeonNumber,
-  Xr as NeonNumberUtils,
-  er as NeonOrientation,
-  tr as NeonOutlineStyle,
+  _r as NeonNumberUtils,
+  tr as NeonOrientation,
+  fr as NeonOutlineStyle,
   Fo as NeonPage,
-  fr as NeonPageAlignment,
+  pr as NeonPageAlignment,
   ko as NeonPassword,
-  _r as NeonPlacementUtils,
-  pr as NeonPosition,
-  ot as NeonRandomUtils,
+  ot as NeonPlacementUtils,
+  mr as NeonPosition,
+  rt as NeonRandomUtils,
   Go as NeonRangeSlider,
-  mr as NeonResponsive,
-  rt as NeonResponsiveUtils,
-  at as NeonScrollUtils,
+  xr as NeonResponsive,
+  at as NeonResponsiveUtils,
+  nt as NeonScrollUtils,
   Vo as NeonSearch,
   jo as NeonSelect,
   Ko as NeonSelectableCard,
   Oo as NeonSideNav,
-  xr as NeonSize,
+  dr as NeonSize,
   Wo as NeonSkeletonLoader,
   Yo as NeonSlider,
   $o as NeonSplashLoader,
-  dr as NeonSplashLoaderSize,
+  ir as NeonSplashLoaderSize,
   ee as NeonStack,
-  ir as NeonState,
+  cr as NeonState,
   te as NeonStepper,
   fe as NeonSwiper,
   pe as NeonSwitch,
-  cr as NeonSwitchStyle,
+  Cr as NeonSwitchStyle,
   me as NeonTab,
   xe as NeonTabs,
   de as NeonToastContainer,
-  nt as NeonToastService,
+  lt as NeonToastService,
   ie as NeonToggle,
   ce as NeonToggleChip,
-  Cr as NeonToggleChipSize,
-  Pr as NeonToggleStyle,
+  Pr as NeonToggleChipSize,
+  Ur as NeonToggleStyle,
   Ce as NeonTooltip,
-  lt as NeonTooltipPlacementUtils,
-  br as NeonTooltipStyle,
+  Nt as NeonTooltipPlacementUtils,
+  Dr as NeonTooltipStyle,
   Pe as NeonTopNav,
-  be as NeonTreeMenu,
-  Lr as NeonVerticalPosition,
-  Nt as RegisterIcons,
-  Jr as fileToDataURL
+  Ue as NeonTreeMenu,
+  yr as NeonVerticalPosition,
+  st as RegisterIcons,
+  Zr as fileToDataURL
 };
 //# sourceMappingURL=neon.es.js.map

package/dist/neon.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"neon.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"neon.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/src/common/enums/NeonInputIndicatorStyle.d.ts

@@ -0,0 +1,10 @@
+export declare enum NeonInputIndicatorStyle {
+    /**
+     * Display input indicator INSIDE the adjacent input.
+     */
+    Internal = "internal",
+    /**
+     * Display input indicator OUTSIDE the adjacent input.
+     */
+    External = "external"
+}

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

@@ -1,5 +1,59 @@
+import { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';
+import { NeonInputIndicatorStyle } from '@/common/enums/NeonInputIndicatorStyle';
 /**
  * Used to compose a group of inputs, buttons and input indicators into a single component.
  */
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * The style of input indicators to use, either <em>internal</em> where the indicator is inside the adjoined input
+     * field or <em>external</em> where the indicator is external to the adjoining field separated by a border & not
+     * highlighted as part of the field.
+     */
+    indicatorStyle: {
+        type: () => NeonInputIndicatorStyle;
+        default: NeonInputIndicatorStyle;
+    };
+    /**
+     * The border highlight color when the indicator style is <em>internal</em>.
+     */
+    color: {
+        type: () => NeonFunctionalColor;
+        default: NeonFunctionalColor;
+    };
+    /**
+     * Use the disabled color styles when the indicator style is <em>internal</em>.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The style of input indicators to use, either <em>internal</em> where the indicator is inside the adjoined input
+     * field or <em>external</em> where the indicator is external to the adjoining field separated by a border & not
+     * highlighted as part of the field.
+     */
+    indicatorStyle: {
+        type: () => NeonInputIndicatorStyle;
+        default: NeonInputIndicatorStyle;
+    };
+    /**
+     * The border highlight color when the indicator style is <em>internal</em>.
+     */
+    color: {
+        type: () => NeonFunctionalColor;
+        default: NeonFunctionalColor;
+    };
+    /**
+     * Use the disabled color styles when the indicator style is <em>internal</em>.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    color: NeonFunctionalColor;
+    indicatorStyle: NeonInputIndicatorStyle;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -661,7 +661,37 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    NeonFieldGroup: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    NeonFieldGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        indicatorStyle: {
+            type: () => import("../../../neon").NeonInputIndicatorStyle;
+            default: import("../../../neon").NeonInputIndicatorStyle;
+        };
+        color: {
+            type: () => NeonFunctionalColor;
+            default: NeonFunctionalColor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        indicatorStyle: {
+            type: () => import("../../../neon").NeonInputIndicatorStyle;
+            default: import("../../../neon").NeonInputIndicatorStyle;
+        };
+        color: {
+            type: () => NeonFunctionalColor;
+            default: NeonFunctionalColor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        disabled: boolean;
+        color: NeonFunctionalColor;
+        indicatorStyle: import("../../../neon").NeonInputIndicatorStyle;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     NeonInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         id: {
             type: StringConstructor;

package/dist/src/neon.d.ts

@@ -74,6 +74,7 @@ export { NeonDropdownPlacement } from './common/enums/NeonDropdownPlacement';
 export { NeonDropdownStyle } from './common/enums/NeonDropdownStyle';
 export { NeonFunctionalColor } from './common/enums/NeonFunctionalColor';
 export { NeonHorizontalPosition } from './common/enums/NeonHorizontalPosition';
+export { NeonInputIndicatorStyle } from './common/enums/NeonInputIndicatorStyle';
 export { NeonInputMode } from './common/enums/NeonInputMode';
 export { NeonInputType } from './common/enums/NeonInputType';
 export { NeonLabelSize } from './common/enums/NeonLabelSize';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aotearoan/neon",
   "description": "Neon is a lightweight design library of Vue 3 components with minimal dependencies.",
-  "version": "22.4.1",
+  "version": "22.5.0",
   "main": "./dist/neon.cjs.js",
   "module": "./dist/neon.es.js",
   "types": "./dist/src/neon.d.ts",

package/src/sass/components/_field-group.scss

@@ -1,60 +1,147 @@
+@use '../includes/palettes';
+
 @mixin field-group {
   .neon-field-group {
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
 
-    & > *,
-    & > .neon-input,
-    & > .neon-select {
-      &,
-      & > input,
-      & .neon-button {
-        border-radius: 0;
-        min-height: 100%;
-      }
-
-      &:first-child {
+    &.neon-field-group--external {
+      & > *,
+      & > .neon-input,
+      & > .neon-select {
         &,
         & > input,
         & .neon-button {
-          border-top-left-radius: var(--neon-border-radius);
-          border-bottom-left-radius: var(--neon-border-radius);
+          border-radius: 0;
+          min-height: 100%;
+        }
+
+        &:first-child {
+          &,
+          & > input,
+          & .neon-button {
+            border-top-left-radius: var(--neon-border-radius-input);
+            border-bottom-left-radius: var(--neon-border-radius-input);
+          }
+        }
+
+        &:not(:first-child) {
+          &,
+          & > input,
+          & .neon-button {
+            &:not(:focus) {
+              border-left: none;
+            }
+          }
+
+          & > input,
+          & .neon-button {
+            &:focus {
+              margin-left: calc(-1 * var(--neon-border-width));
+              margin-right: calc(-1 * var(--neon-border-width));
+              width: calc(100% + 2 * var(--neon-border-width));
+            }
+          }
+        }
+
+        &:last-child {
+          &,
+          & > input,
+          & .neon-button {
+            border-top-right-radius: var(--neon-border-radius-input);
+            border-bottom-right-radius: var(--neon-border-radius-input);
+          }
         }
       }
 
-      &:not(:first-child) {
-        &,
-        & > input,
-        & .neon-button {
-          &:not(:focus) {
-            border-left: none;
+      & > .neon-input {
+        & > input:focus {
+          max-width: 100%;
+        }
+      }
+    }
+
+    &.neon-field-group--internal {
+      border: var(--neon-border-width-input) var(--neon-border-style) var(--neon-border-color-input);
+      border-radius: var(--neon-border-radius-input);
+
+      .neon-input-indicator {
+        background-color: var(--neon-background-color-input);
+
+        &:not(:last-child) {
+          .neon-input-indicator__label {
+            padding-right: 0;
+          }
+
+          .neon-input-indicator__icon {
+            min-width: 16rem;
+            margin-left: var(--neon-space-12);
+            width: 16rem;
+
+            svg {
+              width: 16rem;
+              min-width: 16rem;
+            }
           }
         }
+      }
 
-        & > input,
-        & .neon-button {
-          &:focus {
-            margin-left: calc(-1 * var(--neon-border-width));
-            margin-right: calc(-1 * var(--neon-border-width));
-            width: calc(100% + 2 * var(--neon-border-width));
+      @each $color in palettes.$neon-functional-colors {
+        &.neon-field-group--#{$color} {
+          &:focus-within {
+            border-color: var(--neon-color-#{$color});
+
+            .neon-input-indicator {
+              background-color: rgba(var(--neon-rgb-#{$color}), var(--neon-opacity-input-background-active));
+            }
           }
         }
       }
 
-      &:last-child {
+      &.neon-field-group--disabled {
+        border-color: var(--neon-color-disabled-border);
+
+        .neon-input-indicator {
+          background-color: var(--neon-color-disabled-background);
+
+        }
+      }
+
+      & > *,
+      & > .neon-input-indicator,
+      & > .neon-input {
         &,
-        & > input,
-        & .neon-button {
-          border-top-right-radius: var(--neon-border-radius);
-          border-bottom-right-radius: var(--neon-border-radius);
+        & > input {
+          border-radius: 0;
+          border: none;
+          min-height: 100%;
+        }
+      }
+
+      & > .neon-input {
+        & > input:focus {
+          max-width: 100%;
         }
       }
-    }
 
-    & > .neon-input {
-      & > input:focus {
-        max-width: 100%;
+      & > *,
+      & > .neon-input {
+        &:first-child {
+          &,
+          & > input {
+            border-top-left-radius: var(--neon-border-radius-input);
+            border-bottom-left-radius: var(--neon-border-radius-input);
+          }
+        }
+
+        &:last-child {
+          &,
+          & > input {
+            border-top-right-radius: var(--neon-border-radius-input);
+            border-bottom-right-radius: var(--neon-border-radius-input);
+          }
+        }
       }
     }
   }

package/src/sass/components/_input-indicator.scss

@@ -20,13 +20,16 @@
       display: flex;
       align-items: center;
       justify-content: center;
+      font-weight: var(--neon-font-weight-input-indicator);
+      padding-left: var(--neon-space-12);
+      padding-right: var(--neon-space-12);
     }
 
     &--s {
       height: var(--neon-size-s);
 
       .neon-input-indicator__label {
-        @include layout.padding-horizontal(0.33, 0.33);
+        font-size: var(--neon-font-size-input-indicator-s);
       }
 
       .neon-input-indicator__label,
@@ -35,8 +38,8 @@
       }
 
       .neon-icon {
-        width: var(--neon-font-size-m);
-        height: var(--neon-font-size-m);
+        width: var(--neon-font-size-input-indicator-s);
+        height: var(--neon-font-size-input-indicator-s);
       }
     }
 
@@ -44,7 +47,7 @@
       height: var(--neon-size-m);
 
       .neon-input-indicator__label {
-        @include layout.padding-horizontal(0.5, 0.5);
+        font-size: var(--neon-font-size-input-indicator-m);
       }
 
       .neon-input-indicator__label,
@@ -53,8 +56,8 @@
       }
 
       .neon-icon {
-        width: var(--neon-font-size-l);
-        height: var(--neon-font-size-l);
+        width: var(--neon-font-size-input-indicator-m);
+        height: var(--neon-font-size-input-indicator-m);
       }
     }
 
@@ -62,7 +65,7 @@
       height: var(--neon-size-l);
 
       .neon-input-indicator__label {
-        @include layout.padding-horizontal(0.5, 0.5);
+        font-size: var(--neon-font-size-input-indicator-l);
       }
 
       .neon-input-indicator__label,
@@ -71,8 +74,8 @@
       }
 
       .neon-icon {
-        width: var(--neon-font-size-l);
-        height: var(--neon-font-size-l);
+        width: var(--neon-font-size-input-indicator-l);
+        height: var(--neon-font-size-input-indicator-l);
       }
     }
 
@@ -80,6 +83,7 @@
       border: var(--neon-border-width) var(--neon-border-style) var(--neon-color-disabled-border);
       background-color: var(--neon-color-disabled-background);
       color: var(--neon-color-disabled-text);
+      cursor: not-allowed;
     }
   }
 }

package/src/sass/components/_input.scss

@@ -1,9 +1,9 @@
 @use '../includes/palettes';
 
-@mixin input-size($size, $font-size) {
+@mixin input-size($size) {
   .neon-input__text,
   .neon-input__textarea {
-    font-size: var(--neon-font-size-#{$font-size});
+    font-size: var(--neon-font-size-input-#{$size});
   }
 
   .neon-input__text {
@@ -19,31 +19,32 @@
       position: absolute;
 
       @if ($size == 's') {
-        width: calc(var(--neon-size-#{$size}) - var(--neon-space-10));
-        height: calc(var(--neon-size-#{$size}) - var(--neon-space-10));
-        top: calc(1.25 * var(--neon-space-4));
-        right: calc(1.25 * var(--neon-space-4));
+        width: calc(var(--neon-size-#{$size}) - 2.5 * var(--neon-base-space));
+        height: calc(var(--neon-size-#{$size}) - 2.5 * var(--neon-base-space));
+        top: calc(1.25 * var(--neon-base-space));
+        right: calc(1.25 * var(--neon-base-space));
 
-        padding: var(--neon-space-2);
+        padding: calc(0.5 * var(--neon-base-space));
         &.neon-icon--name-close {
-          padding: var(--neon-space-4);
+          padding: var(--neon-base-space);
         }
       } @else {
-        width: calc(var(--neon-size-#{$size}) - var(--neon-space-12));
-        height: calc(var(--neon-size-#{$size}) - var(--neon-space-12));
-        top: var(--neon-space-6);
-        right: var(--neon-space-6);
+        width: calc(var(--neon-size-#{$size}) - 3 * var(--neon-base-space));
+        height: calc(var(--neon-size-#{$size}) - 3 * var(--neon-base-space));
+        top: calc(1.5 * var(--neon-base-space));
+        right: calc(1.5 * var(--neon-base-space));
 
-        padding: var(--neon-space-4);
+        padding: calc(1 * var(--neon-base-space));
 
         &.neon-icon--name-close {
           @if ($size == 'l') {
-            padding: calc(2.25 * var(--neon-space-4));
+            padding: calc(2.25 * var(--neon-base-space));
           } @else {
-            padding: calc(1.5 * var(--neon-space-4));
+            padding: calc(1.5 * var(--neon-base-space));
           }
         }
       }
+
       cursor: default;
       border-radius: 50%;
 
@@ -63,10 +64,14 @@
 @mixin input {
   .neon-input {
     width: 100%;
-    position: relative;
+
+    &,
+    &__textarea,
+    &__textarea-wrapper {
+      position: relative;
+    }
 
     @each $color in palettes.$neon-functional-colors {
-      $input-rgb: var(--neon-rgb-#{$color});
       &.neon-input--#{$color} {
         &.neon-input--focused {
           .neon-input__text,
@@ -109,23 +114,23 @@
     }
 
     &--s {
-      @include input-size('s', 's');
+      @include input-size('s');
     }
 
     &--m {
-      @include input-size('m', 'm');
+      @include input-size('m');
     }
 
     &--l {
-      @include input-size('l', 'm');
+      @include input-size('l');
     }
 
     &__text,
     &__textarea {
       border-radius: var(--neon-border-radius-input);
       border: var(--neon-border-width-input) var(--neon-border-style);
-      padding: var(--neon-space-4) var(--neon-space-10);
-      line-height: var(--neon-line-height-one);
+      padding: var(--neon-base-space) calc(2 * var(--neon-base-space));
+      line-height: var(--neon-line-height-input);
       outline: none;
       font-family: var(--neon-font-family-body);
       width: 100%;
@@ -133,21 +138,24 @@
       color: var(--neon-color-input);
       background-color: var(--neon-background-color-input);
       box-shadow: var(--neon-inset-shadow);
+      font-weight: var(--neon-font-weight-input);
 
       &::placeholder {
         font-family: var(--neon-font-family-body);
-        letter-spacing: var(--neon-letter-spacing-s);
+        font-size: var(--neon-font-size-placeholder);
+        font-style: var(--neon-font-style-placeholder);
+        font-weight: var(--neon-font-weight-placeholder);
         color: var(--neon-color-placeholder);
       }
 
       &-counter {
-        position: absolute;
-        bottom: var(--neon-space-8);
-        right: var(--neon-space-8);
+        align-self: flex-end;
         user-select: none;
-        font-size: var(--neon-font-size-s);
+        font-size: var(--neon-font-size-xs);
+        font-weight: var(--neon-font-weight-normal);
         letter-spacing: var(--neon-letter-spacing-s);
-        color: var(--neon-color-placeholder);
+        color: var(--neon-color-text-tertiary);
+        margin-bottom: var(--neon-space-4);
       }
     }
 

package/src/sass/variables.scss

@@ -319,8 +319,23 @@
   /* input */
   --neon-border-radius-input: var(--neon-border-radius);
   --neon-border-width-input: var(--neon-border-width);
+  --neon-font-size-placeholder: var(--neon-font-size-s);
+  --neon-font-style-placeholder: italic;
+  --neon-font-weight-placeholder: var(--neon-font-weight-normal);
+  --neon-font-weight-input: var(--neon-font-weight-normal);
+  --neon-line-height-input: var(--neon-line-height-ratio-large);
   --neon-opacity-input-background-active: 0.03125;
 
+  --neon-font-size-input-s: var(--neon-font-size-s);
+  --neon-font-size-input-m: var(--neon-font-size-m);
+  --neon-font-size-input-l: var(--neon-font-size-m);
+
+  /* input indicator */
+  --neon-font-size-input-indicator-s: var(--neon-font-size-s);
+  --neon-font-size-input-indicator-m: var(--neon-font-size-m);
+  --neon-font-size-input-indicator-l: var(--neon-font-size-m);
+  --neon-font-weight-input-indicator: var(--neon-font-weight-normal);
+
   /* skeleton loader */
   --neon-border-radius-skeleton-loader: 0rem;
   --neon-height-skeleton-loader: var(--neon-size-m);
@@ -655,7 +670,7 @@
 
     /* input indicators */
     --neon-background-color-input-indicator: var(--neon-background-color-input);
-    --neon-color-input-indicator: var(--neon-color-neutral);
+    --neon-color-input-indicator: var(--neon-color-text-tertiary);
 
     /* stepper */
     --neon-color-stepper-indicator: var(--neon-color-inverse);
@@ -969,7 +984,7 @@
 
     /* input indicators */
     --neon-background-color-input-indicator: var(--neon-background-color-input);
-    --neon-color-input-indicator: var(--neon-color-neutral);
+    --neon-color-input-indicator: var(--neon-color-text-tertiary);
 
     /* stepper */
     --neon-color-stepper-indicator: var(--neon-color-high-contrast-l5);