@aotearoan/neon 27.0.2 → 27.0.3

package/dist/components/user-input/button/NeonButton.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./NeonButton.cjs.js"),n=require("vue"),a=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),d={key:1,class:"neon-button__label"},u=["disabled","tabindex","type"],b={key:1,class:"neon-button__label"};function p(e,o,y,k,m,B){const t=n.resolveComponent("neon-icon"),l=n.resolveComponent("neon-link"),s=n.resolveComponent("neon-expansion-indicator");return e.href?(n.openBlock(),n.createBlock(l,n.mergeProps({key:0,ref:"button",class:[e.classes,"neon-button"],href:e.href,tabindex:e.disabled?-1:0,"no-style":"","outline-style":"none",role:"button"},e.sanitizedAttributes,{onKeydown:n.withKeys(n.withModifiers(e.clickLink,["prevent"]),["space"])}),{default:n.withCtx(()=>[e.icon||e.state!=="ready"?(n.openBlock(),n.createBlock(t,{key:0,color:e.buttonStyle!=="solid"?e.color:void 0,disabled:e.disabled,inverse:e.buttonStyle==="solid"||e.inverse,name:e.iconName},null,8,["color","disabled","inverse","name"])):n.createCommentVNode("",!0),e.label?(n.openBlock(),n.createElementBlock("span",d,n.toDisplayString(e.label),1)):n.createCommentVNode("",!0)]),_:1},16,["class","href","tabindex","onKeydown"])):(n.openBlock(),n.createElementBlock("button",n.mergeProps({key:1,ref:"button",class:[e.classes,"neon-button"],disabled:e.disabled||e.state!=="ready",tabindex:e.disabled?-1:0,type:e.buttonType},e.sanitizedAttributes,{onClick:o[0]||(o[0]=(...i)=>e.clickButton&&e.clickButton(...i))}),[e.icon||e.state!=="ready"?(n.openBlock(),n.createBlock(t,{key:0,"aria-label":e.iconAriaLabel,color:e.buttonStyle!=="solid"?e.color:void 0,disabled:e.disabled,inverse:e.buttonStyle==="solid"||e.inverse,name:e.iconName},null,8,["aria-label","color","disabled","inverse","name"])):n.createCommentVNode("",!0),e.label||e.buttonStyle==="input"?(n.openBlock(),n.createElementBlock("span",b,n.toDisplayString(e.label||e.buttonStyle==="input"&&""),1)):n.createCommentVNode("",!0),e.indicator?(n.openBlock(),n.createBlock(s,{key:2,color:e.buttonStyle==="text"?e.color:"low-contrast",disabled:e.disabled,expanded:e.indicatorExpanded,inverse:e.buttonStyle==="solid"||e.inverse,class:"neon-button__indicator"},null,8,["color","disabled","expanded","inverse"])):n.createCommentVNode("",!0)],16,u))}const c=a(r,[["render",p]]);module.exports=c;
+"use strict";const a=require("./NeonButton.cjs.js"),n=require("vue"),r=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),d={key:1,class:"neon-button__label"},b=["disabled","tabindex","type"],u={key:1,class:"neon-button__label"};function p(e,o,y,k,m,B){const t=n.resolveComponent("neon-icon"),l=n.resolveComponent("neon-link"),s=n.resolveComponent("neon-expansion-indicator");return e.href?(n.openBlock(),n.createBlock(l,n.mergeProps({key:0,ref:"button",class:[e.classes,"neon-button"],disabled:e.disabled||e.state!=="ready",href:e.disabled?void 0:e.href,tabindex:e.disabled?-1:0,"no-style":"","outline-style":"none",role:"button"},e.sanitizedAttributes,{onKeydown:n.withKeys(n.withModifiers(e.clickLink,["prevent"]),["space"])}),{default:n.withCtx(()=>[e.icon||e.state!=="ready"?(n.openBlock(),n.createBlock(t,{key:0,color:e.buttonStyle!=="solid"?e.color:void 0,disabled:e.disabled,inverse:e.buttonStyle==="solid"||e.inverse,name:e.iconName},null,8,["color","disabled","inverse","name"])):n.createCommentVNode("",!0),e.label?(n.openBlock(),n.createElementBlock("span",d,n.toDisplayString(e.label),1)):n.createCommentVNode("",!0)]),_:1},16,["class","disabled","href","tabindex","onKeydown"])):(n.openBlock(),n.createElementBlock("button",n.mergeProps({key:1,ref:"button",class:[e.classes,"neon-button"],disabled:e.disabled||e.state!=="ready",tabindex:e.disabled?-1:0,type:e.buttonType},e.sanitizedAttributes,{onClick:o[0]||(o[0]=(...i)=>e.clickButton&&e.clickButton(...i))}),[e.icon||e.state!=="ready"?(n.openBlock(),n.createBlock(t,{key:0,"aria-label":e.iconAriaLabel,color:e.buttonStyle!=="solid"?e.color:void 0,disabled:e.disabled,inverse:e.buttonStyle==="solid"||e.inverse,name:e.iconName},null,8,["aria-label","color","disabled","inverse","name"])):n.createCommentVNode("",!0),e.label||e.buttonStyle==="input"?(n.openBlock(),n.createElementBlock("span",u,n.toDisplayString(e.label||e.buttonStyle==="input"&&""),1)):n.createCommentVNode("",!0),e.indicator?(n.openBlock(),n.createBlock(s,{key:2,color:e.buttonStyle==="text"?e.color:"low-contrast",disabled:e.disabled,expanded:e.indicatorExpanded,inverse:e.buttonStyle==="solid"||e.inverse,class:"neon-button__indicator"},null,8,["color","disabled","expanded","inverse"])):n.createCommentVNode("",!0)],16,b))}const c=r(a,[["render",p]]);module.exports=c;
 //# sourceMappingURL=NeonButton.vue.cjs.js.map

