@aotearoan/neon 21.0.1 → 21.0.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/link/NeonLink.vue.cjs.js +1 -1
- package/dist/components/navigation/link/NeonLink.vue.cjs.js.map +1 -1
- package/dist/components/navigation/link/NeonLink.vue.es.js +27 -33
- package/dist/components/navigation/link/NeonLink.vue.es.js.map +1 -1
- 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 +15 -15
- package/dist/components/navigation/menu/NeonMenu.vue.es.js.map +1 -1
- package/package.json +1 -1
- package/src/sass/components/_action-menu.scss +2 -7
- package/src/sass/components/_button.scss +0 -6
- package/src/sass/components/_card-list.scss +1 -6
- package/src/sass/components/_link.scss +3 -5
- package/src/sass/components/_search.scss +12 -0
- package/src/sass/components/_tree-menu.scss +1 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const r=require("./NeonLink.cjs.js"),n=require("vue"),s=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),
|
|
1
|
+
"use strict";const r=require("./NeonLink.cjs.js"),n=require("vue"),s=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),k=["href"];function a(e,o,p,d,y,C){const l=n.resolveComponent("router-link"),t=n.resolveComponent("neon-icon");return e.routerUrl?(n.openBlock(),n.createBlock(l,n.mergeProps({key:0,class:[[{"neon-link--no-style":e.noStyle,"neon-link--active":e.activeRoute,"neon-link--exact-active":e.exactRoute},`neon-link--outline-${e.outlineStyle}`],"neon-link neon-link--router-link"],to:e.routerUrl,tabindex:"0"},e.sanitizedAttributes,{onClick:e.onClick,onKeydown:[n.withKeys(e.onClick,["enter"]),n.withKeys(n.withModifiers(e.onSpace,["prevent"]),["space"])]}),{default:n.withCtx(()=>[n.renderSlot(e.$slots,"default")]),_:3},16,["class","to","onClick","onKeydown"])):e.href?(n.openBlock(),n.createElementBlock("a",n.mergeProps({key:1,class:[[{"neon-link--no-style":e.noStyle,"neon-link--with-external-indicator":e.externalIndicator,"neon-link--active":e.activeRoute,"neon-link--exact-active":e.exactRoute},`neon-link--outline-${e.outlineStyle}`],"neon-link neon-link--external-link"],href:e.href,rel:"noopener",tabindex:"0"},e.sanitizedAttributes,{onClick:o[0]||(o[0]=(...i)=>e.onClick&&e.onClick(...i)),onKeydown:[o[1]||(o[1]=n.withKeys((...i)=>e.onClick&&e.onClick(...i),["enter"])),o[2]||(o[2]=n.withKeys(n.withModifiers((...i)=>e.onSpace&&e.onSpace(...i),["prevent"]),["space"]))]}),[n.renderSlot(e.$slots,"default"),e.externalIndicator?(n.openBlock(),n.createBlock(t,{key:0,class:"neon-link__external-indicator",color:"low-contrast",name:"share-external-link-1"})):n.createCommentVNode("",!0)],16,k)):(n.openBlock(),n.createElementBlock("a",n.mergeProps({key:2,class:[[{"neon-link--no-style":e.noStyle},`neon-link--outline-${e.outlineStyle}`],"neon-link"],tabindex:"0"},e.sanitizedAttributes,{onClick:o[3]||(o[3]=(...i)=>e.onClick&&e.onClick(...i)),onKeydown:[o[4]||(o[4]=n.withKeys((...i)=>e.onClick&&e.onClick(...i),["enter"])),o[5]||(o[5]=n.withKeys(n.withModifiers((...i)=>e.onSpace&&e.onSpace(...i),["prevent"]),["space"]))]}),[n.renderSlot(e.$slots,"default")],16))}const u=s(r,[["render",a]]);module.exports=u;
|
|
2
2
|
//# sourceMappingURL=NeonLink.vue.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeonLink.vue.cjs.js","sources":["../../../../src/components/navigation/link/NeonLink.vue"],"sourcesContent":["<template>\n <router-link\n v-if=\"routerUrl\"\n :class=\"[\n { 'neon-link--no-style': noStyle, 'neon-link--active': activeRoute, 'neon-link--exact-active': exactRoute },\n `neon-link--outline-${outlineStyle}`,\n ]\"\n :to=\"routerUrl\"\n class=\"neon-link neon-link--router-link\"\n tabindex=\"0\"\n v-bind=\"sanitizedAttributes\"\n @click=\"onClick\"\n @keydown.enter=\"onClick\"\n @keydown.space.prevent=\"onSpace\"\n >\n
|
|
1
|
+
{"version":3,"file":"NeonLink.vue.cjs.js","sources":["../../../../src/components/navigation/link/NeonLink.vue"],"sourcesContent":["<template>\n <router-link\n v-if=\"routerUrl\"\n :class=\"[\n { 'neon-link--no-style': noStyle, 'neon-link--active': activeRoute, 'neon-link--exact-active': exactRoute },\n `neon-link--outline-${outlineStyle}`,\n ]\"\n :to=\"routerUrl\"\n class=\"neon-link neon-link--router-link\"\n tabindex=\"0\"\n v-bind=\"sanitizedAttributes\"\n @click=\"onClick\"\n @keydown.enter=\"onClick\"\n @keydown.space.prevent=\"onSpace\"\n >\n <!-- @slot the content of the link -->\n <slot></slot>\n </router-link>\n <a\n v-else-if=\"href\"\n :class=\"[\n {\n 'neon-link--no-style': noStyle,\n 'neon-link--with-external-indicator': externalIndicator,\n 'neon-link--active': activeRoute,\n 'neon-link--exact-active': exactRoute,\n },\n `neon-link--outline-${outlineStyle}`,\n ]\"\n :href=\"href\"\n class=\"neon-link neon-link--external-link\"\n rel=\"noopener\"\n tabindex=\"0\"\n v-bind=\"sanitizedAttributes\"\n @click=\"onClick\"\n @keydown.enter=\"onClick\"\n @keydown.space.prevent=\"onSpace\"\n >\n <!-- @slot the content of the link -->\n <slot></slot>\n <neon-icon\n v-if=\"externalIndicator\"\n class=\"neon-link__external-indicator\"\n color=\"low-contrast\"\n name=\"share-external-link-1\"\n />\n </a>\n <a\n v-else\n :class=\"[{ 'neon-link--no-style': noStyle }, `neon-link--outline-${outlineStyle}`]\"\n class=\"neon-link\"\n tabindex=\"0\"\n v-bind=\"sanitizedAttributes\"\n @click=\"onClick\"\n @keydown.enter=\"onClick\"\n @keydown.space.prevent=\"onSpace\"\n >\n <!-- @slot the content of the link -->\n <slot></slot>\n </a>\n</template>\n\n<script lang=\"ts\" src=\"./NeonLink.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_router_link","_mergeProps","_renderSlot","_createElementBlock","args","_component_neon_icon"],"mappings":"yPAEUA,EAAA,WADRC,EAAAA,YAAAC,EAAAA,YAgBcC,EAhBdC,aAgBc,OAdX,MAAK,CAAA,wBAAmCJ,EAAA,QAAO,oBAAuBA,EAAA,YAAW,0BAA6BA,EAAA,UAAU,wBAAgCA,EAAA,YAAY,IAK/J,kCAAkC,EADvC,GAAIA,EAAA,UAEL,SAAS,KACDA,EAAA,oBAAmB,CAC1B,QAAOA,EAAA,QACP,UAAO,YAAQA,EAAA,QAAO,CAAA,OAAA,CAAA,6BACCA,EAAA,QAAO,CAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,wBAG/B,IAAa,CAAbK,aAAaL,EAAA,OAAA,SAAA,mDAGFA,EAAA,MADbC,EAAAA,YAAAK,EAAAA,mBA4BI,IA5BJF,aA4BI,OA1BD,MAAK,CAAA,wBAA2CJ,EAAA,6CAAuDA,EAAA,sCAAgDA,EAAA,sCAAgDA,EAAA,kCAAiDA,EAAA,YAAY,IAU/P,oCAAoC,EADzC,KAAMA,EAAA,KAEP,IAAI,WACJ,SAAS,KACDA,EAAA,oBAAmB,CAC1B,4BAAOA,EAAA,SAAAA,EAAA,QAAA,GAAAO,CAAA,GACP,UAAO,gCAAQP,EAAA,SAAAA,EAAA,QAAA,GAAAO,CAAA,EAAO,CAAA,OAAA,CAAA,kDACCP,EAAA,SAAAA,EAAA,QAAA,GAAAO,CAAA,EAAO,CAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,OAG/BF,aAAaL,EAAA,OAAA,SAAA,EAELA,EAAA,iCADRE,EAAAA,YAKEM,EAAA,OAHA,MAAM,gCACN,MAAM,eACN,KAAK,gEAGTP,EAAAA,YAAAK,EAAAA,mBAYI,IAZJF,aAYI,OAVD,MAAK,CAAA,CAAA,CAAA,sBAA4BJ,EAAA,OAAO,EAAA,sBAA0BA,EAAA,YAAY,IACzE,WAAW,EACjB,SAAS,KACDA,EAAA,oBAAmB,CAC1B,4BAAOA,EAAA,SAAAA,EAAA,QAAA,GAAAO,CAAA,GACP,UAAO,gCAAQP,EAAA,SAAAA,EAAA,QAAA,GAAAO,CAAA,EAAO,CAAA,OAAA,CAAA,kDACCP,EAAA,SAAAA,EAAA,QAAA,GAAAO,CAAA,EAAO,CAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,OAG/BF,aAAaL,EAAA,OAAA,SAAA"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { resolveComponent as
|
|
3
|
-
import
|
|
4
|
-
const
|
|
5
|
-
function
|
|
6
|
-
const
|
|
7
|
-
return n.routerUrl ? (
|
|
1
|
+
import y from "./NeonLink.es.js";
|
|
2
|
+
import { resolveComponent as a, openBlock as l, createBlock as k, mergeProps as t, withKeys as i, withModifiers as r, withCtx as f, renderSlot as s, createElementBlock as u, createCommentVNode as C } from "vue";
|
|
3
|
+
import m from "../../../_virtual/_plugin-vue_export-helper.es.js";
|
|
4
|
+
const S = ["href"];
|
|
5
|
+
function v(n, e, $, w, b, K) {
|
|
6
|
+
const d = a("router-link"), p = a("neon-icon");
|
|
7
|
+
return n.routerUrl ? (l(), k(d, t({
|
|
8
8
|
key: 0,
|
|
9
9
|
class: [[
|
|
10
10
|
{ "neon-link--no-style": n.noStyle, "neon-link--active": n.activeRoute, "neon-link--exact-active": n.exactRoute },
|
|
@@ -15,17 +15,15 @@ function w(n, e, K, R, z, A) {
|
|
|
15
15
|
}, n.sanitizedAttributes, {
|
|
16
16
|
onClick: n.onClick,
|
|
17
17
|
onKeydown: [
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
i(n.onClick, ["enter"]),
|
|
19
|
+
i(r(n.onSpace, ["prevent"]), ["space"])
|
|
20
20
|
]
|
|
21
21
|
}), {
|
|
22
|
-
default:
|
|
23
|
-
s("
|
|
24
|
-
a(n.$slots, "default")
|
|
25
|
-
])
|
|
22
|
+
default: f(() => [
|
|
23
|
+
s(n.$slots, "default")
|
|
26
24
|
]),
|
|
27
25
|
_: 3
|
|
28
|
-
}, 16, ["class", "to", "onClick", "onKeydown"])) : n.href ? (
|
|
26
|
+
}, 16, ["class", "to", "onClick", "onKeydown"])) : n.href ? (l(), u("a", t({
|
|
29
27
|
key: 1,
|
|
30
28
|
class: [[
|
|
31
29
|
{
|
|
@@ -42,37 +40,33 @@ function w(n, e, K, R, z, A) {
|
|
|
42
40
|
}, n.sanitizedAttributes, {
|
|
43
41
|
onClick: e[0] || (e[0] = (...o) => n.onClick && n.onClick(...o)),
|
|
44
42
|
onKeydown: [
|
|
45
|
-
e[1] || (e[1] =
|
|
46
|
-
e[2] || (e[2] =
|
|
43
|
+
e[1] || (e[1] = i((...o) => n.onClick && n.onClick(...o), ["enter"])),
|
|
44
|
+
e[2] || (e[2] = i(r((...o) => n.onSpace && n.onSpace(...o), ["prevent"]), ["space"]))
|
|
47
45
|
]
|
|
48
46
|
}), [
|
|
49
|
-
s("
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
])
|
|
58
|
-
], 16, v)) : (i(), p("a", t({
|
|
47
|
+
s(n.$slots, "default"),
|
|
48
|
+
n.externalIndicator ? (l(), k(p, {
|
|
49
|
+
key: 0,
|
|
50
|
+
class: "neon-link__external-indicator",
|
|
51
|
+
color: "low-contrast",
|
|
52
|
+
name: "share-external-link-1"
|
|
53
|
+
})) : C("", !0)
|
|
54
|
+
], 16, S)) : (l(), u("a", t({
|
|
59
55
|
key: 2,
|
|
60
56
|
class: [[{ "neon-link--no-style": n.noStyle }, `neon-link--outline-${n.outlineStyle}`], "neon-link"],
|
|
61
57
|
tabindex: "0"
|
|
62
58
|
}, n.sanitizedAttributes, {
|
|
63
59
|
onClick: e[3] || (e[3] = (...o) => n.onClick && n.onClick(...o)),
|
|
64
60
|
onKeydown: [
|
|
65
|
-
e[4] || (e[4] =
|
|
66
|
-
e[5] || (e[5] =
|
|
61
|
+
e[4] || (e[4] = i((...o) => n.onClick && n.onClick(...o), ["enter"])),
|
|
62
|
+
e[5] || (e[5] = i(r((...o) => n.onSpace && n.onSpace(...o), ["prevent"]), ["space"]))
|
|
67
63
|
]
|
|
68
64
|
}), [
|
|
69
|
-
s("
|
|
70
|
-
a(n.$slots, "default")
|
|
71
|
-
])
|
|
65
|
+
s(n.$slots, "default")
|
|
72
66
|
], 16));
|
|
73
67
|
}
|
|
74
|
-
const
|
|
68
|
+
const A = /* @__PURE__ */ m(y, [["render", v]]);
|
|
75
69
|
export {
|
|
76
|
-
|
|
70
|
+
A as default
|
|
77
71
|
};
|
|
78
72
|
//# sourceMappingURL=NeonLink.vue.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeonLink.vue.es.js","sources":["../../../../src/components/navigation/link/NeonLink.vue"],"sourcesContent":["<template>\n <router-link\n v-if=\"routerUrl\"\n :class=\"[\n { 'neon-link--no-style': noStyle, 'neon-link--active': activeRoute, 'neon-link--exact-active': exactRoute },\n `neon-link--outline-${outlineStyle}`,\n ]\"\n :to=\"routerUrl\"\n class=\"neon-link neon-link--router-link\"\n tabindex=\"0\"\n v-bind=\"sanitizedAttributes\"\n @click=\"onClick\"\n @keydown.enter=\"onClick\"\n @keydown.space.prevent=\"onSpace\"\n >\n
|
|
1
|
+
{"version":3,"file":"NeonLink.vue.es.js","sources":["../../../../src/components/navigation/link/NeonLink.vue"],"sourcesContent":["<template>\n <router-link\n v-if=\"routerUrl\"\n :class=\"[\n { 'neon-link--no-style': noStyle, 'neon-link--active': activeRoute, 'neon-link--exact-active': exactRoute },\n `neon-link--outline-${outlineStyle}`,\n ]\"\n :to=\"routerUrl\"\n class=\"neon-link neon-link--router-link\"\n tabindex=\"0\"\n v-bind=\"sanitizedAttributes\"\n @click=\"onClick\"\n @keydown.enter=\"onClick\"\n @keydown.space.prevent=\"onSpace\"\n >\n <!-- @slot the content of the link -->\n <slot></slot>\n </router-link>\n <a\n v-else-if=\"href\"\n :class=\"[\n {\n 'neon-link--no-style': noStyle,\n 'neon-link--with-external-indicator': externalIndicator,\n 'neon-link--active': activeRoute,\n 'neon-link--exact-active': exactRoute,\n },\n `neon-link--outline-${outlineStyle}`,\n ]\"\n :href=\"href\"\n class=\"neon-link neon-link--external-link\"\n rel=\"noopener\"\n tabindex=\"0\"\n v-bind=\"sanitizedAttributes\"\n @click=\"onClick\"\n @keydown.enter=\"onClick\"\n @keydown.space.prevent=\"onSpace\"\n >\n <!-- @slot the content of the link -->\n <slot></slot>\n <neon-icon\n v-if=\"externalIndicator\"\n class=\"neon-link__external-indicator\"\n color=\"low-contrast\"\n name=\"share-external-link-1\"\n />\n </a>\n <a\n v-else\n :class=\"[{ 'neon-link--no-style': noStyle }, `neon-link--outline-${outlineStyle}`]\"\n class=\"neon-link\"\n tabindex=\"0\"\n v-bind=\"sanitizedAttributes\"\n @click=\"onClick\"\n @keydown.enter=\"onClick\"\n @keydown.space.prevent=\"onSpace\"\n >\n <!-- @slot the content of the link -->\n <slot></slot>\n </a>\n</template>\n\n<script lang=\"ts\" src=\"./NeonLink.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_router_link","_mergeProps","_renderSlot","_createElementBlock","args","_component_neon_icon"],"mappings":";;;;;;SAEUA,EAAA,aADRC,KAAAC,EAgBcC,GAhBdC,EAgBc;AAAA;IAdX,OAAK,CAAA;AAAA,+BAAmCJ,EAAA,SAAO,qBAAuBA,EAAA,aAAW,2BAA6BA,EAAA,WAAU;AAAA,4BAAgCA,EAAA,YAAY;AAAA,OAK/J,kCAAkC;AAAA,IADvC,IAAIA,EAAA;AAAA,IAEL,UAAS;AAAA,KACDA,EAAA,qBAAmB;AAAA,IAC1B,SAAOA,EAAA;AAAA,IACP,WAAO;AAAA,QAAQA,EAAA,SAAO,CAAA,OAAA,CAAA;AAAA,UACCA,EAAA,SAAO,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;eAG/B,MAAa;AAAA,MAAbK,EAAaL,EAAA,QAAA,SAAA;AAAA;;qDAGFA,EAAA,QADbC,KAAAK,EA4BI,KA5BJF,EA4BI;AAAA;IA1BD,OAAK,CAAA;AAAA;+BAA2CJ,EAAA;AAAA,8CAAuDA,EAAA;AAAA,6BAAgDA,EAAA;AAAA,mCAAgDA,EAAA;AAAA;4BAAiDA,EAAA,YAAY;AAAA,OAU/P,oCAAoC;AAAA,IADzC,MAAMA,EAAA;AAAA,IAEP,KAAI;AAAA,IACJ,UAAS;AAAA,KACDA,EAAA,qBAAmB;AAAA,IAC1B,mCAAOA,EAAA,WAAAA,EAAA,QAAA,GAAAO,CAAA;AAAA,IACP,WAAO;AAAA,kCAAQP,EAAA,WAAAA,EAAA,QAAA,GAAAO,CAAA,GAAO,CAAA,OAAA,CAAA;AAAA,oCACCP,EAAA,WAAAA,EAAA,QAAA,GAAAO,CAAA,GAAO,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;IAG/BF,EAAaL,EAAA,QAAA,SAAA;AAAA,IAELA,EAAA,0BADRE,EAKEM,GAAA;AAAA;MAHA,OAAM;AAAA,MACN,OAAM;AAAA,MACN,MAAK;AAAA;gBAGTP,KAAAK,EAYI,KAZJF,EAYI;AAAA;IAVD,OAAK,CAAA,CAAA,EAAA,uBAA4BJ,EAAA,QAAO,GAAA,sBAA0BA,EAAA,YAAY,KACzE,WAAW;AAAA,IACjB,UAAS;AAAA,KACDA,EAAA,qBAAmB;AAAA,IAC1B,mCAAOA,EAAA,WAAAA,EAAA,QAAA,GAAAO,CAAA;AAAA,IACP,WAAO;AAAA,kCAAQP,EAAA,WAAAA,EAAA,QAAA,GAAAO,CAAA,GAAO,CAAA,OAAA,CAAA;AAAA,oCACCP,EAAA,WAAAA,EAAA,QAAA,GAAAO,CAAA,GAAO,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;IAG/BF,EAAaL,EAAA,QAAA,SAAA;AAAA;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const c=require("./NeonMenu.cjs.js"),e=require("vue"),i=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),u={ref:"menuWrapper",class:"neon-menu__wrapper"},d={class:"neon-menu__item-label"};function p(o,l,m,_,y,
|
|
1
|
+
"use strict";const c=require("./NeonMenu.cjs.js"),e=require("vue"),i=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),u={ref:"menuWrapper",class:"neon-menu__wrapper"},d={class:"neon-menu__item-label"};function p(o,l,m,_,y,v){const s=e.resolveComponent("neon-dropdown-menu"),a=e.resolveComponent("neon-icon"),t=e.resolveComponent("neon-link");return e.openBlock(),e.createElementBlock("nav",u,[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"])},[n.children?(e.openBlock(),e.createBlock(s,{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(t,{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",role:"menuitem",onClick:r=>!n.disabled&&o.onClick(n.key),onKeydown:[e.withKeys(r=>!n.disabled&&o.onClick(n.key),["enter"]),e.withKeys(e.withModifiers(r=>!n.disabled&&o.onClick(n.key),["prevent"]),["space"])]},{default:e.withCtx(()=>[n.icon?(e.openBlock(),e.createBlock(a,{key:`${n.key}LinkIcon`,name:n.icon,class:"neon-menu__item-icon",color:"neutral"},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",d,e.toDisplayString(n.label),1)]),_:2},1032,["class","href","tabindex","onClick","onKeydown"]))],2))),128))],2),e.createVNode(s,{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",onButtonRef:l[0]||(l[0]=n=>o.responsiveButton=n)},null,8,["class","color","model","size"])],512)}const k=i(c,[["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 >\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
|
|
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 >\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 role=\"menuitem\"\n @click=\"!item.disabled && onClick(item.key)\"\n @keydown.enter=\"!item.disabled && onClick(item.key)\"\n @keydown.space.prevent=\"!item.disabled && onClick(item.key)\"\n >\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 </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 @button-ref=\"responsiveButton = $event\"\n />\n </nav>\n</template>\n\n<script lang=\"ts\" src=\"./NeonMenu.ts\" />\n"],"names":["_hoisted_2","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_ctx","_Fragment","_renderList","item","_createBlock","_component_neon_dropdown_menu","_component_neon_link","$event","_withKeys","_withModifiers","_component_neon_icon","_toDisplayString","_createVNode","_cache"],"mappings":"sIACO,IAAI,cAAc,MAAM,sBA0CfA,EAAA,CAAA,MAAM,uBAAuB,+IA1C3C,OAAAC,YAAA,EAAAC,qBA2DM,MA3DNC,EA2DM,CA1DJC,EAAAA,mBA4CK,KAAA,CA5CA,MAAKC,EAAAA,eAAA,CAAA,CAAA,cAAiBC,EAAA,KAAK,GAAA,cAAkBA,EAAA,IAAI,IAAW,oBAAoB,CAAA,EAAC,KAAK,6BACzFJ,EAAAA,mBA0CKK,EAAAA,SAAA,KAAAC,EAAAA,WAzCYF,EAAA,KAARG,kBADTP,EAAAA,mBA0CK,KAAA,CAxCF,IAAKO,EAAK,eACX,IAAI,WACH,MAAKJ,EAAAA,eAAA,CAAA,CAAA,4BAAiCI,EAAK,QAAQ,EAC9C,iBAAiB,CAAA,IAGfA,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,OACd,KAAK,WACJ,QAAKI,GAAA,CAAGJ,EAAK,UAAYH,EAAA,QAAQG,EAAK,GAAG,EACzC,UAAO,CAASK,EAAAA,SAAAD,GAAA,CAAAJ,EAAK,UAAYH,UAAQG,EAAK,GAAG,EAAA,CAAA,OAAA,CAAA,EACzBK,EAAAA,SAAAC,EAAAA,cAAAF,GAAA,CAAAJ,EAAK,UAAYH,UAAQG,EAAK,GAAG,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,uBAE1D,IAME,CALMA,EAAK,oBADbC,EAAAA,YAMEM,EAAA,CAJC,IAAG,GAAKP,EAAK,GAAG,WAChB,KAAMA,EAAK,KACZ,MAAM,uBACN,MAAM,yDAERL,EAAAA,mBAA2D,OAA3DJ,EAA2DiB,EAAAA,gBAApBR,EAAK,KAAK,EAAA,CAAA,kFAIvDS,EAAAA,YAYEP,EAAA,CAXC,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,eACT,YAAUa,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAN,GAAEP,EAAA,iBAAmBO"}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import k from "./NeonMenu.es.js";
|
|
2
|
-
import { resolveComponent as s, openBlock as o, createElementBlock as r, createElementVNode as
|
|
2
|
+
import { resolveComponent as s, openBlock as o, createElementBlock as r, createElementVNode as c, normalizeClass as l, Fragment as f, renderList as _, createBlock as a, withKeys as u, withModifiers as y, withCtx as b, createCommentVNode as h, toDisplayString as v, createVNode as $ } from "vue";
|
|
3
3
|
import w from "../../../_virtual/_plugin-vue_export-helper.es.js";
|
|
4
4
|
const C = {
|
|
5
5
|
ref: "menuWrapper",
|
|
6
6
|
class: "neon-menu__wrapper"
|
|
7
7
|
}, z = { class: "neon-menu__item-label" };
|
|
8
|
-
function M(n,
|
|
9
|
-
const
|
|
8
|
+
function M(n, i, B, g, I, N) {
|
|
9
|
+
const d = s("neon-dropdown-menu"), p = s("neon-icon"), m = s("neon-link");
|
|
10
10
|
return o(), r("nav", C, [
|
|
11
|
-
|
|
11
|
+
c("ul", {
|
|
12
12
|
class: l([[`neon-menu--${n.color}`, `neon-menu--${n.size}`], "neon-menu no-style"]),
|
|
13
13
|
role: "menubar"
|
|
14
14
|
}, [
|
|
15
|
-
(o(!0), r(
|
|
15
|
+
(o(!0), r(f, null, _(n.menu, (e) => (o(), r("li", {
|
|
16
16
|
key: e.key,
|
|
17
17
|
ref_for: !0,
|
|
18
18
|
ref: "menuItem",
|
|
19
19
|
class: l([{ "neon-menu__item--disabled": e.disabled }, "neon-menu__item"])
|
|
20
20
|
}, [
|
|
21
|
-
e.children ? (o(), a(
|
|
21
|
+
e.children ? (o(), a(d, {
|
|
22
22
|
key: `${e.key}DropdownMenu`,
|
|
23
23
|
class: l({ "router-link-active": n.routeMatches(e.href) }),
|
|
24
24
|
color: n.color,
|
|
@@ -28,7 +28,7 @@ function M(n, t, B, g, I, N) {
|
|
|
28
28
|
model: e.children,
|
|
29
29
|
openOnHover: !e.disabled,
|
|
30
30
|
size: n.size,
|
|
31
|
-
"dropdown-style": "text
|
|
31
|
+
"dropdown-style": "text"
|
|
32
32
|
}, null, 8, ["class", "color", "disabled", "icon", "label", "model", "openOnHover", "size"])) : (o(), a(m, {
|
|
33
33
|
key: `${e.key}Link`,
|
|
34
34
|
class: l({ "router-link-active": n.routeMatches(e.href) }),
|
|
@@ -37,36 +37,36 @@ function M(n, t, B, g, I, N) {
|
|
|
37
37
|
tabindex: e.disabled ? -1 : 0,
|
|
38
38
|
"outline-style": "none",
|
|
39
39
|
role: "menuitem",
|
|
40
|
-
onClick: (
|
|
40
|
+
onClick: (t) => !e.disabled && n.onClick(e.key),
|
|
41
41
|
onKeydown: [
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
u((t) => !e.disabled && n.onClick(e.key), ["enter"]),
|
|
43
|
+
u(y((t) => !e.disabled && n.onClick(e.key), ["prevent"]), ["space"])
|
|
44
44
|
]
|
|
45
45
|
}, {
|
|
46
|
-
default:
|
|
46
|
+
default: b(() => [
|
|
47
47
|
e.icon ? (o(), a(p, {
|
|
48
48
|
key: `${e.key}LinkIcon`,
|
|
49
49
|
name: e.icon,
|
|
50
50
|
class: "neon-menu__item-icon",
|
|
51
51
|
color: "neutral"
|
|
52
52
|
}, null, 8, ["name"])) : h("", !0),
|
|
53
|
-
|
|
53
|
+
c("span", z, v(e.label), 1)
|
|
54
54
|
]),
|
|
55
55
|
_: 2
|
|
56
56
|
}, 1032, ["class", "href", "tabindex", "onClick", "onKeydown"]))
|
|
57
57
|
], 2))), 128))
|
|
58
58
|
], 2),
|
|
59
|
-
$(
|
|
59
|
+
$(d, {
|
|
60
60
|
class: l([{ "neon-menu__responsive-menu--hidden": n.responsiveMenuItems.length === 0 }, "neon-menu__responsive-menu"]),
|
|
61
61
|
color: n.color,
|
|
62
62
|
indicator: !1,
|
|
63
63
|
model: n.responsiveMenuItems,
|
|
64
64
|
openOnHover: !0,
|
|
65
65
|
size: n.size,
|
|
66
|
-
"dropdown-style": "text
|
|
66
|
+
"dropdown-style": "text",
|
|
67
67
|
icon: "ellipsis",
|
|
68
68
|
placement: "bottom-right",
|
|
69
|
-
onButtonRef:
|
|
69
|
+
onButtonRef: i[0] || (i[0] = (e) => n.responsiveButton = e)
|
|
70
70
|
}, null, 8, ["class", "color", "model", "size"])
|
|
71
71
|
], 512);
|
|
72
72
|
}
|
|
@@ -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 >\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
|
|
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 >\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 role=\"menuitem\"\n @click=\"!item.disabled && onClick(item.key)\"\n @keydown.enter=\"!item.disabled && onClick(item.key)\"\n @keydown.space.prevent=\"!item.disabled && onClick(item.key)\"\n >\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 </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 @button-ref=\"responsiveButton = $event\"\n />\n </nav>\n</template>\n\n<script lang=\"ts\" src=\"./NeonMenu.ts\" />\n"],"names":["_hoisted_2","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_ctx","_Fragment","_renderList","item","_createBlock","_component_neon_dropdown_menu","_component_neon_link","$event","_withKeys","_withModifiers","_component_neon_icon","_toDisplayString","_createVNode","_cache"],"mappings":";;;;EACO,KAAI;AAAA,EAAc,OAAM;GA0CfA,IAAA,EAAA,OAAM,wBAAuB;;;AA1C3C,SAAAC,EAAA,GAAAC,EA2DM,OA3DNC,GA2DM;AAAA,IA1DJC,EA4CK,MAAA;AAAA,MA5CA,OAAKC,EAAA,CAAA,CAAA,cAAiBC,EAAA,KAAK,IAAA,cAAkBA,EAAA,IAAI,KAAW,oBAAoB,CAAA;AAAA,MAAC,MAAK;AAAA;cACzFJ,EA0CKK,GAAA,MAAAC,EAzCYF,EAAA,MAAI,CAAZG,YADTP,EA0CK,MAAA;AAAA,QAxCF,KAAKO,EAAK;AAAA;QACX,KAAI;AAAA,QACH,OAAKJ,EAAA,CAAA,EAAA,6BAAiCI,EAAK,SAAQ,GAC9C,iBAAiB,CAAA;AAAA;QAGfA,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,UACd,MAAK;AAAA,UACJ,SAAK,CAAAI,MAAA,CAAGJ,EAAK,YAAYH,EAAA,QAAQG,EAAK,GAAG;AAAA,UACzC,WAAO;AAAA,YAASK,EAAA,CAAAD,MAAA,CAAAJ,EAAK,YAAYH,UAAQG,EAAK,GAAG,GAAA,CAAA,OAAA,CAAA;AAAA,YACzBK,EAAAC,EAAA,CAAAF,MAAA,CAAAJ,EAAK,YAAYH,UAAQG,EAAK,GAAG,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;qBAE1D,MAME;AAAA,YALMA,EAAK,aADbC,EAMEM,GAAA;AAAA,cAJC,KAAG,GAAKP,EAAK,GAAG;AAAA,cAChB,MAAMA,EAAK;AAAA,cACZ,OAAM;AAAA,cACN,OAAM;AAAA;YAERL,EAA2D,QAA3DJ,GAA2DiB,EAApBR,EAAK,KAAK,GAAA,CAAA;AAAA;;;;;IAIvDS,EAYEP,GAAA;AAAA,MAXC,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,MACT,aAAUa,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAN,MAAEP,EAAA,mBAAmBO;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": "21.0.
|
|
4
|
+
"version": "21.0.2",
|
|
5
5
|
"main": "./dist/neon.cjs.js",
|
|
6
6
|
"module": "./dist/neon.es.js",
|
|
7
7
|
"types": "./dist/src/neon.d.ts",
|
|
@@ -12,6 +12,8 @@
|
|
|
12
12
|
font-size: var(--neon-font-size-s);
|
|
13
13
|
font-weight: var(--neon-font-weight-normal);
|
|
14
14
|
user-select: none;
|
|
15
|
+
max-width: none;
|
|
16
|
+
justify-content: space-between;
|
|
15
17
|
|
|
16
18
|
&:not(.neon-action-menu__link--selected):not(.neon-action-menu__link--disabled) {
|
|
17
19
|
&:hover,
|
|
@@ -52,13 +54,6 @@
|
|
|
52
54
|
font-variant: tabular-nums;
|
|
53
55
|
font-weight: var(--neon-font-weight-semi-bold);
|
|
54
56
|
}
|
|
55
|
-
|
|
56
|
-
.neon-link__label {
|
|
57
|
-
max-width: none;
|
|
58
|
-
display: flex;
|
|
59
|
-
flex: 1 0 auto;
|
|
60
|
-
justify-content: space-between;
|
|
61
|
-
}
|
|
62
57
|
}
|
|
63
58
|
}
|
|
64
59
|
}
|
|
@@ -249,7 +249,6 @@
|
|
|
249
249
|
|
|
250
250
|
.neon-button__label {
|
|
251
251
|
white-space: nowrap;
|
|
252
|
-
flex: 1 1 auto;
|
|
253
252
|
text-align: left;
|
|
254
253
|
}
|
|
255
254
|
|
|
@@ -397,11 +396,6 @@
|
|
|
397
396
|
margin-left: var(--neon-space-8);
|
|
398
397
|
}
|
|
399
398
|
|
|
400
|
-
.neon-link__label {
|
|
401
|
-
display: flex;
|
|
402
|
-
justify-content: center;
|
|
403
|
-
}
|
|
404
|
-
|
|
405
399
|
&--disabled {
|
|
406
400
|
cursor: not-allowed;
|
|
407
401
|
}
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
|
|
24
24
|
.neon-link {
|
|
25
25
|
width: 100%;
|
|
26
|
+
min-width: 100%;
|
|
26
27
|
|
|
27
28
|
&::after {
|
|
28
29
|
display: none;
|
|
@@ -34,12 +35,6 @@
|
|
|
34
35
|
display: none;
|
|
35
36
|
}
|
|
36
37
|
}
|
|
37
|
-
|
|
38
|
-
.neon-link__label {
|
|
39
|
-
display: flex;
|
|
40
|
-
width: 100%;
|
|
41
|
-
min-width: 100%;
|
|
42
|
-
}
|
|
43
38
|
}
|
|
44
39
|
}
|
|
45
40
|
|
|
@@ -36,12 +36,10 @@ a[href]:not(.neon-link--no-style) {
|
|
|
36
36
|
.neon-link {
|
|
37
37
|
position: relative;
|
|
38
38
|
display: inline-flex;
|
|
39
|
-
|
|
39
|
+
cursor: pointer;
|
|
40
|
+
align-items: center;
|
|
40
41
|
|
|
41
|
-
.neon-
|
|
42
|
-
display: inline-flex;
|
|
43
|
-
align-items: center;
|
|
44
|
-
}
|
|
42
|
+
@include outline.focus-outline-styles(var(--neon-rgb-link));
|
|
45
43
|
|
|
46
44
|
&:not(.neon-link--no-style) {
|
|
47
45
|
@extend %neon-link-no-style;
|
|
@@ -110,6 +110,10 @@
|
|
|
110
110
|
right: var(--neon-space-8);
|
|
111
111
|
}
|
|
112
112
|
}
|
|
113
|
+
|
|
114
|
+
.neon-chip--s {
|
|
115
|
+
height: calc(var(--neon-size-s) - 3 * var(--neon-base-space));
|
|
116
|
+
}
|
|
113
117
|
}
|
|
114
118
|
|
|
115
119
|
&--m {
|
|
@@ -128,6 +132,10 @@
|
|
|
128
132
|
right: calc(2 * var(--neon-base-space));
|
|
129
133
|
}
|
|
130
134
|
}
|
|
135
|
+
|
|
136
|
+
.neon-chip--m {
|
|
137
|
+
height: calc(var(--neon-size-m) - 3 * var(--neon-base-space));
|
|
138
|
+
}
|
|
131
139
|
}
|
|
132
140
|
|
|
133
141
|
&--l {
|
|
@@ -146,6 +154,10 @@
|
|
|
146
154
|
right: calc(2 * var(--neon-base-space));
|
|
147
155
|
}
|
|
148
156
|
}
|
|
157
|
+
|
|
158
|
+
.neon-chip--l {
|
|
159
|
+
height: calc(var(--neon-size-l) - 3 * var(--neon-base-space));
|
|
160
|
+
}
|
|
149
161
|
}
|
|
150
162
|
}
|
|
151
163
|
|