@aotearoan/neon 28.1.0 → 28.1.1

package/dist/components/user-input/field/NeonField.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("../../../model/common/color/NeonFunctionalColor.cjs.js"),o=e.defineComponent({name:"NeonField",props:{label:{type:String,required:!0},labelFor:{type:String,default:null},optional:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},optionalLabel:{type:String,default:"Optional"},noMessage:{type:Boolean,default:!1},message:{type:String,default:""},messageColor:{type:String,default:t.NeonFunctionalColor.LowContrast}}});module.exports=o;
+"use strict";const e=require("vue"),t=require("../../../model/common/color/NeonFunctionalColor.cjs.js"),o=e.defineComponent({name:"NeonField",props:{label:{type:String},labelFor:{type:String,default:null},optional:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},optionalLabel:{type:String,default:"Optional"},noMessage:{type:Boolean,default:!1},message:{type:String,default:""},messageColor:{type:String,default:t.NeonFunctionalColor.LowContrast}}});module.exports=o;
 //# sourceMappingURL=NeonField.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NeonField.cjs.js","sources":["../../../../src/components/user-input/field/NeonField.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\n\n/**\n * An HTML label implementation supporting optional labels. Use in the same way as an HTML label either wrapping the input\n * or using the label alongside the input.\n */\nexport default defineComponent({\n  name: 'NeonField',\n  props: {\n    /**\n     * The label text to render.\n     */\n    label: { type: String, required: true },\n    /**\n     * The equivalent of the <em>for</em> attribute on an HTML label.\n     */\n    labelFor: { type: String, default: null },\n    /**\n     * Display an \"optional\" indicator with the label.\n     */\n    optional: { type: Boolean, default: false },\n    /**\n     * Display label with disabled state.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * The default \"optional\" label text.\n     */\n    optionalLabel: { type: String, default: 'Optional' },\n    /**\n     * Remove empty message space below input. By default, a blank message will be displayed below each input which\n     * helps simplify form layouts.\n     */\n    noMessage: { type: Boolean, default: false },\n    /**\n     * Message to display below the input field.\n     */\n    message: { type: String, default: '' },\n    /**\n     * The color of message displayed under input. Can be any functional color.\n     */\n    messageColor: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonFunctionalColor"],"mappings":"wGAOAA,EAAeC,kBAAgB,CAC7B,KAAM,YACN,MAAO,CAIL,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAA,EAIjC,SAAU,CAAE,KAAM,OAAQ,QAAS,IAAA,EAInC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,cAAe,CAAE,KAAM,OAAQ,QAAS,UAAA,EAKxC,UAAW,CAAE,KAAM,QAAS,QAAS,EAAA,EAIrC,QAAS,CAAE,KAAM,OAAQ,QAAS,EAAA,EAIlC,aAAc,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAA,CAAY,CAExG,CAAC"}
+{"version":3,"file":"NeonField.cjs.js","sources":["../../../../src/components/user-input/field/NeonField.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\n\n/**\n * An HTML label implementation supporting optional labels. Use in the same way as an HTML label either wrapping the input\n * or using the label alongside the input.\n */\nexport default defineComponent({\n  name: 'NeonField',\n  props: {\n    /**\n     * The label text to render.\n     */\n    label: { type: String },\n    /**\n     * The equivalent of the <em>for</em> attribute on an HTML label.\n     */\n    labelFor: { type: String, default: null },\n    /**\n     * Display an \"optional\" indicator with the label.\n     */\n    optional: { type: Boolean, default: false },\n    /**\n     * Display label with disabled state.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * The default \"optional\" label text.\n     */\n    optionalLabel: { type: String, default: 'Optional' },\n    /**\n     * Remove empty message space below input. By default, a blank message will be displayed below each input which\n     * helps simplify form layouts.\n     */\n    noMessage: { type: Boolean, default: false },\n    /**\n     * Message to display below the input field.\n     */\n    message: { type: String, default: '' },\n    /**\n     * The color of message displayed under input. Can be any functional color.\n     */\n    messageColor: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonFunctionalColor"],"mappings":"wGAOAA,EAAeC,kBAAgB,CAC7B,KAAM,YACN,MAAO,CAIL,MAAO,CAAE,KAAM,MAAA,EAIf,SAAU,CAAE,KAAM,OAAQ,QAAS,IAAA,EAInC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,cAAe,CAAE,KAAM,OAAQ,QAAS,UAAA,EAKxC,UAAW,CAAE,KAAM,QAAS,QAAS,EAAA,EAIrC,QAAS,CAAE,KAAM,OAAQ,QAAS,EAAA,EAIlC,aAAc,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAA,CAAY,CAExG,CAAC"}