package/dist/components/user-input/button/NeonButton.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonButton.vue.cjs.js","sources":["../../../../src/components/user-input/button/NeonButton.vue"],"sourcesContent":["<template>\n  <neon-link\n    v-if=\"href\"\n    ref=\"button\"\n    :class=\"classes\"\n    :href=\"href\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    class=\"neon-button\"\n    no-style\n    outline-style=\"none\"\n    role=\"button\"\n    v-bind=\"sanitizedAttributes\"\n    @keydown.space.prevent=\"clickLink\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n  </neon-link>\n  <button\n    v-else\n    ref=\"button\"\n    :class=\"classes\"\n    :disabled=\"disabled || state !== 'ready'\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    :type=\"buttonType\"\n    class=\"neon-button\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"clickButton\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :aria-label=\"iconAriaLabel\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label || buttonStyle === 'input'\" class=\"neon-button__label\">\n      {{ label || (buttonStyle === 'input' && '') }}\n    </span>\n    <neon-expansion-indicator\n      v-if=\"indicator\"\n      :color=\"buttonStyle === 'text' ? color : 'low-contrast'\"\n      :disabled=\"disabled\"\n      :expanded=\"indicatorExpanded\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      class=\"neon-button__indicator\"\n    />\n  </button>\n</template>\n\n<script lang=\"ts\" src=\"./NeonButton.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_neon_link","_mergeProps","_component_neon_icon","_createElementBlock","_hoisted_1","_toDisplayString","args","_hoisted_3","_component_neon_expansion_indicator"],"mappings":"8IAqBuB,MAAM,gEAqBqB,MAAM,gLAxC9CA,EAAA,MADRC,EAAAA,YAAAC,EAAAA,YAqBYC,EArBZC,aAqBY,OAnBV,IAAI,SACH,MAAK,CAAEJ,EAAA,QAGF,aAAa,EAFlB,KAAMA,EAAA,KACN,SAAWA,EAAA,SAAQ,GAAA,EAEpB,WAAA,GACA,gBAAc,OACd,KAAK,UACGA,EAAA,oBAAmB,CAC1B,qCAAuBA,EAAA,UAAS,CAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,uBAEjC,IAME,CALMA,EAAA,MAAQA,EAAA,QAAK,uBADrBE,EAAAA,YAMEG,EAAA,OAJC,MAAOL,EAAA,cAAW,QAAeA,EAAA,MAAQ,OACzC,SAAUA,EAAA,SACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACpC,KAAMA,EAAA,qFAEGA,EAAA,qBAAZM,EAAAA,mBAAgE,OAAhEC,EAAgEC,EAAAA,gBAAfR,EAAA,KAAK,EAAA,CAAA,oFAExDC,EAAAA,YAAAK,EAAAA,mBA8BS,SA9BTF,aA8BS,OA5BP,IAAI,SACH,MAAK,CAAEJ,EAAA,QAIF,aAAa,EAHlB,SAAUA,EAAA,UAAYA,EAAA,QAAK,QAC3B,SAAWA,EAAA,SAAQ,GAAA,EACnB,KAAMA,EAAA,YAECA,EAAA,oBAAmB,CAC1B,4BAAOA,EAAA,aAAAA,EAAA,YAAA,GAAAS,CAAA,MAGAT,EAAA,MAAQA,EAAA,QAAK,uBADrBE,EAAAA,YAOEG,EAAA,OALC,aAAYL,EAAA,cACZ,MAAOA,EAAA,cAAW,QAAeA,EAAA,MAAQ,OACzC,SAAUA,EAAA,SACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACpC,KAAMA,EAAA,kGAEGA,EAAA,OAASA,EAAA,cAAW,SAAhCC,EAAAA,UAAA,EAAAK,EAAAA,mBAEO,OAFPI,EAEOF,EAAAA,gBADFR,EAAA,OAAUA,EAAA,cAAW,SAAA,EAAA,EAAA,CAAA,+BAGlBA,EAAA,yBADRE,EAAAA,YAOES,EAAA,OALC,MAAOX,EAAA,cAAW,OAAcA,EAAA,MAAK,eACrC,SAAUA,EAAA,SACV,SAAUA,EAAA,kBACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACrC,MAAM"}
+{"version":3,"file":"NeonButton.vue.cjs.js","sources":["../../../../src/components/user-input/button/NeonButton.vue"],"sourcesContent":["<template>\n  <neon-link\n    v-if=\"href\"\n    ref=\"button\"\n    :class=\"classes\"\n    :disabled=\"disabled || state !== 'ready'\"\n    :href=\"disabled ? void 0 : href\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    class=\"neon-button\"\n    no-style\n    outline-style=\"none\"\n    role=\"button\"\n    v-bind=\"sanitizedAttributes\"\n    @keydown.space.prevent=\"clickLink\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n  </neon-link>\n  <button\n    v-else\n    ref=\"button\"\n    :class=\"classes\"\n    :disabled=\"disabled || state !== 'ready'\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    :type=\"buttonType\"\n    class=\"neon-button\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"clickButton\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :aria-label=\"iconAriaLabel\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label || buttonStyle === 'input'\" class=\"neon-button__label\">\n      {{ label || (buttonStyle === 'input' && '') }}\n    </span>\n    <neon-expansion-indicator\n      v-if=\"indicator\"\n      :color=\"buttonStyle === 'text' ? color : 'low-contrast'\"\n      :disabled=\"disabled\"\n      :expanded=\"indicatorExpanded\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      class=\"neon-button__indicator\"\n    />\n  </button>\n</template>\n\n<script lang=\"ts\" src=\"./NeonButton.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_neon_link","_mergeProps","_component_neon_icon","_createElementBlock","_hoisted_1","_toDisplayString","args","_hoisted_3","_component_neon_expansion_indicator"],"mappings":"8IAsBuB,MAAM,gEAqBqB,MAAM,gLAzC9CA,EAAA,MADRC,EAAAA,YAAAC,EAAAA,YAsBYC,EAtBZC,aAsBY,OApBV,IAAI,SACH,MAAK,CAAEJ,EAAA,QAIF,aAAa,EAHlB,SAAUA,EAAA,UAAYA,EAAA,QAAK,QAC3B,KAAMA,EAAA,SAAQ,OAAYA,EAAA,KAC1B,SAAWA,EAAA,SAAQ,GAAA,EAEpB,WAAA,GACA,gBAAc,OACd,KAAK,UACGA,EAAA,oBAAmB,CAC1B,qCAAuBA,EAAA,UAAS,CAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,uBAEjC,IAME,CALMA,EAAA,MAAQA,EAAA,QAAK,uBADrBE,EAAAA,YAMEG,EAAA,OAJC,MAAOL,EAAA,cAAW,QAAeA,EAAA,MAAQ,OACzC,SAAUA,EAAA,SACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACpC,KAAMA,EAAA,qFAEGA,EAAA,qBAAZM,EAAAA,mBAAgE,OAAhEC,EAAgEC,EAAAA,gBAAfR,EAAA,KAAK,EAAA,CAAA,+FAExDC,EAAAA,YAAAK,EAAAA,mBA8BS,SA9BTF,aA8BS,OA5BP,IAAI,SACH,MAAK,CAAEJ,EAAA,QAIF,aAAa,EAHlB,SAAUA,EAAA,UAAYA,EAAA,QAAK,QAC3B,SAAWA,EAAA,SAAQ,GAAA,EACnB,KAAMA,EAAA,YAECA,EAAA,oBAAmB,CAC1B,4BAAOA,EAAA,aAAAA,EAAA,YAAA,GAAAS,CAAA,MAGAT,EAAA,MAAQA,EAAA,QAAK,uBADrBE,EAAAA,YAOEG,EAAA,OALC,aAAYL,EAAA,cACZ,MAAOA,EAAA,cAAW,QAAeA,EAAA,MAAQ,OACzC,SAAUA,EAAA,SACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACpC,KAAMA,EAAA,kGAEGA,EAAA,OAASA,EAAA,cAAW,SAAhCC,EAAAA,UAAA,EAAAK,EAAAA,mBAEO,OAFPI,EAEOF,EAAAA,gBADFR,EAAA,OAAUA,EAAA,cAAW,SAAA,EAAA,EAAA,CAAA,+BAGlBA,EAAA,yBADRE,EAAAA,YAOES,EAAA,OALC,MAAOX,EAAA,cAAW,OAAcA,EAAA,MAAK,eACrC,SAAUA,EAAA,SACV,SAAUA,EAAA,kBACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACrC,MAAM"}

package/dist/components/user-input/button/NeonButton.vue.es.js

@@ -1,20 +1,21 @@
 import y from "./NeonButton.es.js";
