@aotearoan/neon 23.2.0 → 23.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/navigation/menu/NeonMenu.vue.cjs.js +1 -1
- package/dist/components/navigation/menu/NeonMenu.vue.cjs.js.map +1 -1
- package/dist/components/navigation/menu/NeonMenu.vue.es.js +6 -5
- package/dist/components/navigation/menu/NeonMenu.vue.es.js.map +1 -1
- package/dist/components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js +1 -1
- package/dist/components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js.map +1 -1
- package/dist/components/navigation/mobile-menu/NeonMobileMenu.vue.es.js +7 -6
- package/dist/components/navigation/mobile-menu/NeonMobileMenu.vue.es.js.map +1 -1
- package/package.json +1 -1
- package/src/sass/components/_field.scss +1 -3
- package/src/sass/components/_input.scss +5 -0
- package/src/sass/components/_page-container.scss +20 -29
- package/src/sass/components/_page.scss +6 -17
- package/src/sass/components/_switch.scss +2 -0
- package/src/sass/components/_tabs.scss +3 -3
- package/src/sass/palette.scss +1 -1
- package/src/sass/variables.scss +12 -8
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const a=require("./NeonMenu.cjs.js"),e=require("vue"),t=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),i={ref:"menuWrapper",class:"neon-menu__wrapper"},d=["onClick"],u={class:"neon-menu__item-label"};function p(o,_,
|
|
1
|
+
"use strict";const a=require("./NeonMenu.cjs.js"),e=require("vue"),t=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),i={ref:"menuWrapper",class:"neon-menu__wrapper"},d=["onClick"],u={class:"neon-menu__item-label"};function p(o,m,_,y,b,h){const l=e.resolveComponent("neon-dropdown-menu"),s=e.resolveComponent("neon-icon"),r=e.resolveComponent("neon-link");return e.openBlock(),e.createElementBlock("nav",i,[e.createElementVNode("ul",{class:e.normalizeClass([[`neon-menu--${o.color}`,`neon-menu--${o.size}`],"neon-menu no-style"]),role:"menubar"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.menu,n=>(e.openBlock(),e.createElementBlock("li",{key:n.key,ref_for:!0,ref:"menuItem",class:e.normalizeClass([{"neon-menu__item--disabled":n.disabled},"neon-menu__item"]),role:"menuitem"},[n.children?(e.openBlock(),e.createBlock(l,{key:`${n.key}DropdownMenu`,class:e.normalizeClass({"router-link-active":o.routeMatches(n.href)}),color:o.color,disabled:n.disabled,icon:n.icon,label:n.label,model:n.children,openOnHover:!n.disabled,size:o.size,"dropdown-style":"text"},null,8,["class","color","disabled","icon","label","model","openOnHover","size"])):(e.openBlock(),e.createBlock(r,{key:`${n.key}Link`,class:e.normalizeClass({"router-link-active":o.routeMatches(n.href)}),href:n.href,"no-style":!0,tabindex:n.disabled?-1:0,"outline-style":"none",onKeydown:e.withKeys(c=>!n.disabled&&o.onClick(n.key),["enter"])},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"neon-menu__link-container",tabindex:"-1",onClick:c=>!n.disabled&&o.onClick(n.key)},[n.icon?(e.openBlock(),e.createBlock(s,{id:`${n.key}MenuIcon`,key:`${n.key}LinkIcon`,name:n.icon,class:"neon-menu__item-icon",color:"neutral"},null,8,["id","name"])):e.createCommentVNode("",!0),e.createElementVNode("span",u,e.toDisplayString(n.label),1)],8,d)]),_:2},1032,["class","href","tabindex","onKeydown"]))],2))),128))],2),e.createVNode(l,{class:e.normalizeClass([{"neon-menu__responsive-menu--hidden":o.responsiveMenuItems.length===0},"neon-menu__responsive-menu"]),color:o.color,indicator:!1,model:o.responsiveMenuItems,openOnHover:!0,size:o.size,"dropdown-style":"text",icon:"ellipsis",placement:"bottom-right"},null,8,["class","color","model","size"])],512)}const k=t(a,[["render",p]]);module.exports=k;
|
|
2
2
|
//# sourceMappingURL=NeonMenu.vue.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeonMenu.vue.cjs.js","sources":["../../../../src/components/navigation/menu/NeonMenu.vue"],"sourcesContent":["<template>\n <nav ref=\"menuWrapper\" class=\"neon-menu__wrapper\">\n <ul :class=\"[`neon-menu--${color}`, `neon-menu--${size}`]\" class=\"neon-menu no-style\" role=\"menubar\">\n <li\n v-for=\"item in menu\"\n :key=\"item.key\"\n ref=\"menuItem\"\n :class=\"{ 'neon-menu__item--disabled': item.disabled }\"\n class=\"neon-menu__item\"\n role=\"menuitem\"\n >\n <neon-dropdown-menu\n v-if=\"item.children\"\n :key=\"`${item.key}DropdownMenu`\"\n :class=\"{ 'router-link-active': routeMatches(item.href) }\"\n :color=\"color\"\n :disabled=\"item.disabled\"\n :icon=\"item.icon\"\n :label=\"item.label\"\n :model=\"item.children\"\n :openOnHover=\"!item.disabled\"\n :size=\"size\"\n dropdown-style=\"text\"\n />\n <neon-link\n v-else\n :key=\"`${item.key}Link`\"\n :class=\"{ 'router-link-active': routeMatches(item.href) }\"\n :href=\"item.href\"\n :no-style=\"true\"\n :tabindex=\"item.disabled ? -1 : 0\"\n outline-style=\"none\"\n @keydown.enter=\"!item.disabled && onClick(item.key)\"\n >\n <div class=\"neon-menu__link-container\" tabindex=\"-1\" @click=\"!item.disabled && onClick(item.key)\">\n <neon-icon\n v-if=\"item.icon\"\n :key=\"`${item.key}LinkIcon`\"\n :name=\"item.icon\"\n class=\"neon-menu__item-icon\"\n color=\"neutral\"\n />\n <span class=\"neon-menu__item-label\">{{ item.label }}</span>\n </div>\n </neon-link>\n </li>\n </ul>\n <neon-dropdown-menu\n :class=\"{ 'neon-menu__responsive-menu--hidden': responsiveMenuItems.length === 0 }\"\n :color=\"color\"\n :indicator=\"false\"\n :model=\"responsiveMenuItems\"\n :openOnHover=\"true\"\n :size=\"size\"\n class=\"neon-menu__responsive-menu\"\n dropdown-style=\"text\"\n icon=\"ellipsis\"\n placement=\"bottom-right\"\n />\n </nav>\n</template>\n\n<script lang=\"ts\" src=\"./NeonMenu.ts\" />\n"],"names":["_hoisted_3","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_ctx","_Fragment","_renderList","item","_createBlock","_component_neon_dropdown_menu","_component_neon_link","_withKeys","$event","_component_neon_icon","_toDisplayString","_createVNode"],"mappings":"sIACO,IAAI,cAAc,MAAM,
|
|
1
|
+
{"version":3,"file":"NeonMenu.vue.cjs.js","sources":["../../../../src/components/navigation/menu/NeonMenu.vue"],"sourcesContent":["<template>\n <nav ref=\"menuWrapper\" class=\"neon-menu__wrapper\">\n <ul :class=\"[`neon-menu--${color}`, `neon-menu--${size}`]\" class=\"neon-menu no-style\" role=\"menubar\">\n <li\n v-for=\"item in menu\"\n :key=\"item.key\"\n ref=\"menuItem\"\n :class=\"{ 'neon-menu__item--disabled': item.disabled }\"\n class=\"neon-menu__item\"\n role=\"menuitem\"\n >\n <neon-dropdown-menu\n v-if=\"item.children\"\n :key=\"`${item.key}DropdownMenu`\"\n :class=\"{ 'router-link-active': routeMatches(item.href) }\"\n :color=\"color\"\n :disabled=\"item.disabled\"\n :icon=\"item.icon\"\n :label=\"item.label\"\n :model=\"item.children\"\n :openOnHover=\"!item.disabled\"\n :size=\"size\"\n dropdown-style=\"text\"\n />\n <neon-link\n v-else\n :key=\"`${item.key}Link`\"\n :class=\"{ 'router-link-active': routeMatches(item.href) }\"\n :href=\"item.href\"\n :no-style=\"true\"\n :tabindex=\"item.disabled ? -1 : 0\"\n outline-style=\"none\"\n @keydown.enter=\"!item.disabled && onClick(item.key)\"\n >\n <div class=\"neon-menu__link-container\" tabindex=\"-1\" @click=\"!item.disabled && onClick(item.key)\">\n <neon-icon\n v-if=\"item.icon\"\n :id=\"`${item.key}MenuIcon`\"\n :key=\"`${item.key}LinkIcon`\"\n :name=\"item.icon\"\n class=\"neon-menu__item-icon\"\n color=\"neutral\"\n />\n <span class=\"neon-menu__item-label\">{{ item.label }}</span>\n </div>\n </neon-link>\n </li>\n </ul>\n <neon-dropdown-menu\n :class=\"{ 'neon-menu__responsive-menu--hidden': responsiveMenuItems.length === 0 }\"\n :color=\"color\"\n :indicator=\"false\"\n :model=\"responsiveMenuItems\"\n :openOnHover=\"true\"\n :size=\"size\"\n class=\"neon-menu__responsive-menu\"\n dropdown-style=\"text\"\n icon=\"ellipsis\"\n placement=\"bottom-right\"\n />\n </nav>\n</template>\n\n<script lang=\"ts\" src=\"./NeonMenu.ts\" />\n"],"names":["_hoisted_3","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_ctx","_Fragment","_renderList","item","_createBlock","_component_neon_dropdown_menu","_component_neon_link","_withKeys","$event","_component_neon_icon","_toDisplayString","_createVNode"],"mappings":"sIACO,IAAI,cAAc,MAAM,oCA0CbA,EAAA,CAAA,MAAM,uBAAuB,+IA1C7C,OAAAC,YAAA,EAAAC,qBA2DM,MA3DNC,EA2DM,CA1DJC,EAAAA,mBA6CK,KAAA,CA7CA,MAAKC,EAAAA,eAAA,CAAA,CAAA,cAAiBC,EAAA,KAAK,GAAA,cAAkBA,EAAA,IAAI,IAAW,oBAAoB,CAAA,EAAC,KAAK,6BACzFJ,EAAAA,mBA2CKK,EAAAA,SAAA,KAAAC,EAAAA,WA1CYF,EAAA,KAARG,kBADTP,EAAAA,mBA2CK,KAAA,CAzCF,IAAKO,EAAK,eACX,IAAI,WACH,MAAKJ,EAAAA,eAAA,CAAA,CAAA,4BAAiCI,EAAK,QAAQ,EAC9C,iBAAiB,CAAA,EACvB,KAAK,aAGGA,EAAK,wBADbC,EAAAA,YAYEC,EAAA,CAVC,IAAG,GAAKF,EAAK,GAAG,eAChB,MAAKJ,EAAAA,eAAA,CAAA,qBAA0BC,EAAA,aAAaG,EAAK,IAAI,EAAA,EACrD,MAAOH,EAAA,MACP,SAAUG,EAAK,SACf,KAAMA,EAAK,KACX,MAAOA,EAAK,MACZ,MAAOA,EAAK,SACZ,YAAW,CAAGA,EAAK,SACnB,KAAMH,EAAA,KACP,iBAAe,yGAEjBI,EAAAA,YAqBYE,EAAA,CAnBT,IAAG,GAAKH,EAAK,GAAG,OAChB,MAAKJ,EAAAA,eAAA,CAAA,qBAA0BC,EAAA,aAAaG,EAAK,IAAI,EAAA,EACrD,KAAMA,EAAK,KACX,WAAU,GACV,SAAUA,EAAK,SAAQ,GAAA,EACxB,gBAAc,OACb,UAAOI,EAAAA,SAAAC,GAAA,CAASL,EAAK,UAAYH,EAAA,QAAQG,EAAK,GAAG,EAAA,CAAA,OAAA,CAAA,sBAElD,IAUM,CAVNL,EAAAA,mBAUM,MAAA,CAVD,MAAM,4BAA4B,SAAS,KAAM,QAAKU,GAAA,CAAGL,EAAK,UAAYH,EAAA,QAAQG,EAAK,GAAG,IAErFA,EAAK,oBADbC,EAAAA,YAOEK,EAAA,CALC,GAAE,GAAKN,EAAK,GAAG,WACf,IAAG,GAAKA,EAAK,GAAG,WAChB,KAAMA,EAAK,KACZ,MAAM,uBACN,MAAM,8DAERL,EAAAA,mBAA2D,OAA3DJ,EAA2DgB,EAAAA,gBAApBP,EAAK,KAAK,EAAA,CAAA,8EAKzDQ,EAAAA,YAWEN,EAAA,CAVC,MAAKN,EAAAA,eAAA,CAAA,CAAA,qCAA0CC,EAAA,oBAAoB,YAM9D,4BAA4B,CAAA,EALjC,MAAOA,EAAA,MACP,UAAW,GACX,MAAOA,EAAA,oBACP,YAAa,GACb,KAAMA,EAAA,KAEP,iBAAe,OACf,KAAK,WACL,UAAU"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import p from "./NeonMenu.es.js";
|
|
2
|
-
import { resolveComponent as s, openBlock as o, createElementBlock as r, createElementVNode as a, normalizeClass as l, Fragment as m, renderList as _, createBlock as i, withKeys as k, withCtx as
|
|
2
|
+
import { resolveComponent as s, openBlock as o, createElementBlock as r, createElementVNode as a, normalizeClass as l, Fragment as m, renderList as _, createBlock as i, withKeys as k, withCtx as y, createCommentVNode as b, toDisplayString as f, createVNode as h } from "vue";
|
|
3
3
|
import v from "../../../_virtual/_plugin-vue_export-helper.es.js";
|
|
4
4
|
const $ = {
|
|
5
5
|
ref: "menuWrapper",
|
|
6
6
|
class: "neon-menu__wrapper"
|
|
7
7
|
}, w = ["onClick"], z = { class: "neon-menu__item-label" };
|
|
8
|
-
function C(n, M,
|
|
8
|
+
function C(n, M, I, g, N, B) {
|
|
9
9
|
const c = s("neon-dropdown-menu"), d = s("neon-icon"), t = s("neon-link");
|
|
10
10
|
return o(), r("nav", $, [
|
|
11
11
|
a("ul", {
|
|
@@ -39,19 +39,20 @@ function C(n, M, g, I, N, B) {
|
|
|
39
39
|
"outline-style": "none",
|
|
40
40
|
onKeydown: k((u) => !e.disabled && n.onClick(e.key), ["enter"])
|
|
41
41
|
}, {
|
|
42
|
-
default:
|
|
42
|
+
default: y(() => [
|
|
43
43
|
a("div", {
|
|
44
44
|
class: "neon-menu__link-container",
|
|
45
45
|
tabindex: "-1",
|
|
46
46
|
onClick: (u) => !e.disabled && n.onClick(e.key)
|
|
47
47
|
}, [
|
|
48
48
|
e.icon ? (o(), i(d, {
|
|
49
|
+
id: `${e.key}MenuIcon`,
|
|
49
50
|
key: `${e.key}LinkIcon`,
|
|
50
51
|
name: e.icon,
|
|
51
52
|
class: "neon-menu__item-icon",
|
|
52
53
|
color: "neutral"
|
|
53
|
-
}, null, 8, ["name"])) :
|
|
54
|
-
a("span", z,
|
|
54
|
+
}, null, 8, ["id", "name"])) : b("", !0),
|
|
55
|
+
a("span", z, f(e.label), 1)
|
|
55
56
|
], 8, w)
|
|
56
57
|
]),
|
|
57
58
|
_: 2
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeonMenu.vue.es.js","sources":["../../../../src/components/navigation/menu/NeonMenu.vue"],"sourcesContent":["<template>\n <nav ref=\"menuWrapper\" class=\"neon-menu__wrapper\">\n <ul :class=\"[`neon-menu--${color}`, `neon-menu--${size}`]\" class=\"neon-menu no-style\" role=\"menubar\">\n <li\n v-for=\"item in menu\"\n :key=\"item.key\"\n ref=\"menuItem\"\n :class=\"{ 'neon-menu__item--disabled': item.disabled }\"\n class=\"neon-menu__item\"\n role=\"menuitem\"\n >\n <neon-dropdown-menu\n v-if=\"item.children\"\n :key=\"`${item.key}DropdownMenu`\"\n :class=\"{ 'router-link-active': routeMatches(item.href) }\"\n :color=\"color\"\n :disabled=\"item.disabled\"\n :icon=\"item.icon\"\n :label=\"item.label\"\n :model=\"item.children\"\n :openOnHover=\"!item.disabled\"\n :size=\"size\"\n dropdown-style=\"text\"\n />\n <neon-link\n v-else\n :key=\"`${item.key}Link`\"\n :class=\"{ 'router-link-active': routeMatches(item.href) }\"\n :href=\"item.href\"\n :no-style=\"true\"\n :tabindex=\"item.disabled ? -1 : 0\"\n outline-style=\"none\"\n @keydown.enter=\"!item.disabled && onClick(item.key)\"\n >\n <div class=\"neon-menu__link-container\" tabindex=\"-1\" @click=\"!item.disabled && onClick(item.key)\">\n <neon-icon\n v-if=\"item.icon\"\n :key=\"`${item.key}LinkIcon`\"\n :name=\"item.icon\"\n class=\"neon-menu__item-icon\"\n color=\"neutral\"\n />\n <span class=\"neon-menu__item-label\">{{ item.label }}</span>\n </div>\n </neon-link>\n </li>\n </ul>\n <neon-dropdown-menu\n :class=\"{ 'neon-menu__responsive-menu--hidden': responsiveMenuItems.length === 0 }\"\n :color=\"color\"\n :indicator=\"false\"\n :model=\"responsiveMenuItems\"\n :openOnHover=\"true\"\n :size=\"size\"\n class=\"neon-menu__responsive-menu\"\n dropdown-style=\"text\"\n icon=\"ellipsis\"\n placement=\"bottom-right\"\n />\n </nav>\n</template>\n\n<script lang=\"ts\" src=\"./NeonMenu.ts\" />\n"],"names":["_hoisted_3","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_ctx","_Fragment","_renderList","item","_createBlock","_component_neon_dropdown_menu","_component_neon_link","_withKeys","$event","_component_neon_icon","_toDisplayString","_createVNode"],"mappings":";;;;EACO,KAAI;AAAA,EAAc,OAAM;
|
|
1
|
+
{"version":3,"file":"NeonMenu.vue.es.js","sources":["../../../../src/components/navigation/menu/NeonMenu.vue"],"sourcesContent":["<template>\n <nav ref=\"menuWrapper\" class=\"neon-menu__wrapper\">\n <ul :class=\"[`neon-menu--${color}`, `neon-menu--${size}`]\" class=\"neon-menu no-style\" role=\"menubar\">\n <li\n v-for=\"item in menu\"\n :key=\"item.key\"\n ref=\"menuItem\"\n :class=\"{ 'neon-menu__item--disabled': item.disabled }\"\n class=\"neon-menu__item\"\n role=\"menuitem\"\n >\n <neon-dropdown-menu\n v-if=\"item.children\"\n :key=\"`${item.key}DropdownMenu`\"\n :class=\"{ 'router-link-active': routeMatches(item.href) }\"\n :color=\"color\"\n :disabled=\"item.disabled\"\n :icon=\"item.icon\"\n :label=\"item.label\"\n :model=\"item.children\"\n :openOnHover=\"!item.disabled\"\n :size=\"size\"\n dropdown-style=\"text\"\n />\n <neon-link\n v-else\n :key=\"`${item.key}Link`\"\n :class=\"{ 'router-link-active': routeMatches(item.href) }\"\n :href=\"item.href\"\n :no-style=\"true\"\n :tabindex=\"item.disabled ? -1 : 0\"\n outline-style=\"none\"\n @keydown.enter=\"!item.disabled && onClick(item.key)\"\n >\n <div class=\"neon-menu__link-container\" tabindex=\"-1\" @click=\"!item.disabled && onClick(item.key)\">\n <neon-icon\n v-if=\"item.icon\"\n :id=\"`${item.key}MenuIcon`\"\n :key=\"`${item.key}LinkIcon`\"\n :name=\"item.icon\"\n class=\"neon-menu__item-icon\"\n color=\"neutral\"\n />\n <span class=\"neon-menu__item-label\">{{ item.label }}</span>\n </div>\n </neon-link>\n </li>\n </ul>\n <neon-dropdown-menu\n :class=\"{ 'neon-menu__responsive-menu--hidden': responsiveMenuItems.length === 0 }\"\n :color=\"color\"\n :indicator=\"false\"\n :model=\"responsiveMenuItems\"\n :openOnHover=\"true\"\n :size=\"size\"\n class=\"neon-menu__responsive-menu\"\n dropdown-style=\"text\"\n icon=\"ellipsis\"\n placement=\"bottom-right\"\n />\n </nav>\n</template>\n\n<script lang=\"ts\" src=\"./NeonMenu.ts\" />\n"],"names":["_hoisted_3","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_ctx","_Fragment","_renderList","item","_createBlock","_component_neon_dropdown_menu","_component_neon_link","_withKeys","$event","_component_neon_icon","_toDisplayString","_createVNode"],"mappings":";;;;EACO,KAAI;AAAA,EAAc,OAAM;oBA0CbA,IAAA,EAAA,OAAM,wBAAuB;;;AA1C7C,SAAAC,EAAA,GAAAC,EA2DM,OA3DNC,GA2DM;AAAA,IA1DJC,EA6CK,MAAA;AAAA,MA7CA,OAAKC,EAAA,CAAA,CAAA,cAAiBC,EAAA,KAAK,IAAA,cAAkBA,EAAA,IAAI,KAAW,oBAAoB,CAAA;AAAA,MAAC,MAAK;AAAA;cACzFJ,EA2CKK,GAAA,MAAAC,EA1CYF,EAAA,MAAI,CAAZG,YADTP,EA2CK,MAAA;AAAA,QAzCF,KAAKO,EAAK;AAAA;QACX,KAAI;AAAA,QACH,OAAKJ,EAAA,CAAA,EAAA,6BAAiCI,EAAK,SAAQ,GAC9C,iBAAiB,CAAA;AAAA,QACvB,MAAK;AAAA;QAGGA,EAAK,iBADbC,EAYEC,GAAA;AAAA,UAVC,KAAG,GAAKF,EAAK,GAAG;AAAA,UAChB,OAAKJ,EAAA,EAAA,sBAA0BC,EAAA,aAAaG,EAAK,IAAI,GAAA;AAAA,UACrD,OAAOH,EAAA;AAAA,UACP,UAAUG,EAAK;AAAA,UACf,MAAMA,EAAK;AAAA,UACX,OAAOA,EAAK;AAAA,UACZ,OAAOA,EAAK;AAAA,UACZ,aAAW,CAAGA,EAAK;AAAA,UACnB,MAAMH,EAAA;AAAA,UACP,kBAAe;AAAA,8GAEjBI,EAqBYE,GAAA;AAAA,UAnBT,KAAG,GAAKH,EAAK,GAAG;AAAA,UAChB,OAAKJ,EAAA,EAAA,sBAA0BC,EAAA,aAAaG,EAAK,IAAI,GAAA;AAAA,UACrD,MAAMA,EAAK;AAAA,UACX,YAAU;AAAA,UACV,UAAUA,EAAK,WAAQ,KAAA;AAAA,UACxB,iBAAc;AAAA,UACb,WAAOI,EAAA,CAAAC,MAAA,CAASL,EAAK,YAAYH,EAAA,QAAQG,EAAK,GAAG,GAAA,CAAA,OAAA,CAAA;AAAA;qBAElD,MAUM;AAAA,YAVNL,EAUM,OAAA;AAAA,cAVD,OAAM;AAAA,cAA4B,UAAS;AAAA,cAAM,SAAK,CAAAU,MAAA,CAAGL,EAAK,YAAYH,EAAA,QAAQG,EAAK,GAAG;AAAA;cAErFA,EAAK,aADbC,EAOEK,GAAA;AAAA,gBALC,IAAE,GAAKN,EAAK,GAAG;AAAA,gBACf,KAAG,GAAKA,EAAK,GAAG;AAAA,gBAChB,MAAMA,EAAK;AAAA,gBACZ,OAAM;AAAA,gBACN,OAAM;AAAA;cAERL,EAA2D,QAA3DJ,GAA2DgB,EAApBP,EAAK,KAAK,GAAA,CAAA;AAAA;;;;;;IAKzDQ,EAWEN,GAAA;AAAA,MAVC,OAAKN,EAAA,CAAA,EAAA,sCAA0CC,EAAA,oBAAoB,gBAM9D,4BAA4B,CAAA;AAAA,MALjC,OAAOA,EAAA;AAAA,MACP,WAAW;AAAA,MACX,OAAOA,EAAA;AAAA,MACP,aAAa;AAAA,MACb,MAAMA,EAAA;AAAA,MAEP,kBAAe;AAAA,MACf,MAAK;AAAA,MACL,WAAU;AAAA;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const t=require("./NeonMobileMenu.cjs.js"),e=require("vue"),
|
|
1
|
+
"use strict";const t=require("./NeonMobileMenu.cjs.js"),e=require("vue"),c=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),a={ref:"menuWrapper",class:"neon-mobile-menu__wrapper"},i=["onClick"],u={class:"neon-mobile-menu__item-label"};function d(o,k,m,b,p,y){const l=e.resolveComponent("neon-icon"),r=e.resolveComponent("neon-link");return e.openBlock(),e.createElementBlock("nav",a,[e.createElementVNode("ul",{class:e.normalizeClass([[`neon-mobile-menu--${o.color}`],"neon-mobile-menu no-style"]),role:"menubar"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.menu,n=>(e.openBlock(),e.createElementBlock("li",{key:n.key,ref_for:!0,ref:"menuItem",class:e.normalizeClass([{"neon-mobile-menu__item--disabled":n.disabled},"neon-mobile-menu__item"]),role:"menuitem",tabindex:"-1"},[(e.openBlock(),e.createBlock(r,{key:`${n.key}Link`,class:e.normalizeClass({"router-link-active":n.href&&o.routeMatches(n.href)}),href:n.disabled?null:n.href,"no-style":!0,tabindex:n.disabled?-1:0,"outline-style":"none",onKeydown:e.withKeys(s=>!n.disabled&&o.onClick(n.key),["enter"])},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"neon-mobile-menu__link-container",tabindex:"-1",onClick:s=>!n.disabled&&o.onClick(n.key)},[n.icon?(e.openBlock(),e.createBlock(l,{id:`${n.key}MobileMenuIcon`,key:`${n.key}LinkIcon`,disabled:n.disabled,name:n.icon,class:"neon-mobile-menu__item-icon"},null,8,["id","disabled","name"])):e.createCommentVNode("",!0),e.createElementVNode("span",u,e.toDisplayString(n.label),1)],8,i)]),_:2},1032,["class","href","tabindex","onKeydown"]))],2))),128))],2)],512)}const _=c(t,[["render",d]]);module.exports=_;
|
|
2
2
|
//# sourceMappingURL=NeonMobileMenu.vue.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeonMobileMenu.vue.cjs.js","sources":["../../../../src/components/navigation/mobile-menu/NeonMobileMenu.vue"],"sourcesContent":["<template>\n <nav ref=\"menuWrapper\" class=\"neon-mobile-menu__wrapper\">\n <ul :class=\"[`neon-mobile-menu--${color}`]\" class=\"neon-mobile-menu no-style\" role=\"menubar\">\n <li\n v-for=\"item in menu\"\n :key=\"item.key\"\n ref=\"menuItem\"\n :class=\"{ 'neon-mobile-menu__item--disabled': item.disabled }\"\n class=\"neon-mobile-menu__item\"\n role=\"menuitem\"\n tabindex=\"-1\"\n >\n <neon-link\n :key=\"`${item.key}Link`\"\n :class=\"{ 'router-link-active': item.href && routeMatches(item.href) }\"\n :href=\"!item.disabled ? item.href : null\"\n :no-style=\"true\"\n :tabindex=\"item.disabled ? -1 : 0\"\n outline-style=\"none\"\n @keydown.enter=\"!item.disabled && onClick(item.key)\"\n >\n <div class=\"neon-mobile-menu__link-container\" tabindex=\"-1\" @click=\"!item.disabled && onClick(item.key)\">\n <neon-icon\n v-if=\"item.icon\"\n :key=\"`${item.key}LinkIcon`\"\n :disabled=\"item.disabled\"\n :name=\"item.icon\"\n class=\"neon-mobile-menu__item-icon\"\n />\n <span class=\"neon-mobile-menu__item-label\">{{ item.label }}</span>\n </div>\n </neon-link>\n </li>\n </ul>\n </nav>\n</template>\n\n<script lang=\"ts\" src=\"./NeonMobileMenu.ts\" />\n"],"names":["_hoisted_3","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_ctx","_Fragment","_renderList","item","_createBlock","_component_neon_link","_withKeys","$event","_component_neon_icon","_toDisplayString"],"mappings":"4IACO,IAAI,cAAc,MAAM,
|
|
1
|
+
{"version":3,"file":"NeonMobileMenu.vue.cjs.js","sources":["../../../../src/components/navigation/mobile-menu/NeonMobileMenu.vue"],"sourcesContent":["<template>\n <nav ref=\"menuWrapper\" class=\"neon-mobile-menu__wrapper\">\n <ul :class=\"[`neon-mobile-menu--${color}`]\" class=\"neon-mobile-menu no-style\" role=\"menubar\">\n <li\n v-for=\"item in menu\"\n :key=\"item.key\"\n ref=\"menuItem\"\n :class=\"{ 'neon-mobile-menu__item--disabled': item.disabled }\"\n class=\"neon-mobile-menu__item\"\n role=\"menuitem\"\n tabindex=\"-1\"\n >\n <neon-link\n :key=\"`${item.key}Link`\"\n :class=\"{ 'router-link-active': item.href && routeMatches(item.href) }\"\n :href=\"!item.disabled ? item.href : null\"\n :no-style=\"true\"\n :tabindex=\"item.disabled ? -1 : 0\"\n outline-style=\"none\"\n @keydown.enter=\"!item.disabled && onClick(item.key)\"\n >\n <div class=\"neon-mobile-menu__link-container\" tabindex=\"-1\" @click=\"!item.disabled && onClick(item.key)\">\n <neon-icon\n v-if=\"item.icon\"\n :id=\"`${item.key}MobileMenuIcon`\"\n :key=\"`${item.key}LinkIcon`\"\n :disabled=\"item.disabled\"\n :name=\"item.icon\"\n class=\"neon-mobile-menu__item-icon\"\n />\n <span class=\"neon-mobile-menu__item-label\">{{ item.label }}</span>\n </div>\n </neon-link>\n </li>\n </ul>\n </nav>\n</template>\n\n<script lang=\"ts\" src=\"./NeonMobileMenu.ts\" />\n"],"names":["_hoisted_3","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_ctx","_Fragment","_renderList","item","_createBlock","_component_neon_link","_withKeys","$event","_component_neon_icon","_toDisplayString"],"mappings":"4IACO,IAAI,cAAc,MAAM,2CA6BbA,EAAA,CAAA,MAAM,8BAA8B,oGA7BpD,OAAAC,YAAA,EAAAC,qBAkCM,MAlCNC,EAkCM,CAjCJC,EAAAA,mBAgCK,KAAA,CAhCA,MAAKC,EAAAA,eAAA,CAAA,CAAA,qBAAwBC,EAAA,KAAK,EAAA,EAAW,2BAA2B,CAAA,EAAC,KAAK,6BACjFJ,EAAAA,mBA8BKK,EAAAA,SAAA,KAAAC,EAAAA,WA7BYF,EAAA,KAARG,kBADTP,EAAAA,mBA8BK,KAAA,CA5BF,IAAKO,EAAK,eACX,IAAI,WACH,MAAKJ,EAAAA,eAAA,CAAA,CAAA,mCAAwCI,EAAK,QAAQ,EACrD,wBAAwB,CAAA,EAC9B,KAAK,WACL,SAAS,sBAETC,EAAAA,YAoBYC,EAAA,CAnBT,IAAG,GAAKF,EAAK,GAAG,OAChB,MAAKJ,EAAAA,eAAA,CAAA,qBAA0BI,EAAK,MAAQH,EAAA,aAAaG,EAAK,IAAI,EAAA,EAClE,KAAOA,EAAK,SAAoB,KAATA,EAAK,KAC5B,WAAU,GACV,SAAUA,EAAK,SAAQ,GAAA,EACxB,gBAAc,OACb,UAAOG,EAAAA,SAAAC,GAAA,CAASJ,EAAK,UAAYH,EAAA,QAAQG,EAAK,GAAG,EAAA,CAAA,OAAA,CAAA,sBAElD,IAUM,CAVNL,EAAAA,mBAUM,MAAA,CAVD,MAAM,mCAAmC,SAAS,KAAM,QAAKS,GAAA,CAAGJ,EAAK,UAAYH,EAAA,QAAQG,EAAK,GAAG,IAE5FA,EAAK,oBADbC,EAAAA,YAOEI,EAAA,CALC,GAAE,GAAKL,EAAK,GAAG,iBACf,IAAG,GAAKA,EAAK,GAAG,WAChB,SAAUA,EAAK,SACf,KAAMA,EAAK,KACZ,MAAM,6FAERL,EAAAA,mBAAkE,OAAlEJ,EAAkEe,EAAAA,gBAApBN,EAAK,KAAK,EAAA,CAAA"}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import u from "./NeonMobileMenu.es.js";
|
|
2
|
-
import { resolveComponent as a, openBlock as o, createElementBlock as l, createElementVNode as r, normalizeClass as s, Fragment as
|
|
2
|
+
import { resolveComponent as a, openBlock as o, createElementBlock as l, createElementVNode as r, normalizeClass as s, Fragment as _, renderList as m, createBlock as i, withKeys as b, withCtx as k, createCommentVNode as p, toDisplayString as f } from "vue";
|
|
3
3
|
import y from "../../../_virtual/_plugin-vue_export-helper.es.js";
|
|
4
4
|
const h = {
|
|
5
5
|
ref: "menuWrapper",
|
|
6
6
|
class: "neon-mobile-menu__wrapper"
|
|
7
7
|
}, $ = ["onClick"], C = { class: "neon-mobile-menu__item-label" };
|
|
8
|
-
function v(n, w, x, B,
|
|
8
|
+
function v(n, w, M, x, B, I) {
|
|
9
9
|
const t = a("neon-icon"), c = a("neon-link");
|
|
10
10
|
return o(), l("nav", h, [
|
|
11
11
|
r("ul", {
|
|
12
12
|
class: s([[`neon-mobile-menu--${n.color}`], "neon-mobile-menu no-style"]),
|
|
13
13
|
role: "menubar"
|
|
14
14
|
}, [
|
|
15
|
-
(o(!0), l(
|
|
15
|
+
(o(!0), l(_, null, m(n.menu, (e) => (o(), l("li", {
|
|
16
16
|
key: e.key,
|
|
17
17
|
ref_for: !0,
|
|
18
18
|
ref: "menuItem",
|
|
@@ -36,11 +36,12 @@ function v(n, w, x, B, K, L) {
|
|
|
36
36
|
onClick: (d) => !e.disabled && n.onClick(e.key)
|
|
37
37
|
}, [
|
|
38
38
|
e.icon ? (o(), i(t, {
|
|
39
|
+
id: `${e.key}MobileMenuIcon`,
|
|
39
40
|
key: `${e.key}LinkIcon`,
|
|
40
41
|
disabled: e.disabled,
|
|
41
42
|
name: e.icon,
|
|
42
43
|
class: "neon-mobile-menu__item-icon"
|
|
43
|
-
}, null, 8, ["disabled", "name"])) : p("", !0),
|
|
44
|
+
}, null, 8, ["id", "disabled", "name"])) : p("", !0),
|
|
44
45
|
r("span", C, f(e.label), 1)
|
|
45
46
|
], 8, $)
|
|
46
47
|
]),
|
|
@@ -50,8 +51,8 @@ function v(n, w, x, B, K, L) {
|
|
|
50
51
|
], 2)
|
|
51
52
|
], 512);
|
|
52
53
|
}
|
|
53
|
-
const
|
|
54
|
+
const g = /* @__PURE__ */ y(u, [["render", v]]);
|
|
54
55
|
export {
|
|
55
|
-
|
|
56
|
+
g as default
|
|
56
57
|
};
|
|
57
58
|
//# sourceMappingURL=NeonMobileMenu.vue.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeonMobileMenu.vue.es.js","sources":["../../../../src/components/navigation/mobile-menu/NeonMobileMenu.vue"],"sourcesContent":["<template>\n <nav ref=\"menuWrapper\" class=\"neon-mobile-menu__wrapper\">\n <ul :class=\"[`neon-mobile-menu--${color}`]\" class=\"neon-mobile-menu no-style\" role=\"menubar\">\n <li\n v-for=\"item in menu\"\n :key=\"item.key\"\n ref=\"menuItem\"\n :class=\"{ 'neon-mobile-menu__item--disabled': item.disabled }\"\n class=\"neon-mobile-menu__item\"\n role=\"menuitem\"\n tabindex=\"-1\"\n >\n <neon-link\n :key=\"`${item.key}Link`\"\n :class=\"{ 'router-link-active': item.href && routeMatches(item.href) }\"\n :href=\"!item.disabled ? item.href : null\"\n :no-style=\"true\"\n :tabindex=\"item.disabled ? -1 : 0\"\n outline-style=\"none\"\n @keydown.enter=\"!item.disabled && onClick(item.key)\"\n >\n <div class=\"neon-mobile-menu__link-container\" tabindex=\"-1\" @click=\"!item.disabled && onClick(item.key)\">\n <neon-icon\n v-if=\"item.icon\"\n :key=\"`${item.key}LinkIcon`\"\n :disabled=\"item.disabled\"\n :name=\"item.icon\"\n class=\"neon-mobile-menu__item-icon\"\n />\n <span class=\"neon-mobile-menu__item-label\">{{ item.label }}</span>\n </div>\n </neon-link>\n </li>\n </ul>\n </nav>\n</template>\n\n<script lang=\"ts\" src=\"./NeonMobileMenu.ts\" />\n"],"names":["_hoisted_3","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_ctx","_Fragment","_renderList","item","_createBlock","_component_neon_link","_withKeys","$event","_component_neon_icon","_toDisplayString"],"mappings":";;;;EACO,KAAI;AAAA,EAAc,OAAM;
|
|
1
|
+
{"version":3,"file":"NeonMobileMenu.vue.es.js","sources":["../../../../src/components/navigation/mobile-menu/NeonMobileMenu.vue"],"sourcesContent":["<template>\n <nav ref=\"menuWrapper\" class=\"neon-mobile-menu__wrapper\">\n <ul :class=\"[`neon-mobile-menu--${color}`]\" class=\"neon-mobile-menu no-style\" role=\"menubar\">\n <li\n v-for=\"item in menu\"\n :key=\"item.key\"\n ref=\"menuItem\"\n :class=\"{ 'neon-mobile-menu__item--disabled': item.disabled }\"\n class=\"neon-mobile-menu__item\"\n role=\"menuitem\"\n tabindex=\"-1\"\n >\n <neon-link\n :key=\"`${item.key}Link`\"\n :class=\"{ 'router-link-active': item.href && routeMatches(item.href) }\"\n :href=\"!item.disabled ? item.href : null\"\n :no-style=\"true\"\n :tabindex=\"item.disabled ? -1 : 0\"\n outline-style=\"none\"\n @keydown.enter=\"!item.disabled && onClick(item.key)\"\n >\n <div class=\"neon-mobile-menu__link-container\" tabindex=\"-1\" @click=\"!item.disabled && onClick(item.key)\">\n <neon-icon\n v-if=\"item.icon\"\n :id=\"`${item.key}MobileMenuIcon`\"\n :key=\"`${item.key}LinkIcon`\"\n :disabled=\"item.disabled\"\n :name=\"item.icon\"\n class=\"neon-mobile-menu__item-icon\"\n />\n <span class=\"neon-mobile-menu__item-label\">{{ item.label }}</span>\n </div>\n </neon-link>\n </li>\n </ul>\n </nav>\n</template>\n\n<script lang=\"ts\" src=\"./NeonMobileMenu.ts\" />\n"],"names":["_hoisted_3","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_ctx","_Fragment","_renderList","item","_createBlock","_component_neon_link","_withKeys","$event","_component_neon_icon","_toDisplayString"],"mappings":";;;;EACO,KAAI;AAAA,EAAc,OAAM;oBA6BbA,IAAA,EAAA,OAAM,+BAA8B;;;AA7BpD,SAAAC,EAAA,GAAAC,EAkCM,OAlCNC,GAkCM;AAAA,IAjCJC,EAgCK,MAAA;AAAA,MAhCA,OAAKC,EAAA,CAAA,CAAA,qBAAwBC,EAAA,KAAK,EAAA,GAAW,2BAA2B,CAAA;AAAA,MAAC,MAAK;AAAA;cACjFJ,EA8BKK,GAAA,MAAAC,EA7BYF,EAAA,MAAI,CAAZG,YADTP,EA8BK,MAAA;AAAA,QA5BF,KAAKO,EAAK;AAAA;QACX,KAAI;AAAA,QACH,OAAKJ,EAAA,CAAA,EAAA,oCAAwCI,EAAK,SAAQ,GACrD,wBAAwB,CAAA;AAAA,QAC9B,MAAK;AAAA,QACL,UAAS;AAAA;cAETC,EAoBYC,GAAA;AAAA,UAnBT,KAAG,GAAKF,EAAK,GAAG;AAAA,UAChB,OAAKJ,EAAA,EAAA,sBAA0BI,EAAK,QAAQH,EAAA,aAAaG,EAAK,IAAI,GAAA;AAAA,UAClE,MAAOA,EAAK,WAAoB,OAATA,EAAK;AAAA,UAC5B,YAAU;AAAA,UACV,UAAUA,EAAK,WAAQ,KAAA;AAAA,UACxB,iBAAc;AAAA,UACb,WAAOG,EAAA,CAAAC,MAAA,CAASJ,EAAK,YAAYH,EAAA,QAAQG,EAAK,GAAG,GAAA,CAAA,OAAA,CAAA;AAAA;qBAElD,MAUM;AAAA,YAVNL,EAUM,OAAA;AAAA,cAVD,OAAM;AAAA,cAAmC,UAAS;AAAA,cAAM,SAAK,CAAAS,MAAA,CAAGJ,EAAK,YAAYH,EAAA,QAAQG,EAAK,GAAG;AAAA;cAE5FA,EAAK,aADbC,EAOEI,GAAA;AAAA,gBALC,IAAE,GAAKL,EAAK,GAAG;AAAA,gBACf,KAAG,GAAKA,EAAK,GAAG;AAAA,gBAChB,UAAUA,EAAK;AAAA,gBACf,MAAMA,EAAK;AAAA,gBACZ,OAAM;AAAA;cAERL,EAAkE,QAAlEJ,GAAkEe,EAApBN,EAAK,KAAK,GAAA,CAAA;AAAA;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aotearoan/neon",
|
|
3
3
|
"description": "Neon is a lightweight design library of Vue 3 components with minimal dependencies.",
|
|
4
|
-
"version": "23.2.
|
|
4
|
+
"version": "23.2.2",
|
|
5
5
|
"main": "./dist/neon.cjs.js",
|
|
6
6
|
"module": "./dist/neon.es.js",
|
|
7
7
|
"types": "./dist/src/neon.d.ts",
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
@use '../includes/responsive';
|
|
2
2
|
@use '../includes/typography';
|
|
3
3
|
|
|
4
|
-
$message-height: calc(var(--neon-font-size-s) * var(--neon-line-height-ratio));
|
|
5
|
-
|
|
6
4
|
@mixin field {
|
|
7
5
|
.neon-field {
|
|
8
6
|
width: 100%;
|
|
@@ -36,7 +34,7 @@ $message-height: calc(var(--neon-font-size-s) * var(--neon-line-height-ratio));
|
|
|
36
34
|
.neon-field__message {
|
|
37
35
|
bottom: 0;
|
|
38
36
|
font-size: var(--neon-font-size-s);
|
|
39
|
-
min-height:
|
|
37
|
+
min-height: calc(var(--neon-font-size-s) * var(--neon-line-height-ratio));
|
|
40
38
|
text-transform: none;
|
|
41
39
|
letter-spacing: initial;
|
|
42
40
|
font-weight: var(--neon-font-weight-normal);
|
|
@@ -148,6 +148,11 @@
|
|
|
148
148
|
color: var(--neon-color-placeholder);
|
|
149
149
|
}
|
|
150
150
|
|
|
151
|
+
&:-webkit-autofill {
|
|
152
|
+
-webkit-box-shadow: 0 0 0 50rem var(--neon-background-color-autofill) inset;
|
|
153
|
+
-webkit-text-fill-color: var(--neon-color-autofill);
|
|
154
|
+
}
|
|
155
|
+
|
|
151
156
|
&-counter {
|
|
152
157
|
align-self: flex-start;
|
|
153
158
|
user-select: none;
|
|
@@ -7,34 +7,6 @@
|
|
|
7
7
|
padding-bottom: calc(var(--neon-space-20) + var(--neon-height-mobile-menu) + var(--neon-border-width));
|
|
8
8
|
gap: var(--neon-gutter);
|
|
9
9
|
|
|
10
|
-
@include layout.min-height(
|
|
11
|
-
100,
|
|
12
|
-
'var(--neon-top-nav-height-desktop) + var(--neon-border-width-top-nav) + var(--neon-footer-height-desktop) + var(--neon-border-width-footer)'
|
|
13
|
-
);
|
|
14
|
-
|
|
15
|
-
@include responsive.responsive(tablet) {
|
|
16
|
-
@include layout.min-height(
|
|
17
|
-
100,
|
|
18
|
-
'var(--neon-top-nav-height-tablet) + var(--neon-border-width-top-nav) + var(--neon-footer-height-tablet) + var(--neon-border-width-footer)'
|
|
19
|
-
);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
@include responsive.responsive(mobile-large) {
|
|
23
|
-
@include layout.min-height(100);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
&.neon-page-container--hide-nav {
|
|
27
|
-
@include layout.min-height(100, 'var(--neon-footer-height-desktop) + var(--neon-border-width-footer)');
|
|
28
|
-
|
|
29
|
-
@include responsive.responsive(tablet) {
|
|
30
|
-
@include layout.min-height(100, 'var(--neon-footer-height-tablet) + var(--neon-border-width-footer)');
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
@include responsive.responsive(mobile-large) {
|
|
34
|
-
@include layout.min-height(100);
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
|
|
38
10
|
&.neon-page-container--with-sticky-buttons {
|
|
39
11
|
padding-bottom: calc(
|
|
40
12
|
var(--neon-height-page-container-sticky-buttons) + var(--neon-space-20) + var(--neon-height-mobile-menu) +
|
|
@@ -44,7 +16,7 @@
|
|
|
44
16
|
|
|
45
17
|
h1,
|
|
46
18
|
.neon-page-container__title {
|
|
47
|
-
padding-top: var(--neon-gutter);
|
|
19
|
+
padding-top: calc(1.5 * var(--neon-gutter));
|
|
48
20
|
margin-bottom: 0;
|
|
49
21
|
}
|
|
50
22
|
|
|
@@ -52,4 +24,23 @@
|
|
|
52
24
|
padding-bottom: var(--neon-space-96);
|
|
53
25
|
}
|
|
54
26
|
}
|
|
27
|
+
|
|
28
|
+
/* All min-height logic */
|
|
29
|
+
@include responsive.responsive(larger-than-mobile-large) {
|
|
30
|
+
.neon-page--with-footer {
|
|
31
|
+
.neon-page-container {
|
|
32
|
+
min-height: calc(100% - (var(--neon-footer-height) + var(--neon-border-width-footer)));
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
@include responsive.responsive(mobile-large) {
|
|
38
|
+
.neon-page-container {
|
|
39
|
+
&--hide-nav {
|
|
40
|
+
min-height: 100%;
|
|
41
|
+
--neon-height-mobile-menu: 0rem;
|
|
42
|
+
--neon-height-mobile-menu-indicator: 0rem;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
55
46
|
}
|
|
@@ -8,28 +8,13 @@
|
|
|
8
8
|
width: 100vw;
|
|
9
9
|
@include layout.min-height(100);
|
|
10
10
|
|
|
11
|
-
&--with-top-nav .neon-page__container {
|
|
12
|
-
@include responsive.responsive(larger-than-tablet) {
|
|
13
|
-
padding-top: var(--neon-top-nav-height-desktop);
|
|
14
|
-
@include layout.min-height(100, 'var(--neon-top-nav-height) + var(--neon-border-width-top-nav) + var(--neon-footer-height) + var(--neon-border-width-footer)');
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
@include responsive.responsive(tablet) {
|
|
18
|
-
padding-top: var(--neon-top-nav-height-tablet);
|
|
19
|
-
@include layout.min-height(100, 'var(--neon-top-nav-height) + var(--neon-border-width-top-nav) + var(--neon-footer-height) + var(--neon-border-width-footer)');
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
@include responsive.responsive(mobile-large) {
|
|
23
|
-
padding-top: var(--neon-top-nav-height-mobile);
|
|
24
|
-
@include layout.min-height(100, 'var(--neon-top-nav-height) + var(--neon-border-width-top-nav) + var(--neon-footer-height) + var(--neon-border-width-footer)');
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
|
|
28
11
|
.neon-page__content-wrapper {
|
|
29
12
|
flex-direction: row;
|
|
30
13
|
}
|
|
31
14
|
|
|
32
15
|
.neon-page__container {
|
|
16
|
+
@include layout.min-height(100);
|
|
17
|
+
|
|
33
18
|
@include responsive.responsive(larger-than-tablet) {
|
|
34
19
|
padding-left: var(--neon-gutter-desktop);
|
|
35
20
|
padding-right: var(--neon-gutter-desktop);
|
|
@@ -50,6 +35,10 @@
|
|
|
50
35
|
}
|
|
51
36
|
}
|
|
52
37
|
|
|
38
|
+
&--with-top-nav .neon-page__container {
|
|
39
|
+
@include layout.min-height(100, 'var(--neon-top-nav-height)');
|
|
40
|
+
}
|
|
41
|
+
|
|
53
42
|
&--left {
|
|
54
43
|
&.neon-page--with-side-nav {
|
|
55
44
|
@include responsive.responsive(larger-than-tablet) {
|
|
@@ -137,9 +137,9 @@
|
|
|
137
137
|
|
|
138
138
|
.neon-tabs__menu-items--full-width-mobile {
|
|
139
139
|
@include responsive.responsive(mobile-large) {
|
|
140
|
-
margin: 0 calc(-
|
|
141
|
-
max-width: calc(100% +
|
|
142
|
-
width: calc(100% +
|
|
140
|
+
margin: 0 calc(-1 * var(--neon-gutter-mobile));
|
|
141
|
+
max-width: calc(100% + 2 * var(--neon-gutter-mobile));
|
|
142
|
+
width: calc(100% + 2 * var(--neon-gutter-mobile));
|
|
143
143
|
}
|
|
144
144
|
}
|
|
145
145
|
|
package/src/sass/palette.scss
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
--neon-rgb-disabled-border-light: 220, 220, 220;
|
|
17
17
|
--neon-rgb-disabled-text-light: 200, 200, 200;
|
|
18
18
|
--neon-rgb-low-contrast-l5: 221, 221, 221;
|
|
19
|
-
--neon-rgb-low-contrast-l4:
|
|
19
|
+
--neon-rgb-low-contrast-l4: 208, 208, 208;
|
|
20
20
|
--neon-rgb-low-contrast-l3: 176, 176, 176;
|
|
21
21
|
--neon-rgb-low-contrast-l2: 145, 145, 145;
|
|
22
22
|
--neon-rgb-low-contrast-l1: 114, 114, 114;
|
package/src/sass/variables.scss
CHANGED
|
@@ -138,13 +138,13 @@
|
|
|
138
138
|
--neon-font-weight-semi-bold: 600;
|
|
139
139
|
--neon-font-weight-bold: 700;
|
|
140
140
|
|
|
141
|
-
--neon-h6-weight: var(--neon-font-weight-
|
|
141
|
+
--neon-h6-weight: var(--neon-font-weight-medium);
|
|
142
142
|
--neon-h5-weight: var(--neon-font-weight-medium);
|
|
143
143
|
--neon-h4-weight: var(--neon-font-weight-medium);
|
|
144
144
|
--neon-h3-weight: var(--neon-font-weight-semi-bold);
|
|
145
145
|
--neon-h2-weight: var(--neon-font-weight-semi-bold);
|
|
146
|
-
--neon-h1-weight: var(--neon-font-weight-bold);
|
|
147
|
-
--neon-h0-weight: var(--neon-font-weight-bold);
|
|
146
|
+
--neon-h1-weight: var(--neon-font-weight-semi-bold);
|
|
147
|
+
--neon-h0-weight: var(--neon-font-weight-semi-bold);
|
|
148
148
|
|
|
149
149
|
--neon-font-weight-em: var(--neon-font-weight-extra-light);
|
|
150
150
|
--neon-font-weight-strong: var(--neon-font-weight-medium);
|
|
@@ -299,7 +299,7 @@
|
|
|
299
299
|
--neon-border-radius-button-xl: var(--neon-border-radius);
|
|
300
300
|
--neon-border-width-outline-button: 1rem;
|
|
301
301
|
--neon-text-transform-button: none;
|
|
302
|
-
--neon-font-weight-button: var(--neon-font-weight-
|
|
302
|
+
--neon-font-weight-button: var(--neon-font-weight-medium);
|
|
303
303
|
--neon-letter-spacing-button: var(--neon-letter-spacing-m);
|
|
304
304
|
|
|
305
305
|
/* tabs */
|
|
@@ -496,7 +496,7 @@
|
|
|
496
496
|
--neon-background-color-warn: var(--neon-color-warn-d1);
|
|
497
497
|
--neon-background-color-error: var(--neon-color-error-d1);
|
|
498
498
|
|
|
499
|
-
--neon-border-color: var(--neon-color-
|
|
499
|
+
--neon-border-color: var(--neon-color-low-contrast-d5);
|
|
500
500
|
--neon-border: var(--neon-border-width) var(--neon-border-style) var(--neon-border-color);
|
|
501
501
|
--neon-border-hr: 1rem var(--neon-border-style) var(--neon-border-color);
|
|
502
502
|
--neon-color-hr: var(--neon-border-color);
|
|
@@ -640,9 +640,11 @@
|
|
|
640
640
|
|
|
641
641
|
/* input */
|
|
642
642
|
--neon-color-input: var(--neon-color-text-secondary);
|
|
643
|
-
--neon-border-color-input: var(--neon-color
|
|
643
|
+
--neon-border-color-input: var(--neon-border-color);
|
|
644
644
|
--neon-background-color-input: rgba(var(--neon-rgb-neutral-d5), 0.5);
|
|
645
645
|
--neon-color-placeholder: var(--neon-color-low-contrast-d3);
|
|
646
|
+
--neon-background-color-autofill: var(--neon-color-primary-d5);
|
|
647
|
+
--neon-color-autofill: var(--neon-color-text-secondary);
|
|
646
648
|
|
|
647
649
|
/* drop zone */
|
|
648
650
|
--neon-rgb-drop-zone-background: var(--neon-rgb-neutral-d5);
|
|
@@ -813,7 +815,7 @@
|
|
|
813
815
|
--neon-background-color-warn: var(--neon-color-warn-l1);
|
|
814
816
|
--neon-background-color-error: var(--neon-color-error-l1);
|
|
815
817
|
|
|
816
|
-
--neon-border-color: var(--neon-color-
|
|
818
|
+
--neon-border-color: var(--neon-color-low-contrast-l4);
|
|
817
819
|
--neon-border: var(--neon-border-width) var(--neon-border-style) var(--neon-border-color);
|
|
818
820
|
--neon-border-hr: 1rem var(--neon-border-style) var(--neon-border-color);
|
|
819
821
|
--neon-color-hr: var(--neon-border-color);
|
|
@@ -957,9 +959,11 @@
|
|
|
957
959
|
|
|
958
960
|
/* input */
|
|
959
961
|
--neon-color-input: var(--neon-color-text-secondary);
|
|
960
|
-
--neon-border-color-input: var(--neon-color
|
|
962
|
+
--neon-border-color-input: var(--neon-border-color);
|
|
961
963
|
--neon-background-color-input: var(--neon-color-high-contrast-l5);
|
|
962
964
|
--neon-color-placeholder: var(--neon-color-low-contrast-l3);
|
|
965
|
+
--neon-background-color-autofill: var(--neon-color-primary-l5);
|
|
966
|
+
--neon-color-autofill: var(--neon-color-text-secondary);
|
|
963
967
|
|
|
964
968
|
/* drop zone */
|
|
965
969
|
--neon-rgb-drop-zone-background: var(--neon-rgb-high-contrast-l4);
|