package/dist/components/user-input/field/NeonField.es.js

@@ -6,7 +6,7 @@ const l = e({
     /**
      * The label text to render.
      */
-    label: { type: String, required: !0 },
+    label: { type: String },
     /**
      * The equivalent of the <em>for</em> attribute on an HTML label.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"NeonField.es.js","sources":["../../../../src/components/user-input/field/NeonField.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\n\n/**\n * An HTML label implementation supporting optional labels. Use in the same way as an HTML label either wrapping the input\n * or using the label alongside the input.\n */\nexport default defineComponent({\n  name: 'NeonField',\n  props: {\n    /**\n     * The label text to render.\n     */\n    label: { type: String, required: true },\n    /**\n     * The equivalent of the <em>for</em> attribute on an HTML label.\n     */\n    labelFor: { type: String, default: null },\n    /**\n     * Display an \"optional\" indicator with the label.\n     */\n    optional: { type: Boolean, default: false },\n    /**\n     * Display label with disabled state.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * The default \"optional\" label text.\n     */\n    optionalLabel: { type: String, default: 'Optional' },\n    /**\n     * Remove empty message space below input. By default, a blank message will be displayed below each input which\n     * helps simplify form layouts.\n     */\n    noMessage: { type: Boolean, default: false },\n    /**\n     * Message to display below the input field.\n     */\n    message: { type: String, default: '' },\n    /**\n     * The color of message displayed under input. Can be any functional color.\n     */\n    messageColor: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonFunctionalColor"],"mappings":";;AAOA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIjC,UAAU,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAInC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,eAAe,EAAE,MAAM,QAAQ,SAAS,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxC,WAAW,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIrC,SAAS,EAAE,MAAM,QAAQ,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIlC,cAAc,EAAE,MAAM,QAAqC,SAASC,EAAoB,YAAA;AAAA,EAAY;AAExG,CAAC;"}
+{"version":3,"file":"NeonField.es.js","sources":["../../../../src/components/user-input/field/NeonField.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\n\n/**\n * An HTML label implementation supporting optional labels. Use in the same way as an HTML label either wrapping the input\n * or using the label alongside the input.\n */\nexport default defineComponent({\n  name: 'NeonField',\n  props: {\n    /**\n     * The label text to render.\n     */\n    label: { type: String },\n    /**\n     * The equivalent of the <em>for</em> attribute on an HTML label.\n     */\n    labelFor: { type: String, default: null },\n    /**\n     * Display an \"optional\" indicator with the label.\n     */\n    optional: { type: Boolean, default: false },\n    /**\n     * Display label with disabled state.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * The default \"optional\" label text.\n     */\n    optionalLabel: { type: String, default: 'Optional' },\n    /**\n     * Remove empty message space below input. By default, a blank message will be displayed below each input which\n     * helps simplify form layouts.\n     */\n    noMessage: { type: Boolean, default: false },\n    /**\n     * Message to display below the input field.\n     */\n    message: { type: String, default: '' },\n    /**\n     * The color of message displayed under input. Can be any functional color.\n     */\n    messageColor: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonFunctionalColor"],"mappings":";;AAOA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO,EAAE,MAAM,OAAA;AAAA;AAAA;AAAA;AAAA,IAIf,UAAU,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAInC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,eAAe,EAAE,MAAM,QAAQ,SAAS,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxC,WAAW,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIrC,SAAS,EAAE,MAAM,QAAQ,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIlC,cAAc,EAAE,MAAM,QAAqC,SAASC,EAAoB,YAAA;AAAA,EAAY;AAExG,CAAC;"}

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

@@ -1,2 +1,2 @@
-"use strict";const l=require("./NeonField.cjs.js"),e=require("vue"),s=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),t={class:"neon-field__label-wrapper"},a=["for"],r={key:0,class:"neon-field__optional"},i={class:"neon-field__contents"};function d(o,n,c,_,m,f){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"neon-field--optional":o.optional,"neon-field--disabled":o.disabled,"neon-field--with-message":!o.noMessage},"neon-field"])},[e.createElementVNode("span",t,[e.createElementVNode("label",{for:o.labelFor,class:"neon-field__label"},e.toDisplayString(o.label),9,a),o.optional?(e.openBlock(),e.createElementBlock("span",r,e.toDisplayString(o.optionalLabel),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",i,[e.renderSlot(o.$slots,"default"),o.noMessage?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([`neon-color-${o.messageColor}`,"neon-field__message"]),onClick:n[0]||(n[0]=e.withModifiers(()=>{},["prevent","stop"]))},e.toDisplayString(o.message),3))])],2)}const p=s(l,[["render",d]]);module.exports=p;
+"use strict";const l=require("./NeonField.cjs.js"),e=require("vue"),s=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),t={class:"neon-field__label-wrapper"},a=["for"],r={key:1,class:"neon-field__optional"},i={class:"neon-field__contents"};function d(o,n,c,m,_,u){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"neon-field--optional":o.optional,"neon-field--disabled":o.disabled,"neon-field--with-message":!o.noMessage},"neon-field"])},[e.createElementVNode("span",t,[o.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:o.labelFor,class:"neon-field__label"},e.toDisplayString(o.label),9,a)):e.createCommentVNode("",!0),o.optional?(e.openBlock(),e.createElementBlock("span",r,e.toDisplayString(o.optionalLabel),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",i,[e.renderSlot(o.$slots,"default"),o.noMessage?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([`neon-color-${o.messageColor}`,"neon-field__message"]),onClick:n[0]||(n[0]=e.withModifiers(()=>{},["prevent","stop"]))},e.toDisplayString(o.message),3))])],2)}const p=s(l,[["render",d]]);module.exports=p;
 //# sourceMappingURL=NeonField.vue.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NeonField.vue.cjs.js","sources":["../../../../src/components/user-input/field/NeonField.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"{\n      'neon-field--optional': optional,\n      'neon-field--disabled': disabled,\n      'neon-field--with-message': !noMessage,\n    }\"\n    class=\"neon-field\"\n  >\n    <span class=\"neon-field__label-wrapper\">\n      <label :for=\"labelFor\" class=\"neon-field__label\">{{ label }}</label>\n      <span v-if=\"optional\" class=\"neon-field__optional\">{{ optionalLabel }}</span>\n    </span>\n    <div class=\"neon-field__contents\">\n      <!-- @slot optionally wrap the field with the label -->\n      <slot></slot>\n      <span v-if=\"!noMessage\" :class=\"`neon-color-${messageColor}`\" class=\"neon-field__message\" @click.prevent.stop=\"\">\n        {{ message }}\n      </span>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonField.ts\"></script>\n"],"names":["_hoisted_1","_hoisted_4","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_renderSlot"],"mappings":"oIASUA,EAAA,CAAA,MAAM,2BAA2B,qBAEf,MAAM,wBAEzBC,EAAA,CAAA,MAAM,sBAAsB,+CAZnCC,EAAAA,mBAmBM,MAAA,CAlBH,MAAKC,EAAAA,eAAA,CAAA,wBAAkCC,EAAA,gCAAwCA,EAAA,qCAA6CA,EAAA,WAKvH,YAAY,CAAA,IAElBC,EAAAA,mBAGO,OAHPL,EAGO,CAFLK,EAAAA,mBAAoE,QAAA,CAA5D,IAAKD,EAAA,SAAU,MAAM,uCAAuBA,EAAA,KAAK,EAAA,EAAAE,CAAA,EAC7CF,EAAA,wBAAZF,EAAAA,mBAA6E,OAA7EK,EAA6EC,EAAAA,gBAAvBJ,EAAA,aAAa,EAAA,CAAA,iCAErEC,EAAAA,mBAMM,MANNJ,EAMM,CAJJQ,aAAaL,EAAA,OAAA,SAAA,EACAA,EAAA,qDAAbF,EAAAA,mBAEO,OAAA,OAFkB,MAAKC,EAAAA,eAAA,CAAA,cAAgBC,EAAA,YAAY,GAAU,qBAAqB,CAAA,EAAE,oCAAD,IAAA,CAAA,EAAsB,CAAA,UAAA,MAAA,CAAA,sBAC3GA,EAAA,OAAO,EAAA,CAAA"}
+{"version":3,"file":"NeonField.vue.cjs.js","sources":["../../../../src/components/user-input/field/NeonField.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"{\n      'neon-field--optional': optional,\n      'neon-field--disabled': disabled,\n      'neon-field--with-message': !noMessage,\n    }\"\n    class=\"neon-field\"\n  >\n    <span class=\"neon-field__label-wrapper\">\n      <label v-if=\"label\" :for=\"labelFor\" class=\"neon-field__label\">{{ label }}</label>\n      <span v-if=\"optional\" class=\"neon-field__optional\">{{ optionalLabel }}</span>\n    </span>\n    <div class=\"neon-field__contents\">\n      <!-- @slot optionally wrap the field with the label -->\n      <slot></slot>\n      <span v-if=\"!noMessage\" :class=\"`neon-color-${messageColor}`\" class=\"neon-field__message\" @click.prevent.stop=\"\">\n        {{ message }}\n      </span>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonField.ts\"></script>\n"],"names":["_hoisted_1","_hoisted_4","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_renderSlot"],"mappings":"oIASUA,EAAA,CAAA,MAAM,2BAA2B,qBAEf,MAAM,wBAEzBC,EAAA,CAAA,MAAM,sBAAsB,+CAZnCC,EAAAA,mBAmBM,MAAA,CAlBH,MAAKC,EAAAA,eAAA,CAAA,wBAAkCC,EAAA,gCAAwCA,EAAA,qCAA6CA,EAAA,WAKvH,YAAY,CAAA,IAElBC,EAAAA,mBAGO,OAHPL,EAGO,CAFQI,EAAA,qBAAbF,EAAAA,mBAAiF,QAAA,OAA5D,IAAKE,EAAA,SAAU,MAAM,uCAAuBA,EAAA,KAAK,EAAA,EAAAE,CAAA,+BAC1DF,EAAA,wBAAZF,EAAAA,mBAA6E,OAA7EK,EAA6EC,EAAAA,gBAAvBJ,EAAA,aAAa,EAAA,CAAA,iCAErEC,EAAAA,mBAMM,MANNJ,EAMM,CAJJQ,aAAaL,EAAA,OAAA,SAAA,EACAA,EAAA,qDAAbF,EAAAA,mBAEO,OAAA,OAFkB,MAAKC,EAAAA,eAAA,CAAA,cAAgBC,EAAA,YAAY,GAAU,qBAAqB,CAAA,EAAE,oCAAD,IAAA,CAAA,EAAsB,CAAA,UAAA,MAAA,CAAA,sBAC3GA,EAAA,OAAO,EAAA,CAAA"}

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

@@ -1,11 +1,11 @@
-import r from "./NeonField.es.js";
-import { openBlock as o, createElementBlock as n, normalizeClass as i, createElementVNode as s, toDisplayString as l, createCommentVNode as t, renderSlot as d, withModifiers as p } from "vue";
+import t from "./NeonField.es.js";
+import { openBlock as o, createElementBlock as n, normalizeClass as i, createElementVNode as r, toDisplayString as s, createCommentVNode as l, renderSlot as d, withModifiers as p } from "vue";
 import f from "../../../_virtual/_plugin-vue_export-helper.es.js";
 const m = { class: "neon-field__label-wrapper" }, _ = ["for"], c = {
-  key: 0,
+  key: 1,
   class: "neon-field__optional"
 }, b = { class: "neon-field__contents" };
-function g(e, a, u, $, h, k) {
+function u(e, a, g, k, $, h) {
   return o(), n("div", {
     class: i([{
       "neon-field--optional": e.optional,
@@ -13,26 +13,27 @@ function g(e, a, u, $, h, k) {
       "neon-field--with-message": !e.noMessage
     }, "neon-field"])
   }, [
-    s("span", m, [
-      s("label", {
+    r("span", m, [
+      e.label ? (o(), n("label", {
+        key: 0,
         for: e.labelFor,
         class: "neon-field__label"
-      }, l(e.label), 9, _),
-      e.optional ? (o(), n("span", c, l(e.optionalLabel), 1)) : t("", !0)
+      }, s(e.label), 9, _)) : l("", !0),
+      e.optional ? (o(), n("span", c, s(e.optionalLabel), 1)) : l("", !0)
     ]),
-    s("div", b, [
+    r("div", b, [
       d(e.$slots, "default"),
-      e.noMessage ? t("", !0) : (o(), n("span", {
+      e.noMessage ? l("", !0) : (o(), n("span", {
         key: 0,
         class: i([`neon-color-${e.messageColor}`, "neon-field__message"]),
         onClick: a[0] || (a[0] = p(() => {
         }, ["prevent", "stop"]))
-      }, l(e.message), 3))
+      }, s(e.message), 3))
     ])
   ], 2);
 }
-const y = /* @__PURE__ */ f(r, [["render", g]]);
+const w = /* @__PURE__ */ f(t, [["render", u]]);
 export {
-  y as default
+  w as default
 };
 //# sourceMappingURL=NeonField.vue.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NeonField.vue.es.js","sources":["../../../../src/components/user-input/field/NeonField.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"{\n      'neon-field--optional': optional,\n      'neon-field--disabled': disabled,\n      'neon-field--with-message': !noMessage,\n    }\"\n    class=\"neon-field\"\n  >\n    <span class=\"neon-field__label-wrapper\">\n      <label :for=\"labelFor\" class=\"neon-field__label\">{{ label }}</label>\n      <span v-if=\"optional\" class=\"neon-field__optional\">{{ optionalLabel }}</span>\n    </span>\n    <div class=\"neon-field__contents\">\n      <!-- @slot optionally wrap the field with the label -->\n      <slot></slot>\n      <span v-if=\"!noMessage\" :class=\"`neon-color-${messageColor}`\" class=\"neon-field__message\" @click.prevent.stop=\"\">\n        {{ message }}\n      </span>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonField.ts\"></script>\n"],"names":["_hoisted_1","_hoisted_4","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_renderSlot"],"mappings":";;;AASU,MAAAA,IAAA,EAAA,OAAM,4BAA2B;;EAEf,OAAM;GAEzBC,IAAA,EAAA,OAAM,uBAAsB;;cAZnCC,EAmBM,OAAA;AAAA,IAlBH,OAAKC,EAAA,CAAA;AAAA,8BAAkCC,EAAA;AAAA,8BAAwCA,EAAA;AAAA,mCAA6CA,EAAA;AAAA,OAKvH,YAAY,CAAA;AAAA;IAElBC,EAGO,QAHPL,GAGO;AAAA,MAFLK,EAAoE,SAAA;AAAA,QAA5D,KAAKD,EAAA;AAAA,QAAU,OAAM;AAAA,WAAuBA,EAAA,KAAK,GAAA,GAAAE,CAAA;AAAA,MAC7CF,EAAA,iBAAZF,EAA6E,QAA7EK,GAA6EC,EAAvBJ,EAAA,aAAa,GAAA,CAAA;;IAErEC,EAMM,OANNJ,GAMM;AAAA,MAJJQ,EAAaL,EAAA,QAAA,SAAA;AAAA,MACAA,EAAA,8BAAbF,EAEO,QAAA;AAAA;QAFkB,OAAKC,EAAA,CAAA,cAAgBC,EAAA,YAAY,IAAU,qBAAqB,CAAA;AAAA,QAAE,2BAAD,MAAA;AAAA,QAAA,GAAsB,CAAA,WAAA,MAAA,CAAA;AAAA,WAC3GA,EAAA,OAAO,GAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"NeonField.vue.es.js","sources":["../../../../src/components/user-input/field/NeonField.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"{\n      'neon-field--optional': optional,\n      'neon-field--disabled': disabled,\n      'neon-field--with-message': !noMessage,\n    }\"\n    class=\"neon-field\"\n  >\n    <span class=\"neon-field__label-wrapper\">\n      <label v-if=\"label\" :for=\"labelFor\" class=\"neon-field__label\">{{ label }}</label>\n      <span v-if=\"optional\" class=\"neon-field__optional\">{{ optionalLabel }}</span>\n    </span>\n    <div class=\"neon-field__contents\">\n      <!-- @slot optionally wrap the field with the label -->\n      <slot></slot>\n      <span v-if=\"!noMessage\" :class=\"`neon-color-${messageColor}`\" class=\"neon-field__message\" @click.prevent.stop=\"\">\n        {{ message }}\n      </span>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonField.ts\"></script>\n"],"names":["_hoisted_1","_hoisted_4","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_renderSlot"],"mappings":";;;AASU,MAAAA,IAAA,EAAA,OAAM,4BAA2B;;EAEf,OAAM;GAEzBC,IAAA,EAAA,OAAM,uBAAsB;;cAZnCC,EAmBM,OAAA;AAAA,IAlBH,OAAKC,EAAA,CAAA;AAAA,8BAAkCC,EAAA;AAAA,8BAAwCA,EAAA;AAAA,mCAA6CA,EAAA;AAAA,OAKvH,YAAY,CAAA;AAAA;IAElBC,EAGO,QAHPL,GAGO;AAAA,MAFQI,EAAA,cAAbF,EAAiF,SAAA;AAAA;QAA5D,KAAKE,EAAA;AAAA,QAAU,OAAM;AAAA,WAAuBA,EAAA,KAAK,GAAA,GAAAE,CAAA;MAC1DF,EAAA,iBAAZF,EAA6E,QAA7EK,GAA6EC,EAAvBJ,EAAA,aAAa,GAAA,CAAA;;IAErEC,EAMM,OANNJ,GAMM;AAAA,MAJJQ,EAAaL,EAAA,QAAA,SAAA;AAAA,MACAA,EAAA,8BAAbF,EAEO,QAAA;AAAA;QAFkB,OAAKC,EAAA,CAAA,cAAgBC,EAAA,YAAY,IAAU,qBAAqB,CAAA;AAAA,QAAE,2BAAD,MAAA;AAAA,QAAA,GAAsB,CAAA,WAAA,MAAA,CAAA;AAAA,WAC3GA,EAAA,OAAO,GAAA,CAAA;AAAA;;;;"}

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

@@ -9,7 +9,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
      */
     label: {
         type: StringConstructor;
-        required: true;
     };
     /**
      * The equivalent of the <em>for</em> attribute on an HTML label.
@@ -67,7 +66,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
      */
     label: {
         type: StringConstructor;
-        required: true;
     };
     /**
      * The equivalent of the <em>for</em> attribute on an HTML label.

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": "28.1.0",
+  "version": "28.1.1",
   "main": "./dist/neon.cjs.js",
   "module": "./dist/neon.es.js",
   "types": "./dist/src/neon.d.ts",

package/src/sass/components/_header.scss

@@ -27,7 +27,7 @@
     }
 
     &__subtitle {
-      font-size: 15rem; // TODO: discuss with design team as this is not consistent with the typography scale}
+      font-size: var(--neon-font-size-m);
       white-space: nowrap;
     }
 

package/src/sass/components/_input.scss

@@ -34,7 +34,11 @@
         top: calc(1.5 * var(--neon-base-space));
         right: calc(1.5 * var(--neon-base-space));
 
-        padding: calc(1 * var(--neon-base-space));
+        @if ($size == 'l') {
+          padding: calc(2.25 * var(--neon-base-space));
+        } @else {
+          padding: calc(1 * var(--neon-base-space));
+        }
 
         &.neon-icon--name-close {
           @if ($size == 'l') {

package/src/sass/variables-global.scss

@@ -224,12 +224,12 @@
   --neon-z-index-top: 9999;
 
   /**
- * The default font size for the page, this is responsive & scales up to 17rem at the mobile large breakpoint.
- */
+   * The default font size for the page.
+   */
   --neon-base-font-size: 16rem;
   /**
-     * Typography scale multiplier (See <a href="https://type-scale.com/">Major second</a>)
-     */
+   * Typography scale multiplier (See <a href="https://type-scale.com/">Major second</a>)
+   */
   --neon-typography-scale: 1.225;
   /**
    * The base typography bottom margin unit used in the typography scale (H*)
@@ -253,11 +253,6 @@
    */
   --neon-font-size-m: var(--neon-base-font-size);
 
-  @include responsive.responsive(mobile-large) {
-    --neon-font-size-m: 17rem;
-    --neon-base-font-size: 17rem;
-  }
-
   /**
    * The large font size
    */