-import { resolveComponent as l, openBlock as n, createBlock as i, mergeProps as d, withKeys as m, withModifiers as f, withCtx as k, createCommentVNode as o, createElementBlock as t, toDisplayString as r } from "vue";
-import c from "../../../_virtual/_plugin-vue_export-helper.es.js";
-const v = {
+import { resolveComponent as l, openBlock as n, createBlock as i, mergeProps as d, withKeys as m, withModifiers as f, withCtx as k, createCommentVNode as o, createElementBlock as s, toDisplayString as r } from "vue";
+import v from "../../../_virtual/_plugin-vue_export-helper.es.js";
+const c = {
   key: 1,
   class: "neon-button__label"
 }, h = ["disabled", "tabindex", "type"], S = {
   key: 1,
   class: "neon-button__label"
 };
-function w(e, s, B, C, N, $) {
-  const a = l("neon-icon"), b = l("neon-link"), u = l("neon-expansion-indicator");
+function w(e, a, B, C, N, $) {
+  const t = l("neon-icon"), b = l("neon-link"), u = l("neon-expansion-indicator");
   return e.href ? (n(), i(b, d({
     key: 0,
     ref: "button",
     class: [e.classes, "neon-button"],
-    href: e.href,
+    disabled: e.disabled || e.state !== "ready",
+    href: e.disabled ? void 0 : e.href,
     tabindex: e.disabled ? -1 : 0,
     "no-style": "",
     "outline-style": "none",
@@ -23,17 +24,17 @@ function w(e, s, B, C, N, $) {
     onKeydown: m(f(e.clickLink, ["prevent"]), ["space"])
   }), {
     default: k(() => [
-      e.icon || e.state !== "ready" ? (n(), i(a, {
+      e.icon || e.state !== "ready" ? (n(), i(t, {
         key: 0,
         color: e.buttonStyle !== "solid" ? e.color : void 0,
         disabled: e.disabled,
         inverse: e.buttonStyle === "solid" || e.inverse,
         name: e.iconName
       }, null, 8, ["color", "disabled", "inverse", "name"])) : o("", !0),
-      e.label ? (n(), t("span", v, r(e.label), 1)) : o("", !0)
+      e.label ? (n(), s("span", c, r(e.label), 1)) : o("", !0)
     ]),
     _: 1
-  }, 16, ["class", "href", "tabindex", "onKeydown"])) : (n(), t("button", d({
+  }, 16, ["class", "disabled", "href", "tabindex", "onKeydown"])) : (n(), s("button", d({
     key: 1,
     ref: "button",
     class: [e.classes, "neon-button"],
@@ -41,9 +42,9 @@ function w(e, s, B, C, N, $) {
     tabindex: e.disabled ? -1 : 0,
     type: e.buttonType
   }, e.sanitizedAttributes, {
-    onClick: s[0] || (s[0] = (...p) => e.clickButton && e.clickButton(...p))
+    onClick: a[0] || (a[0] = (...p) => e.clickButton && e.clickButton(...p))
   }), [
-    e.icon || e.state !== "ready" ? (n(), i(a, {
+    e.icon || e.state !== "ready" ? (n(), i(t, {
       key: 0,
       "aria-label": e.iconAriaLabel,
       color: e.buttonStyle !== "solid" ? e.color : void 0,
@@ -51,7 +52,7 @@ function w(e, s, B, C, N, $) {
       inverse: e.buttonStyle === "solid" || e.inverse,
       name: e.iconName
     }, null, 8, ["aria-label", "color", "disabled", "inverse", "name"])) : o("", !0),
-    e.label || e.buttonStyle === "input" ? (n(), t("span", S, r(e.label || e.buttonStyle === "input" && ""), 1)) : o("", !0),
+    e.label || e.buttonStyle === "input" ? (n(), s("span", S, r(e.label || e.buttonStyle === "input" && ""), 1)) : o("", !0),
     e.indicator ? (n(), i(u, {
       key: 2,
       color: e.buttonStyle === "text" ? e.color : "low-contrast",
@@ -62,7 +63,7 @@ function w(e, s, B, C, N, $) {
     }, null, 8, ["color", "disabled", "expanded", "inverse"])) : o("", !0)
   ], 16, h));
 }
-const z = /* @__PURE__ */ c(y, [["render", w]]);
+const z = /* @__PURE__ */ v(y, [["render", w]]);
 export {
   z as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"NeonButton.vue.es.js","sources":["../../../../src/components/user-input/button/NeonButton.vue"],"sourcesContent":["<template>\n  <neon-link\n    v-if=\"href\"\n    ref=\"button\"\n    :class=\"classes\"\n    :href=\"href\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    class=\"neon-button\"\n    no-style\n    outline-style=\"none\"\n    role=\"button\"\n    v-bind=\"sanitizedAttributes\"\n    @keydown.space.prevent=\"clickLink\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n  </neon-link>\n  <button\n    v-else\n    ref=\"button\"\n    :class=\"classes\"\n    :disabled=\"disabled || state !== 'ready'\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    :type=\"buttonType\"\n    class=\"neon-button\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"clickButton\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :aria-label=\"iconAriaLabel\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label || buttonStyle === 'input'\" class=\"neon-button__label\">\n      {{ label || (buttonStyle === 'input' && '') }}\n    </span>\n    <neon-expansion-indicator\n      v-if=\"indicator\"\n      :color=\"buttonStyle === 'text' ? color : 'low-contrast'\"\n      :disabled=\"disabled\"\n      :expanded=\"indicatorExpanded\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      class=\"neon-button__indicator\"\n    />\n  </button>\n</template>\n\n<script lang=\"ts\" src=\"./NeonButton.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_neon_link","_mergeProps","_component_neon_icon","_createElementBlock","_hoisted_1","_toDisplayString","args","_hoisted_3","_component_neon_expansion_indicator"],"mappings":";;;;;EAqBuB,OAAM;;;EAqBqB,OAAM;;;;SAxC9CA,EAAA,QADRC,KAAAC,EAqBYC,GArBZC,EAqBY;AAAA;IAnBV,KAAI;AAAA,IACH,OAAK,CAAEJ,EAAA,SAGF,aAAa;AAAA,IAFlB,MAAMA,EAAA;AAAA,IACN,UAAWA,EAAA,WAAQ,KAAA;AAAA,IAEpB,YAAA;AAAA,IACA,iBAAc;AAAA,IACd,MAAK;AAAA,KACGA,EAAA,qBAAmB;AAAA,IAC1B,eAAuBA,EAAA,WAAS,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;eAEjC,MAME;AAAA,MALMA,EAAA,QAAQA,EAAA,UAAK,gBADrBE,EAMEG,GAAA;AAAA;QAJC,OAAOL,EAAA,gBAAW,UAAeA,EAAA,QAAQ;AAAA,QACzC,UAAUA,EAAA;AAAA,QACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,QACpC,MAAMA,EAAA;AAAA;MAEGA,EAAA,cAAZM,EAAgE,QAAhEC,GAAgEC,EAAfR,EAAA,KAAK,GAAA,CAAA;;;yDAExDC,KAAAK,EA8BS,UA9BTF,EA8BS;AAAA;IA5BP,KAAI;AAAA,IACH,OAAK,CAAEJ,EAAA,SAIF,aAAa;AAAA,IAHlB,UAAUA,EAAA,YAAYA,EAAA,UAAK;AAAA,IAC3B,UAAWA,EAAA,WAAQ,KAAA;AAAA,IACnB,MAAMA,EAAA;AAAA,KAECA,EAAA,qBAAmB;AAAA,IAC1B,mCAAOA,EAAA,eAAAA,EAAA,YAAA,GAAAS,CAAA;AAAA;IAGAT,EAAA,QAAQA,EAAA,UAAK,gBADrBE,EAOEG,GAAA;AAAA;MALC,cAAYL,EAAA;AAAA,MACZ,OAAOA,EAAA,gBAAW,UAAeA,EAAA,QAAQ;AAAA,MACzC,UAAUA,EAAA;AAAA,MACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,MACpC,MAAMA,EAAA;AAAA;IAEGA,EAAA,SAASA,EAAA,gBAAW,WAAhCC,EAAA,GAAAK,EAEO,QAFPI,GAEOF,EADFR,EAAA,SAAUA,EAAA,gBAAW,WAAA,EAAA,GAAA,CAAA;IAGlBA,EAAA,kBADRE,EAOES,GAAA;AAAA;MALC,OAAOX,EAAA,gBAAW,SAAcA,EAAA,QAAK;AAAA,MACrC,UAAUA,EAAA;AAAA,MACV,UAAUA,EAAA;AAAA,MACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,MACrC,OAAM;AAAA;;;;"}
+{"version":3,"file":"NeonButton.vue.es.js","sources":["../../../../src/components/user-input/button/NeonButton.vue"],"sourcesContent":["<template>\n  <neon-link\n    v-if=\"href\"\n    ref=\"button\"\n    :class=\"classes\"\n    :disabled=\"disabled || state !== 'ready'\"\n    :href=\"disabled ? void 0 : href\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    class=\"neon-button\"\n    no-style\n    outline-style=\"none\"\n    role=\"button\"\n    v-bind=\"sanitizedAttributes\"\n    @keydown.space.prevent=\"clickLink\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n  </neon-link>\n  <button\n    v-else\n    ref=\"button\"\n    :class=\"classes\"\n    :disabled=\"disabled || state !== 'ready'\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    :type=\"buttonType\"\n    class=\"neon-button\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"clickButton\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :aria-label=\"iconAriaLabel\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label || buttonStyle === 'input'\" class=\"neon-button__label\">\n      {{ label || (buttonStyle === 'input' && '') }}\n    </span>\n    <neon-expansion-indicator\n      v-if=\"indicator\"\n      :color=\"buttonStyle === 'text' ? color : 'low-contrast'\"\n      :disabled=\"disabled\"\n      :expanded=\"indicatorExpanded\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      class=\"neon-button__indicator\"\n    />\n  </button>\n</template>\n\n<script lang=\"ts\" src=\"./NeonButton.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_neon_link","_mergeProps","_component_neon_icon","_createElementBlock","_hoisted_1","_toDisplayString","args","_hoisted_3","_component_neon_expansion_indicator"],"mappings":";;;;;EAsBuB,OAAM;;;EAqBqB,OAAM;;;;SAzC9CA,EAAA,QADRC,KAAAC,EAsBYC,GAtBZC,EAsBY;AAAA;IApBV,KAAI;AAAA,IACH,OAAK,CAAEJ,EAAA,SAIF,aAAa;AAAA,IAHlB,UAAUA,EAAA,YAAYA,EAAA,UAAK;AAAA,IAC3B,MAAMA,EAAA,WAAQ,SAAYA,EAAA;AAAA,IAC1B,UAAWA,EAAA,WAAQ,KAAA;AAAA,IAEpB,YAAA;AAAA,IACA,iBAAc;AAAA,IACd,MAAK;AAAA,KACGA,EAAA,qBAAmB;AAAA,IAC1B,eAAuBA,EAAA,WAAS,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;eAEjC,MAME;AAAA,MALMA,EAAA,QAAQA,EAAA,UAAK,gBADrBE,EAMEG,GAAA;AAAA;QAJC,OAAOL,EAAA,gBAAW,UAAeA,EAAA,QAAQ;AAAA,QACzC,UAAUA,EAAA;AAAA,QACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,QACpC,MAAMA,EAAA;AAAA;MAEGA,EAAA,cAAZM,EAAgE,QAAhEC,GAAgEC,EAAfR,EAAA,KAAK,GAAA,CAAA;;;qEAExDC,KAAAK,EA8BS,UA9BTF,EA8BS;AAAA;IA5BP,KAAI;AAAA,IACH,OAAK,CAAEJ,EAAA,SAIF,aAAa;AAAA,IAHlB,UAAUA,EAAA,YAAYA,EAAA,UAAK;AAAA,IAC3B,UAAWA,EAAA,WAAQ,KAAA;AAAA,IACnB,MAAMA,EAAA;AAAA,KAECA,EAAA,qBAAmB;AAAA,IAC1B,mCAAOA,EAAA,eAAAA,EAAA,YAAA,GAAAS,CAAA;AAAA;IAGAT,EAAA,QAAQA,EAAA,UAAK,gBADrBE,EAOEG,GAAA;AAAA;MALC,cAAYL,EAAA;AAAA,MACZ,OAAOA,EAAA,gBAAW,UAAeA,EAAA,QAAQ;AAAA,MACzC,UAAUA,EAAA;AAAA,MACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,MACpC,MAAMA,EAAA;AAAA;IAEGA,EAAA,SAASA,EAAA,gBAAW,WAAhCC,EAAA,GAAAK,EAEO,QAFPI,GAEOF,EADFR,EAAA,SAAUA,EAAA,gBAAW,WAAA,EAAA,GAAA,CAAA;IAGlBA,EAAA,kBADRE,EAOES,GAAA;AAAA;MALC,OAAOX,EAAA,gBAAW,SAAcA,EAAA,QAAK;AAAA,MACrC,UAAUA,EAAA;AAAA,MACV,UAAUA,EAAA;AAAA,MACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,MACrC,OAAM;AAAA;;;;"}

package/dist/components/user-input/input/NeonInput.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const d=require("./NeonInput.cjs.js"),o=require("vue"),a=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),t=["id","aria-placeholder","autocomplete","disabled","inputmode","placeholder","tabindex","type","value"],r={key:1,class:"neon-input__textarea-wrapper"},s=["id","aria-placeholder","autocomplete","disabled","inputmode","placeholder","rows","tabindex","value"],u={key:0,class:"neon-input__textarea-counter"};function p(e,n,b,y,k,h){const i=o.resolveComponent("neon-icon");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass([[{"neon-input--with-icon":!e.hideIcon&&(e.icon||e.modelValue&&e.modelValue.length>0),"neon-input--disabled":e.disabled,"neon-input--focused":e.focused,"neon-input--placeholder-visible":e.placeholder&&(!e.modelValue||e.modelValue.length===0),"neon-input--with-state-highlight":e.stateHighlight,"neon-input--with-state-icon":e.stateIcon},`neon-input--${e.size}`,`neon-input--${e.color}`,`neon-input--state-${e.state}`],"neon-input"])},[e.rows===null?(o.openBlock(),o.createElementBlock("input",o.mergeProps({key:0,id:e.id,ref:"neonInput","aria-placeholder":e.computedPlaceholder,autocomplete:e.autocomplete,disabled:e.disabled,inputmode:e.inputmode,placeholder:e.computedPlaceholder,tabindex:e.tabindex,type:e.type,value:e.modelValue,class:"neon-input__textfield neon-input__text"},e.sanitizedAttributes,{onBlur:n[0]||(n[0]=(...l)=>e.onBlur&&e.onBlur(...l)),onFocus:n[1]||(n[1]=l=>!e.disabled&&e.onFocus()),onInput:n[2]||(n[2]=o.withModifiers(l=>!e.disabled&&e.changeValue(l),["stop","prevent"]))}),null,16,t)):(o.openBlock(),o.createElementBlock("div",r,[o.createElementVNode("textarea",o.mergeProps({id:e.id,"aria-placeholder":e.computedPlaceholder,autocomplete:e.autocomplete,disabled:e.disabled,inputmode:e.inputmode,placeholder:e.computedPlaceholder,rows:e.rows,tabindex:e.tabindex,value:e.modelValue,class:"neon-input__textfield neon-input__textarea"},e.sanitizedAttributes,{onBlur:n[3]||(n[3]=(...l)=>e.onBlur&&e.onBlur(...l)),onFocus:n[4]||(n[4]=(...l)=>e.onFocus&&e.onFocus(...l)),onKeydown:n[5]||(n[5]=(...l)=>e.onKeyDown&&e.onKeyDown(...l)),onInput:n[6]||(n[6]=o.withModifiers((...l)=>e.changeValue&&e.changeValue(...l),["stop","prevent"]))}),"      ",16,s),e.counterLabel?(o.openBlock(),o.createElementBlock("span",u,o.toDisplayString(e.counterLabel),1)):o.createCommentVNode("",!0)])),e.iconVisible?(o.openBlock(),o.createBlock(i,{key:2,class:o.normalizeClass([{"neon-input__icon--read-only":e.iconReadonly},"neon-input__icon"]),color:e.iconColor,disabled:e.disabled,name:e.iconName,role:!e.iconReadonly&&"button",tabindex:e.disabled||e.iconReadonly?!1:0,transparent:!0,onClick:n[7]||(n[7]=l=>!e.iconReadonly&&e.iconClicked(l)),onKeydown:[n[8]||(n[8]=o.withKeys(l=>!e.iconReadonly&&e.iconClicked(l),["enter"])),n[9]||(n[9]=o.withKeys(l=>!e.iconReadonly&&e.iconClicked(l),["space"]))]},null,8,["class","color","disabled","name","role","tabindex"])):o.createCommentVNode("",!0)],2)}const m=a(d,[["render",p]]);module.exports=m;
+"use strict";const d=require("./NeonInput.cjs.js"),o=require("vue"),a=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),t=["id","aria-placeholder","autocomplete","disabled","inputmode","placeholder","tabindex","type","value"],r={key:1,class:"neon-input__textarea-wrapper"},s=["id","aria-placeholder","autocomplete","disabled","inputmode","placeholder","rows","tabindex","value"],u={key:0,class:"neon-input__textarea-counter"};function p(e,n,b,y,k,h){const i=o.resolveComponent("neon-icon");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass([[{"neon-input--with-icon":!e.hideIcon&&(e.icon||e.modelValue&&e.modelValue.length>0),"neon-input--disabled":e.disabled,"neon-input--focused":e.focused,"neon-input--placeholder-visible":e.placeholder&&(!e.modelValue||e.modelValue.length===0),"neon-input--with-state-highlight":e.stateHighlight,"neon-input--with-state-icon":e.stateIcon},`neon-input--${e.size}`,`neon-input--${e.color}`,`neon-input--state-${e.state}`],"neon-input"])},[e.rows===null?(o.openBlock(),o.createElementBlock("input",o.mergeProps({key:0,id:e.id,ref:"neonInput","aria-placeholder":e.computedPlaceholder,autocomplete:e.autocomplete,disabled:e.disabled,inputmode:e.inputmode,placeholder:e.computedPlaceholder,tabindex:e.tabindex,type:e.type,value:e.modelValue,class:"neon-input__textfield neon-input__text"},e.sanitizedAttributes,{onBlur:n[0]||(n[0]=(...l)=>e.onBlur&&e.onBlur(...l)),onFocus:n[1]||(n[1]=l=>!e.disabled&&e.onFocus()),onInput:n[2]||(n[2]=o.withModifiers(l=>!e.disabled&&e.changeValue(l),["stop","prevent"]))}),null,16,t)):(o.openBlock(),o.createElementBlock("div",r,[o.createElementVNode("textarea",o.mergeProps({id:e.id,"aria-placeholder":e.computedPlaceholder,autocomplete:e.autocomplete,disabled:e.disabled,inputmode:e.inputmode,placeholder:e.computedPlaceholder,rows:e.rows,tabindex:e.tabindex,value:e.modelValue,class:"neon-input__textfield neon-input__textarea"},e.sanitizedAttributes,{onBlur:n[3]||(n[3]=(...l)=>e.onBlur&&e.onBlur(...l)),onFocus:n[4]||(n[4]=(...l)=>e.onFocus&&e.onFocus(...l)),onKeydown:n[5]||(n[5]=(...l)=>e.onKeyDown&&e.onKeyDown(...l)),onInput:n[6]||(n[6]=o.withModifiers((...l)=>e.changeValue&&e.changeValue(...l),["stop","prevent"]))}),"      ",16,s),e.counterLabel?(o.openBlock(),o.createElementBlock("span",u,o.toDisplayString(e.counterLabel),1)):o.createCommentVNode("",!0)])),e.iconVisible?(o.openBlock(),o.createBlock(i,{key:2,class:o.normalizeClass([{"neon-input__icon--read-only":e.iconReadonly},"neon-input__icon"]),color:e.iconColor,disabled:e.disabled,name:e.iconName,role:!e.iconReadonly&&"button",tabindex:-1,transparent:!0,onClick:n[7]||(n[7]=l=>!e.iconReadonly&&e.iconClicked(l)),onKeydown:[n[8]||(n[8]=o.withKeys(l=>!e.iconReadonly&&e.iconClicked(l),["enter"])),n[9]||(n[9]=o.withKeys(l=>!e.iconReadonly&&e.iconClicked(l),["space"]))]},null,8,["class","color","disabled","name","role"])):o.createCommentVNode("",!0)],2)}const m=a(d,[["render",p]]);module.exports=m;
 //# sourceMappingURL=NeonInput.vue.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NeonInput.vue.cjs.js","sources":["../../../../src/components/user-input/input/NeonInput.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      {\n        'neon-input--with-icon': !hideIcon && (icon || (modelValue && modelValue.length > 0)),\n        'neon-input--disabled': disabled,\n        'neon-input--focused': focused,\n        'neon-input--placeholder-visible': placeholder && (!modelValue || modelValue.length === 0),\n        'neon-input--with-state-highlight': stateHighlight,\n        'neon-input--with-state-icon': stateIcon,\n      },\n      `neon-input--${size}`,\n      `neon-input--${color}`,\n      `neon-input--state-${state}`,\n    ]\"\n    class=\"neon-input\"\n  >\n    <input\n      v-if=\"rows === null\"\n      :id=\"id\"\n      ref=\"neonInput\"\n      :aria-placeholder=\"computedPlaceholder\"\n      :autocomplete=\"autocomplete\"\n      :disabled=\"disabled\"\n      :inputmode=\"inputmode\"\n      :placeholder=\"computedPlaceholder\"\n      :tabindex=\"tabindex\"\n      :type=\"type\"\n      :value=\"modelValue\"\n      class=\"neon-input__textfield neon-input__text\"\n      v-bind=\"sanitizedAttributes\"\n      @blur=\"onBlur\"\n      @focus=\"!disabled && onFocus()\"\n      @input.stop.prevent=\"!disabled && changeValue($event)\"\n    />\n    <div v-else class=\"neon-input__textarea-wrapper\">\n      <textarea\n        :id=\"id\"\n        :aria-placeholder=\"computedPlaceholder\"\n        :autocomplete=\"autocomplete\"\n        :disabled=\"disabled\"\n        :inputmode=\"inputmode\"\n        :placeholder=\"computedPlaceholder\"\n        :rows=\"rows\"\n        :tabindex=\"tabindex\"\n        :value=\"modelValue\"\n        class=\"neon-input__textfield neon-input__textarea\"\n        v-bind=\"sanitizedAttributes\"\n        @blur=\"onBlur\"\n        @focus=\"onFocus\"\n        @keydown=\"onKeyDown\"\n        @input.stop.prevent=\"changeValue\"\n      >\n      </textarea>\n      <span v-if=\"counterLabel\" class=\"neon-input__textarea-counter\">{{ counterLabel }}</span>\n    </div>\n    <neon-icon\n      v-if=\"iconVisible\"\n      :class=\"{ 'neon-input__icon--read-only': iconReadonly }\"\n      :color=\"iconColor\"\n      :disabled=\"disabled\"\n      :name=\"iconName\"\n      :role=\"!iconReadonly && 'button'\"\n      :tabindex=\"disabled || iconReadonly ? false : 0\"\n      :transparent=\"true\"\n      class=\"neon-input__icon\"\n      @click=\"!iconReadonly && iconClicked($event)\"\n      @keydown.enter=\"!iconReadonly && iconClicked($event)\"\n      @keydown.space=\"!iconReadonly && iconClicked($event)\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonInput.ts\" />\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_openBlock","_mergeProps","args","_cache","$event","_withModifiers","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_toDisplayString","_createBlock","_component_neon_icon"],"mappings":"uPAmCgB,MAAM,mJAmBU,MAAM,qHArDpCA,EAAAA,mBAqEM,MAAA,CApEH,MAAKC,EAAAA,eAAA,CAAA,EAA8C,wBAAA,CAAAC,EAAA,WAAaA,EAAA,MAASA,cAAcA,EAAA,WAAW,OAAM,0BAAwCA,EAAA,+BAAyCA,EAAA,QAAoD,kCAAAA,EAAA,cAAW,CAAMA,EAAA,YAAcA,EAAA,WAAW,SAAM,sCAAqDA,EAAA,6CAAuDA,EAAA,0BAAyCA,EAAA,IAAI,kBAAyBA,EAAA,KAAK,wBAA+BA,EAAA,KAAK,IAanf,YAAY,CAAA,IAGVA,EAAA,OAAI,MADZC,EAAAA,YAAAH,EAAAA,mBAiBE,QAjBFI,aAiBE,OAfC,GAAIF,EAAA,GACL,IAAI,YACH,mBAAkBA,EAAA,oBAClB,aAAcA,EAAA,aACd,SAAUA,EAAA,SACV,UAAWA,EAAA,UACX,YAAaA,EAAA,oBACb,SAAUA,EAAA,SACV,KAAMA,EAAA,KACN,MAAOA,EAAA,WACR,MAAM,0CACEA,EAAA,oBAAmB,CAC1B,2BAAMA,EAAA,QAAAA,EAAA,OAAA,GAAAG,CAAA,GACN,QAAKC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAA,CAAGL,EAAA,UAAYA,EAAA,QAAO,GAC3B,QAAKI,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAE,EAAAA,cAAAD,GAAA,CAAgBL,EAAA,UAAYA,EAAA,YAAYK,CAAM,EAAA,CAAA,OAAA,SAAA,CAAA,kBAEtDJ,EAAAA,YAAAH,EAAAA,mBAoBM,MApBNS,EAoBM,CAnBJC,EAAAA,mBAiBW,WAjBXN,aAiBW,CAhBR,GAAIF,EAAA,GACJ,mBAAkBA,EAAA,oBAClB,aAAcA,EAAA,aACd,SAAUA,EAAA,SACV,UAAWA,EAAA,UACX,YAAaA,EAAA,oBACb,KAAMA,EAAA,KACN,SAAUA,EAAA,SACV,MAAOA,EAAA,WACR,MAAM,8CACEA,EAAA,oBAAmB,CAC1B,2BAAMA,EAAA,QAAAA,EAAA,OAAA,GAAAG,CAAA,GACN,4BAAOH,EAAA,SAAAA,EAAA,QAAA,GAAAG,CAAA,GACP,8BAASH,EAAA,WAAAA,EAAA,UAAA,GAAAG,CAAA,GACT,4CAAoBH,EAAA,aAAAA,EAAA,YAAA,GAAAG,CAAA,EAAW,CAAA,OAAA,SAAA,CAAA,KACjC,SACD,GAAAM,CAAA,EACYT,EAAA,4BAAZF,EAAAA,mBAAwF,OAAxFY,EAAwFC,EAAAA,gBAAtBX,EAAA,YAAY,EAAA,CAAA,kCAGxEA,EAAA,2BADRY,EAAAA,YAaEC,EAAA,OAXC,MAAKd,EAAAA,eAAA,CAAA,CAAA,8BAAmCC,EAAA,YAAY,EAO/C,kBAAkB,CAAA,EANvB,MAAOA,EAAA,UACP,SAAUA,EAAA,SACV,KAAMA,EAAA,SACN,MAAOA,EAAA,cAAY,SACnB,SAAUA,EAAA,UAAYA,EAAA,aAAY,GAAA,EAClC,YAAa,GAEb,QAAKI,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAA,CAAGL,EAAA,cAAgBA,EAAA,YAAYK,CAAM,GAC1C,UAAO,4BAASL,EAAA,cAAgBA,EAAA,YAAYK,CAAM,EAAA,CAAA,OAAA,CAAA,8BAClCL,EAAA,cAAgBA,EAAA,YAAYK,CAAM,EAAA,CAAA,OAAA,CAAA"}
+{"version":3,"file":"NeonInput.vue.cjs.js","sources":["../../../../src/components/user-input/input/NeonInput.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      {\n        'neon-input--with-icon': !hideIcon && (icon || (modelValue && modelValue.length > 0)),\n        'neon-input--disabled': disabled,\n        'neon-input--focused': focused,\n        'neon-input--placeholder-visible': placeholder && (!modelValue || modelValue.length === 0),\n        'neon-input--with-state-highlight': stateHighlight,\n        'neon-input--with-state-icon': stateIcon,\n      },\n      `neon-input--${size}`,\n      `neon-input--${color}`,\n      `neon-input--state-${state}`,\n    ]\"\n    class=\"neon-input\"\n  >\n    <input\n      v-if=\"rows === null\"\n      :id=\"id\"\n      ref=\"neonInput\"\n      :aria-placeholder=\"computedPlaceholder\"\n      :autocomplete=\"autocomplete\"\n      :disabled=\"disabled\"\n      :inputmode=\"inputmode\"\n      :placeholder=\"computedPlaceholder\"\n      :tabindex=\"tabindex\"\n      :type=\"type\"\n      :value=\"modelValue\"\n      class=\"neon-input__textfield neon-input__text\"\n      v-bind=\"sanitizedAttributes\"\n      @blur=\"onBlur\"\n      @focus=\"!disabled && onFocus()\"\n      @input.stop.prevent=\"!disabled && changeValue($event)\"\n    />\n    <div v-else class=\"neon-input__textarea-wrapper\">\n      <textarea\n        :id=\"id\"\n        :aria-placeholder=\"computedPlaceholder\"\n        :autocomplete=\"autocomplete\"\n        :disabled=\"disabled\"\n        :inputmode=\"inputmode\"\n        :placeholder=\"computedPlaceholder\"\n        :rows=\"rows\"\n        :tabindex=\"tabindex\"\n        :value=\"modelValue\"\n        class=\"neon-input__textfield neon-input__textarea\"\n        v-bind=\"sanitizedAttributes\"\n        @blur=\"onBlur\"\n        @focus=\"onFocus\"\n        @keydown=\"onKeyDown\"\n        @input.stop.prevent=\"changeValue\"\n      >\n      </textarea>\n      <span v-if=\"counterLabel\" class=\"neon-input__textarea-counter\">{{ counterLabel }}</span>\n    </div>\n    <neon-icon\n      v-if=\"iconVisible\"\n      :class=\"{ 'neon-input__icon--read-only': iconReadonly }\"\n      :color=\"iconColor\"\n      :disabled=\"disabled\"\n      :name=\"iconName\"\n      :role=\"!iconReadonly && 'button'\"\n      :tabindex=\"-1\"\n      :transparent=\"true\"\n      class=\"neon-input__icon\"\n      @click=\"!iconReadonly && iconClicked($event)\"\n      @keydown.enter=\"!iconReadonly && iconClicked($event)\"\n      @keydown.space=\"!iconReadonly && iconClicked($event)\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonInput.ts\" />\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_openBlock","_mergeProps","args","_cache","$event","_withModifiers","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_toDisplayString","_createBlock","_component_neon_icon"],"mappings":"uPAmCgB,MAAM,mJAmBU,MAAM,qHArDpCA,EAAAA,mBAqEM,MAAA,CApEH,MAAKC,EAAAA,eAAA,CAAA,EAA8C,wBAAA,CAAAC,EAAA,WAAaA,EAAA,MAASA,cAAcA,EAAA,WAAW,OAAM,0BAAwCA,EAAA,+BAAyCA,EAAA,QAAoD,kCAAAA,EAAA,cAAW,CAAMA,EAAA,YAAcA,EAAA,WAAW,SAAM,sCAAqDA,EAAA,6CAAuDA,EAAA,0BAAyCA,EAAA,IAAI,kBAAyBA,EAAA,KAAK,wBAA+BA,EAAA,KAAK,IAanf,YAAY,CAAA,IAGVA,EAAA,OAAI,MADZC,EAAAA,YAAAH,EAAAA,mBAiBE,QAjBFI,aAiBE,OAfC,GAAIF,EAAA,GACL,IAAI,YACH,mBAAkBA,EAAA,oBAClB,aAAcA,EAAA,aACd,SAAUA,EAAA,SACV,UAAWA,EAAA,UACX,YAAaA,EAAA,oBACb,SAAUA,EAAA,SACV,KAAMA,EAAA,KACN,MAAOA,EAAA,WACR,MAAM,0CACEA,EAAA,oBAAmB,CAC1B,2BAAMA,EAAA,QAAAA,EAAA,OAAA,GAAAG,CAAA,GACN,QAAKC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAA,CAAGL,EAAA,UAAYA,EAAA,QAAO,GAC3B,QAAKI,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAE,EAAAA,cAAAD,GAAA,CAAgBL,EAAA,UAAYA,EAAA,YAAYK,CAAM,EAAA,CAAA,OAAA,SAAA,CAAA,kBAEtDJ,EAAAA,YAAAH,EAAAA,mBAoBM,MApBNS,EAoBM,CAnBJC,EAAAA,mBAiBW,WAjBXN,aAiBW,CAhBR,GAAIF,EAAA,GACJ,mBAAkBA,EAAA,oBAClB,aAAcA,EAAA,aACd,SAAUA,EAAA,SACV,UAAWA,EAAA,UACX,YAAaA,EAAA,oBACb,KAAMA,EAAA,KACN,SAAUA,EAAA,SACV,MAAOA,EAAA,WACR,MAAM,8CACEA,EAAA,oBAAmB,CAC1B,2BAAMA,EAAA,QAAAA,EAAA,OAAA,GAAAG,CAAA,GACN,4BAAOH,EAAA,SAAAA,EAAA,QAAA,GAAAG,CAAA,GACP,8BAASH,EAAA,WAAAA,EAAA,UAAA,GAAAG,CAAA,GACT,4CAAoBH,EAAA,aAAAA,EAAA,YAAA,GAAAG,CAAA,EAAW,CAAA,OAAA,SAAA,CAAA,KACjC,SACD,GAAAM,CAAA,EACYT,EAAA,4BAAZF,EAAAA,mBAAwF,OAAxFY,EAAwFC,EAAAA,gBAAtBX,EAAA,YAAY,EAAA,CAAA,kCAGxEA,EAAA,2BADRY,EAAAA,YAaEC,EAAA,OAXC,MAAKd,EAAAA,eAAA,CAAA,CAAA,8BAAmCC,EAAA,YAAY,EAO/C,kBAAkB,CAAA,EANvB,MAAOA,EAAA,UACP,SAAUA,EAAA,SACV,KAAMA,EAAA,SACN,MAAOA,EAAA,cAAY,SACnB,SAAU,GACV,YAAa,GAEb,QAAKI,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAA,CAAGL,EAAA,cAAgBA,EAAA,YAAYK,CAAM,GAC1C,UAAO,4BAASL,EAAA,cAAgBA,EAAA,YAAYK,CAAM,EAAA,CAAA,OAAA,CAAA,8BAClCL,EAAA,cAAgBA,EAAA,YAAYK,CAAM,EAAA,CAAA,OAAA,CAAA"}

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

@@ -1,6 +1,6 @@
 import p from "./NeonInput.es.js";
-import { resolveComponent as m, openBlock as l, createElementBlock as i, normalizeClass as d, mergeProps as a, withModifiers as t, createElementVNode as b, toDisplayString as y, createCommentVNode as s, createBlock as f, withKeys as u } from "vue";
-import h from "../../../_virtual/_plugin-vue_export-helper.es.js";
+import { resolveComponent as m, openBlock as l, createElementBlock as i, normalizeClass as d, mergeProps as a, withModifiers as t, createElementVNode as b, toDisplayString as y, createCommentVNode as u, createBlock as h, withKeys as r } from "vue";
+import f from "../../../_virtual/_plugin-vue_export-helper.es.js";
 const w = ["id", "aria-placeholder", "autocomplete", "disabled", "inputmode", "placeholder", "tabindex", "type", "value"], V = {
   key: 1,
   class: "neon-input__textarea-wrapper"
@@ -9,7 +9,7 @@ const w = ["id", "aria-placeholder", "autocomplete", "disabled", "inputmode", "p
   class: "neon-input__textarea-counter"
 };
 function v(e, o, B, C, $, I) {
-  const r = m("neon-icon");
+  const s = m("neon-icon");
   return l(), i("div", {
     class: d([[
       {
@@ -60,27 +60,27 @@ function v(e, o, B, C, $, I) {
         onKeydown: o[5] || (o[5] = (...n) => e.onKeyDown && e.onKeyDown(...n)),
         onInput: o[6] || (o[6] = t((...n) => e.changeValue && e.changeValue(...n), ["stop", "prevent"]))
       }), "      ", 16, g),
-      e.counterLabel ? (l(), i("span", k, y(e.counterLabel), 1)) : s("", !0)
+      e.counterLabel ? (l(), i("span", k, y(e.counterLabel), 1)) : u("", !0)
     ])),
-    e.iconVisible ? (l(), f(r, {
+    e.iconVisible ? (l(), h(s, {
       key: 2,
       class: d([{ "neon-input__icon--read-only": e.iconReadonly }, "neon-input__icon"]),
       color: e.iconColor,
       disabled: e.disabled,
       name: e.iconName,
       role: !e.iconReadonly && "button",
-      tabindex: e.disabled || e.iconReadonly ? !1 : 0,
+      tabindex: -1,
       transparent: !0,
       onClick: o[7] || (o[7] = (n) => !e.iconReadonly && e.iconClicked(n)),
       onKeydown: [
-        o[8] || (o[8] = u((n) => !e.iconReadonly && e.iconClicked(n), ["enter"])),
-        o[9] || (o[9] = u((n) => !e.iconReadonly && e.iconClicked(n), ["space"]))
+        o[8] || (o[8] = r((n) => !e.iconReadonly && e.iconClicked(n), ["enter"])),
+        o[9] || (o[9] = r((n) => !e.iconReadonly && e.iconClicked(n), ["space"]))
       ]
-    }, null, 8, ["class", "color", "disabled", "name", "role", "tabindex"])) : s("", !0)
+    }, null, 8, ["class", "color", "disabled", "name", "role"])) : u("", !0)
   ], 2);
 }
-const P = /* @__PURE__ */ h(p, [["render", v]]);
+const R = /* @__PURE__ */ f(p, [["render", v]]);
 export {
-  P as default
+  R as default
 };
 //# sourceMappingURL=NeonInput.vue.es.js.map

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

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

package/package.json

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

package/src/sass/components/_banner.scss

@@ -29,6 +29,10 @@
     }
   }
 
+  .neon-button--outline {
+    --neon-background-color-outline-button: var(--neon-background-color);
+  }
+
   @include responsive.responsive(desktop-large) {
     .neon-page--left .neon-banner__wrapper .neon-note .neon-note__content {
       margin-left: 0;

package/src/sass/components/_button.scss

@@ -3,10 +3,7 @@
 @use '../includes/outline';
 @use '../includes/svg';
 
-@mixin gradient-button(
-  $from-color,
-  $to-color,
-) {
+@mixin gradient-button($from-color, $to-color) {
   --neon-gradient-button-c1: var(--neon-color-#{$from-color});
   --neon-gradient-button-c2: var(--neon-background-color-#{$to-color});
 
@@ -33,10 +30,16 @@
 
 @mixin solid-button($color) {
   transition: all ease-in-out var(--neon-animation-speed-fast);
-  background: linear-gradient(var(--neon-background-solid-button-light-#{$color}), var(--neon-background-solid-button-dark-#{$color}));
+  background: linear-gradient(
+                  var(--neon-background-solid-button-light-#{$color}),
+                  var(--neon-background-solid-button-dark-#{$color})
+  );
 
   &:hover:not(:disabled) {
-    background: linear-gradient(var(--neon-background-solid-button-light-#{$color}), var(--neon-background-solid-button-light-#{$color}));
+    background: linear-gradient(
+                    var(--neon-background-solid-button-light-#{$color}),
+                    var(--neon-background-solid-button-light-#{$color})
+    );
   }
 
   &:active:not(:disabled) {
@@ -411,6 +414,10 @@
 
     &--disabled {
       cursor: not-allowed;
+
+      &:is(.neon-link) {
+        cursor: not-allowed;
+      }
     }
   }
 

package/src/sass/components/_label.scss

@@ -73,7 +73,7 @@
     flex-direction: row;
     align-items: center;
     justify-content: center;
-    flex: 1 0 auto;
+    flex: 0 0 auto;
     user-select: none;
     min-width: fit-content;
     width: fit-content;

package/src/sass/components/_link.scss

@@ -34,6 +34,12 @@
         color: var(--neon-color-inverse);
       }
     }
+
+    &.neon-link--disabled {
+      color: var(--neon-color-disabled-text);
+      cursor: not-allowed;
+      pointer-events: none;
+    }
   }
 
   &.neon-link--no-style:not(.neon-button) {

package/src/sass/components/_page-container.scss

@@ -38,7 +38,7 @@
   @include responsive.responsive(larger-than-mobile-large) {
     .neon-page--with-footer {
       .neon-page-container {
-        min-height: calc(100% - (var(--neon-footer-height) + var(--neon-border-width-footer)));
+        min-height: calc(100% - (var(--neon-footer-height) + var(--neon-border-width-footer) + var(--neon-top-nav-height)));
       }
     }
   }

package/src/sass/core/_elements.scss

@@ -14,7 +14,7 @@
     padding: 0;
     display: flex;
     flex-direction: column;
-    gap: var(--neon-space-16);
+    gap: var(--neon-gap-ol);
 
     > li {
       max-width: var(--neon-max-paragraph-width);

package/src/sass/includes/_dependencies.scss

@@ -120,7 +120,7 @@
           NeonField: [],
           NeonStack: [],
           NeonInline: [],
-          NeonCardList: [NeonSelectableCard, NeonSwitch, NeonIcon, NeonButton, NeonExpansionIndicator, NeonIcon, NeonLink, NeonCard, NeonCardHeader, NeonCardBody, NeonInline, NeonStack],
+          NeonCardList: [NeonSelectableCard, NeonSwitch, NeonIcon, NeonButton, NeonExpansionIndicator, NeonIcon, NeonLink, NeonCard, NeonCardHeader, NeonCardBody, NeonInline, NeonStack, NeonPagination],
           NeonImageCarousel: [NeonButton, NeonLink],
           NeonSwiper: [],
           NeonMobileMenu: [NeonIcon, NeonLink],

package/src/sass/variables-global.scss

@@ -441,6 +441,10 @@
   /** Inset box shadow */
   --neon-inset-shadow: inset 0 0 0 0 rgba(#000, 0);
 
+  /* list (ol/ul) styles */
+  /** gap between <ol> list items */
+  --neon-gap-ol: var(--neon-space-2);
+
   /* top-nav */
   /**
    * @component NeonTopNav