@bbl-digital/snorre 4.1.0-beta.2 → 4.1.0

package/lib/layout/Menu/MenuTop/styles.js

@@ -14,7 +14,7 @@ export const StyledLink = /*#__PURE__*/_styled(Link, process.env.NODE_ENV === "p
 } : {
   name: "7tfrcw",
   styles: "min-height:40px;margin-top:0.5em",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51VG9wL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLc0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9NZW51L01lbnVUb3Avc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgTGluayBmcm9tICcuLi8uLi8uLi9jb3JlL0xpbmsnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluaylgXG4gIG1pbi1oZWlnaHQ6IDQwcHg7XG4gIG1hcmdpbi10b3A6IDAuNWVtO1xuYFxuXG5leHBvcnQgY29uc3QgTG9nbyA9IHN0eWxlZC5pbWcoXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG1heC1oZWlnaHQ6IDQwcHg7XG4gICAgbWF4LXdpZHRoOiAke3Byb3BzLnNtYWxsID8gJzEwMCUnIDogJ2F1dG8nfTtcbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQXBwUGlja2VyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIG1hcmdpbi10b3A6IDQwcHg7XG4gIG1pbi1oZWlnaHQ6IDg1cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC1oZWlnaHQ6ICR7YnAuaGVpZ2h0TWVkaXVtfSkge1xuICAgIG1hcmdpbi10b3A6IDJlbTtcbiAgfVxuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtaGVpZ2h0OiAke2JwLmhlaWdodFNtYWxsfSkge1xuICAgIG1hcmdpbi10b3A6IDFlbTtcbiAgfVxuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgIHBhZGRpbmc6IDJlbSAyLjVlbTtcbiAgICBtYXJnaW4tdG9wOiAwO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cbiAgICBidXR0b24ge1xuICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICB9XG4gIH1cblxuICAmID4gYnV0dG9uOm50aC1vZi10eXBlKDIpIHtcbiAgICBtYXJnaW4tbGVmdDogMC41ZW07XG4gIH1cbmBcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51VG9wL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLc0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9NZW51L01lbnVUb3Avc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgTGluayBmcm9tICcuLi8uLi8uLi9jb3JlL0xpbmsnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluaylgXG4gIG1pbi1oZWlnaHQ6IDQwcHg7XG4gIG1hcmdpbi10b3A6IDAuNWVtO1xuYFxuXG5leHBvcnQgY29uc3QgTG9nbyA9IHN0eWxlZC5pbWcoXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG1heC1oZWlnaHQ6IDQwcHg7XG4gICAgbWF4LXdpZHRoOiAke3Byb3BzLnNtYWxsID8gJzEwMCUnIDogJ2F1dG8nfTtcbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQXBwUGlja2VyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIG1hcmdpbi10b3A6IDQwcHg7XG4gIG1pbi1oZWlnaHQ6IDg1cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC1oZWlnaHQ6ICR7YnAuaGVpZ2h0TWVkaXVtfSkge1xuICAgIG1hcmdpbi10b3A6IDJlbTtcbiAgfVxuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtaGVpZ2h0OiAke2JwLmhlaWdodFNtYWxsfSkge1xuICAgIG1hcmdpbi10b3A6IDFlbTtcbiAgfVxuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgIHBhZGRpbmc6IDJlbSAyLjVlbTtcbiAgICBtYXJnaW4tdG9wOiAwO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cbiAgICBidXR0b24ge1xuICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICB9XG4gIH1cblxuICAmID4gYTpudGgtb2YtdHlwZSgyKSB7XG4gICAgbWFyZ2luLWxlZnQ6IDAuNWVtO1xuICB9XG5gXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const Logo = /*#__PURE__*/_styled("img", process.env.NODE_ENV === "production" ? {
@@ -22,10 +22,10 @@ export const Logo = /*#__PURE__*/_styled("img", process.env.NODE_ENV === "produc
 } : {
   target: "e12msqxg1",
   label: "Logo"
-})(props => /*#__PURE__*/css("cursor:pointer;max-height:40px;max-width:", props.small ? '100%' : 'auto', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Logo;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51VG9wL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXcUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9NZW51L01lbnVUb3Avc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgTGluayBmcm9tICcuLi8uLi8uLi9jb3JlL0xpbmsnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluaylgXG4gIG1pbi1oZWlnaHQ6IDQwcHg7XG4gIG1hcmdpbi10b3A6IDAuNWVtO1xuYFxuXG5leHBvcnQgY29uc3QgTG9nbyA9IHN0eWxlZC5pbWcoXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG1heC1oZWlnaHQ6IDQwcHg7XG4gICAgbWF4LXdpZHRoOiAke3Byb3BzLnNtYWxsID8gJzEwMCUnIDogJ2F1dG8nfTtcbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQXBwUGlja2VyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIG1hcmdpbi10b3A6IDQwcHg7XG4gIG1pbi1oZWlnaHQ6IDg1cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC1oZWlnaHQ6ICR7YnAuaGVpZ2h0TWVkaXVtfSkge1xuICAgIG1hcmdpbi10b3A6IDJlbTtcbiAgfVxuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtaGVpZ2h0OiAke2JwLmhlaWdodFNtYWxsfSkge1xuICAgIG1hcmdpbi10b3A6IDFlbTtcbiAgfVxuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgIHBhZGRpbmc6IDJlbSAyLjVlbTtcbiAgICBtYXJnaW4tdG9wOiAwO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cbiAgICBidXR0b24ge1xuICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICB9XG4gIH1cblxuICAmID4gYnV0dG9uOm50aC1vZi10eXBlKDIpIHtcbiAgICBtYXJnaW4tbGVmdDogMC41ZW07XG4gIH1cbmBcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51VG9wL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVb0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9NZW51L01lbnVUb3Avc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgTGluayBmcm9tICcuLi8uLi8uLi9jb3JlL0xpbmsnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluaylgXG4gIG1pbi1oZWlnaHQ6IDQwcHg7XG4gIG1hcmdpbi10b3A6IDAuNWVtO1xuYFxuXG5leHBvcnQgY29uc3QgTG9nbyA9IHN0eWxlZC5pbWcoXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG1heC1oZWlnaHQ6IDQwcHg7XG4gICAgbWF4LXdpZHRoOiAke3Byb3BzLnNtYWxsID8gJzEwMCUnIDogJ2F1dG8nfTtcbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQXBwUGlja2VyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIG1hcmdpbi10b3A6IDQwcHg7XG4gIG1pbi1oZWlnaHQ6IDg1cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC1oZWlnaHQ6ICR7YnAuaGVpZ2h0TWVkaXVtfSkge1xuICAgIG1hcmdpbi10b3A6IDJlbTtcbiAgfVxuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtaGVpZ2h0OiAke2JwLmhlaWdodFNtYWxsfSkge1xuICAgIG1hcmdpbi10b3A6IDFlbTtcbiAgfVxuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgIHBhZGRpbmc6IDJlbSAyLjVlbTtcbiAgICBtYXJnaW4tdG9wOiAwO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cbiAgICBidXR0b24ge1xuICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICB9XG4gIH1cblxuICAmID4gYnV0dG9uOm50aC1vZi10eXBlKDIpIHtcbiAgICBtYXJnaW4tbGVmdDogMC41ZW07XG4gIH1cbmBcbiJdfQ== */");
+})(props => /*#__PURE__*/css("cursor:pointer;max-height:40px;max-width:", props.small ? '100%' : 'auto', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Logo;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51VG9wL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXcUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9NZW51L01lbnVUb3Avc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgTGluayBmcm9tICcuLi8uLi8uLi9jb3JlL0xpbmsnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluaylgXG4gIG1pbi1oZWlnaHQ6IDQwcHg7XG4gIG1hcmdpbi10b3A6IDAuNWVtO1xuYFxuXG5leHBvcnQgY29uc3QgTG9nbyA9IHN0eWxlZC5pbWcoXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG1heC1oZWlnaHQ6IDQwcHg7XG4gICAgbWF4LXdpZHRoOiAke3Byb3BzLnNtYWxsID8gJzEwMCUnIDogJ2F1dG8nfTtcbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQXBwUGlja2VyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIG1hcmdpbi10b3A6IDQwcHg7XG4gIG1pbi1oZWlnaHQ6IDg1cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC1oZWlnaHQ6ICR7YnAuaGVpZ2h0TWVkaXVtfSkge1xuICAgIG1hcmdpbi10b3A6IDJlbTtcbiAgfVxuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtaGVpZ2h0OiAke2JwLmhlaWdodFNtYWxsfSkge1xuICAgIG1hcmdpbi10b3A6IDFlbTtcbiAgfVxuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgIHBhZGRpbmc6IDJlbSAyLjVlbTtcbiAgICBtYXJnaW4tdG9wOiAwO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cbiAgICBidXR0b24ge1xuICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICB9XG4gIH1cblxuICAmID4gYTpudGgtb2YtdHlwZSgyKSB7XG4gICAgbWFyZ2luLWxlZnQ6IDAuNWVtO1xuICB9XG5gXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51VG9wL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVb0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9NZW51L01lbnVUb3Avc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgTGluayBmcm9tICcuLi8uLi8uLi9jb3JlL0xpbmsnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluaylgXG4gIG1pbi1oZWlnaHQ6IDQwcHg7XG4gIG1hcmdpbi10b3A6IDAuNWVtO1xuYFxuXG5leHBvcnQgY29uc3QgTG9nbyA9IHN0eWxlZC5pbWcoXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG1heC1oZWlnaHQ6IDQwcHg7XG4gICAgbWF4LXdpZHRoOiAke3Byb3BzLnNtYWxsID8gJzEwMCUnIDogJ2F1dG8nfTtcbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQXBwUGlja2VyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIG1hcmdpbi10b3A6IDQwcHg7XG4gIG1pbi1oZWlnaHQ6IDg1cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC1oZWlnaHQ6ICR7YnAuaGVpZ2h0TWVkaXVtfSkge1xuICAgIG1hcmdpbi10b3A6IDJlbTtcbiAgfVxuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtaGVpZ2h0OiAke2JwLmhlaWdodFNtYWxsfSkge1xuICAgIG1hcmdpbi10b3A6IDFlbTtcbiAgfVxuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgIHBhZGRpbmc6IDJlbSAyLjVlbTtcbiAgICBtYXJnaW4tdG9wOiAwO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cbiAgICBidXR0b24ge1xuICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICB9XG4gIH1cblxuICAmID4gYTpudGgtb2YtdHlwZSgyKSB7XG4gICAgbWFyZ2luLWxlZnQ6IDAuNWVtO1xuICB9XG5gXG4iXX0= */");
 export const AppPickerWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e12msqxg0"
 } : {
   target: "e12msqxg0",
   label: "AppPickerWrapper"
-})("display:flex;justify-content:flex-start;align-items:flex-start;margin-top:40px;min-height:85px;overflow:hidden;@media screen and (max-height: ", bp.heightMedium, "){margin-top:2em;}@media screen and (max-height: ", bp.heightSmall, "){margin-top:1em;}@media screen and (max-width: ", bp.medium, "){padding:2em 2.5em;margin-top:0;align-items:center;justify-content:center;button{margin-bottom:0;}}&>button:nth-of-type(2){margin-left:0.5em;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51VG9wL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjBDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51VG9wL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IExpbmsgZnJvbSAnLi4vLi4vLi4vY29yZS9MaW5rJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaW5rID0gc3R5bGVkKExpbmspYFxuICBtaW4taGVpZ2h0OiA0MHB4O1xuICBtYXJnaW4tdG9wOiAwLjVlbTtcbmBcblxuZXhwb3J0IGNvbnN0IExvZ28gPSBzdHlsZWQuaW1nKFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBtYXgtaGVpZ2h0OiA0MHB4O1xuICAgIG1heC13aWR0aDogJHtwcm9wcy5zbWFsbCA/ICcxMDAlJyA6ICdhdXRvJ307XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IEFwcFBpY2tlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBtYXJnaW4tdG9wOiA0MHB4O1xuICBtaW4taGVpZ2h0OiA4NXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtaGVpZ2h0OiAke2JwLmhlaWdodE1lZGl1bX0pIHtcbiAgICBtYXJnaW4tdG9wOiAyZW07XG4gIH1cblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LWhlaWdodDogJHticC5oZWlnaHRTbWFsbH0pIHtcbiAgICBtYXJnaW4tdG9wOiAxZW07XG4gIH1cblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICBwYWRkaW5nOiAyZW0gMi41ZW07XG4gICAgbWFyZ2luLXRvcDogMDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICAgYnV0dG9uIHtcbiAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgfVxuICB9XG5cbiAgJiA+IGJ1dHRvbjpudGgtb2YtdHlwZSgyKSB7XG4gICAgbWFyZ2luLWxlZnQ6IDAuNWVtO1xuICB9XG5gXG4iXX0= */"));
+})("display:flex;justify-content:flex-start;align-items:flex-start;margin-top:40px;min-height:85px;overflow:hidden;@media screen and (max-height: ", bp.heightMedium, "){margin-top:2em;}@media screen and (max-height: ", bp.heightSmall, "){margin-top:1em;}@media screen and (max-width: ", bp.medium, "){padding:2em 2.5em;margin-top:0;align-items:center;justify-content:center;button{margin-bottom:0;}}&>a:nth-of-type(2){margin-left:0.5em;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51VG9wL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjBDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51VG9wL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IExpbmsgZnJvbSAnLi4vLi4vLi4vY29yZS9MaW5rJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaW5rID0gc3R5bGVkKExpbmspYFxuICBtaW4taGVpZ2h0OiA0MHB4O1xuICBtYXJnaW4tdG9wOiAwLjVlbTtcbmBcblxuZXhwb3J0IGNvbnN0IExvZ28gPSBzdHlsZWQuaW1nKFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBtYXgtaGVpZ2h0OiA0MHB4O1xuICAgIG1heC13aWR0aDogJHtwcm9wcy5zbWFsbCA/ICcxMDAlJyA6ICdhdXRvJ307XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IEFwcFBpY2tlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBtYXJnaW4tdG9wOiA0MHB4O1xuICBtaW4taGVpZ2h0OiA4NXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtaGVpZ2h0OiAke2JwLmhlaWdodE1lZGl1bX0pIHtcbiAgICBtYXJnaW4tdG9wOiAyZW07XG4gIH1cblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LWhlaWdodDogJHticC5oZWlnaHRTbWFsbH0pIHtcbiAgICBtYXJnaW4tdG9wOiAxZW07XG4gIH1cblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICBwYWRkaW5nOiAyZW0gMi41ZW07XG4gICAgbWFyZ2luLXRvcDogMDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICAgYnV0dG9uIHtcbiAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgfVxuICB9XG5cbiAgJiA+IGE6bnRoLW9mLXR5cGUoMikge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuIl19 */"));

package/lib/layout/Menu/SecondaryMenu/index.js

@@ -2,8 +2,7 @@ import { useTheme } from '@emotion/react';
 import React from 'react';
 import { IconChevronLeft, Text, useIsMobile } from '../../..';
 import { CollapseWrapper, IconWrapper, Wrapper, ChildrenWrapper } from './styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SecondaryMenu = ({
   small,
   lightTheme,

package/lib/layout/Menu/SecondaryMenu/styles.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ChildrenWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CollapseWrapper: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const IconWrapper: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

package/lib/layout/Menu/SecondaryMenu/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Menu/SecondaryMenu/styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,OAAO;;;yGAOnB,CAAA;AAED,eAAO,MAAM,eAAe;;;yGAc3B,CAAA;AAED,eAAO,MAAM,eAAe,uJA4B3B,CAAA;AAED,eAAO,MAAM,WAAW,mKA8BvB,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Menu/SecondaryMenu/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO;;eAoBhB,WAAM;yGAbT,CAAA;AAED,eAAO,MAAM,eAAe;;eAWxB,WAAM;yGAGT,CAAA;AAED,eAAO,MAAM,eAAe,uJA4B3B,CAAA;AAED,eAAO,MAAM,WAAW,mKA8BvB,CAAA"}

package/lib/layout/Menu/SecondaryMenuItem/index.js

@@ -2,8 +2,7 @@ import React from 'react';
 import { Wrapper } from './styles';
 import { useTheme } from '@emotion/react';
 import Text from '../../../core/Text';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SecondaryMenuItem = ({
   icon,
   lightTheme,

package/lib/layout/Menu/Sidemenu.stories.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-declare const _default;
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
 export default _default;
 export declare const MenuDefault: {
     render: () => import("react").JSX.Element;

package/lib/layout/Menu/Sidemenu.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidemenu.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/Menu/Sidemenu.stories.tsx"],"names":[],"mappings":";;AAWA,wBAUS;AAET,eAAO,MAAM,WAAW;;;CA6FvB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAgDrB,CAAA;AAED,eAAO,MAAM,UAAU;;;CAuDtB,CAAA;AAED,eAAO,MAAM,mBAAmB;;;CAyD/B,CAAA"}
+{"version":3,"file":"Sidemenu.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/Menu/Sidemenu.stories.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAYlC,IAAI;AAVT,wBAUS;AAET,eAAO,MAAM,WAAW;;;CA6FvB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAuDrB,CAAA;AAED,eAAO,MAAM,UAAU;;;CAyDtB,CAAA;AAED,eAAO,MAAM,mBAAmB;;;CAmD/B,CAAA"}

package/lib/layout/Menu/Sidemenu.stories.js

@@ -7,8 +7,7 @@ import MenuItem from './MenuItem';
 import SecondaryMenuItem from './SecondaryMenuItem';
 import MenuSpacer from './MenuSpacer';
 import IconProfile from '../../icons/General/IconProfile';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default {
   title: 'Layout/Menu',
   component: Menu,
@@ -35,13 +34,13 @@ export const MenuDefault = {
         icon: /*#__PURE__*/_jsx(IconProfile, {
           size: "30px"
         }),
-        onClick: () => console.log('picker click')
+        href: "#"
       }), /*#__PURE__*/_jsx(AppPicker, {
         lightTheme: true,
         small: false,
         label: "App 2",
         icon: /*#__PURE__*/_jsx(IconProfile, {}),
-        onClick: () => console.log('picker click')
+        href: "#"
       })]
     }), /*#__PURE__*/_jsxs(MenuSpacer, {
       children: [/*#__PURE__*/_jsxs(MainMenu, {
@@ -143,6 +142,7 @@ export const Collapsed = {
         lightTheme: false,
         small: true,
         selected: true,
+        href: "#",
         label: "App 1",
         icon: /*#__PURE__*/_jsx(IconProfile, {
           size: "30px"
@@ -151,7 +151,8 @@ export const Collapsed = {
         label: "",
         lightTheme: false,
         small: true,
-        icon: /*#__PURE__*/_jsx(IconProfile, {})
+        icon: /*#__PURE__*/_jsx(IconProfile, {}),
+        href: "#"
       })]
     }), /*#__PURE__*/_jsxs(MenuSpacer, {
       children: [/*#__PURE__*/_jsxs(MainMenu, {
@@ -204,6 +205,7 @@ export const LightTheme = {
       onLogoClick: () => console.log('home'),
       children: [/*#__PURE__*/_jsx(AppPicker, {
         small: false,
+        href: "#",
         lightTheme: true,
         label: "Portalen",
         icon: /*#__PURE__*/_jsx(IconProfile, {})
@@ -211,6 +213,7 @@ export const LightTheme = {
         small: false,
         lightTheme: true,
         label: "Min side",
+        href: "#",
         selected: true,
         icon: /*#__PURE__*/_jsx(IconProfile, {
           size: "30px"
@@ -269,7 +272,7 @@ export const LightThemeCollapsed = {
         small: true,
         lightTheme: true,
         icon: /*#__PURE__*/_jsx(IconProfile, {}),
-        onClick: () => console.log('picker click')
+        href: "#"
       }), /*#__PURE__*/_jsx(AppPicker, {
         small: true,
         lightTheme: true,
@@ -278,7 +281,7 @@ export const LightThemeCollapsed = {
         icon: /*#__PURE__*/_jsx(IconProfile, {
           size: "30px"
         }),
-        onClick: () => console.log('picker click')
+        href: "#"
       })]
     }), /*#__PURE__*/_jsxs(MenuSpacer, {
       children: [/*#__PURE__*/_jsxs(MainMenu, {

package/lib/layout/Menu/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IAppTheme } from '../../app-shell/theme';
 interface IProps {
     open: boolean;
@@ -6,8 +5,8 @@ interface IProps {
     theme: IAppTheme;
 }
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & IProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};
 //# sourceMappingURL=styles.d.ts.map

package/lib/layout/Menu/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/Menu/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,UAAU,MAAM;IACd,IAAI,EAAE,OAAO,CAAA;IACb,UAAU,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,SAAS,CAAA;CACjB;AAED,eAAO,MAAM,OAAO;;;kHA4BnB,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/Menu/styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,UAAU,MAAM;IACd,IAAI,EAAE,OAAO,CAAA;IACb,UAAU,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,SAAS,CAAA;CACjB;AAED,eAAO,MAAM,OAAO;;eAWqB,WAClC;kHAgBN,CAAA"}

package/lib/layout/Submenu/Submenu.stories.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-declare const _default;
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
 export default _default;
 export declare const SubmenuDefault: {
     render: () => import("react").JSX.Element;

package/lib/layout/Submenu/Submenu.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Submenu.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/Submenu/Submenu.stories.tsx"],"names":[],"mappings":";;AAKA,wBAGS;AAET,eAAO,MAAM,cAAc;;;CAa1B,CAAA;AAED,eAAO,MAAM,UAAU;;;CAkBtB,CAAA;AAED,eAAO,MAAM,sBAAsB;;;CAsBlC,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAGxB,CAAA;AAED,eAAO,MAAM,YAAY;;;CA8BxB,CAAA"}
+{"version":3,"file":"Submenu.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/Submenu/Submenu.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAKlC,IAAI;AAHT,wBAGS;AAET,eAAO,MAAM,cAAc;;;CAa1B,CAAA;AAED,eAAO,MAAM,UAAU;;;CAkBtB,CAAA;AAED,eAAO,MAAM,sBAAsB;;;CAsBlC,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAGxB,CAAA;AAED,eAAO,MAAM,YAAY;;;CA8BxB,CAAA"}

package/lib/layout/Submenu/Submenu.stories.js

@@ -1,8 +1,7 @@
 import Submenu from '.';
 import SubmenuItem from './SubmenuItem';
 import IllustrationMySitePiggyBank from '../../illustrations/MySite/IllustrationMySitePiggyBank';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default {
   title: 'Layout/Submenu',
   component: Submenu

package/lib/layout/Submenu/SubmenuItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Submenu/SubmenuItem/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAUvC,UAAU,MAAM;IACd,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,0CAA0C;IAC1C,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA0DjC,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Submenu/SubmenuItem/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAUvC,UAAU,MAAM;IACd,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,0CAA0C;IAC1C,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA4DjC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/layout/Submenu/SubmenuItem/index.js

@@ -32,29 +32,33 @@ const SubmenuItem = ({
     }
     return null;
   }
-  return !isMobile ? _jsx(Button, {
-    nostyle: true,
-    onClick: onClick,
-    css: FocusState(lightTheme ? theme.primary : 'white'),
-    trackingName: "Submenu",
-    trackingEvent: 'Submenu click: ' + label,
-    className: className,
-    children: _jsx(CSSTransition, {
-      in: active,
-      classNames: "submenu-item",
-      timeout: 250,
-      children: _jsx(Wrapper, {
-        active: active,
-        lightTheme: lightTheme,
-        background: lightTheme ? '#ffffff' : theme.submenuItemColor,
-        children: _jsx(Text, {
-          color: labelColor,
-          semibold: true,
-          children: label
+  return !isMobile ? _jsx(ListItem, {
+    role: "menuitem",
+    children: _jsx(Button, {
+      nostyle: true,
+      onClick: onClick,
+      css: FocusState(lightTheme ? theme.primary : 'white'),
+      trackingName: "Submenu",
+      trackingEvent: 'Submenu click: ' + label,
+      className: className,
+      children: _jsx(CSSTransition, {
+        in: active,
+        classNames: "submenu-item",
+        timeout: 250,
+        children: _jsx(Wrapper, {
+          active: active,
+          lightTheme: lightTheme,
+          background: lightTheme ? '#ffffff' : theme.submenuItemColor,
+          children: _jsx(Text, {
+            color: labelColor,
+            semibold: true,
+            children: label
+          })
         })
       })
     })
   }) : _jsx(ListItem, {
+    role: "menuitem",
     children: _jsx(Button, {
       nostyle: true,
       css: optionButton,

package/lib/layout/Submenu/SubmenuItem/styles.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const Wrapper: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const optionButton: import("@emotion/utils").SerializedStyles;
-export declare const FocusState: (color: string) => import("@emotion/utils").SerializedStyles;
+export declare const optionButton: import("@emotion/react").SerializedStyles;
+export declare const FocusState: (color: string) => import("@emotion/react").SerializedStyles;
 //# sourceMappingURL=styles.d.ts.map

package/lib/layout/Submenu/SubmenuItem/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Submenu/SubmenuItem/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,OAAO,uJAqBnB,CAAA;AAwBD,eAAO,MAAM,YAAY,2CAKxB,CAAA;AAED,eAAO,MAAM,UAAU,UAAW,MAAM,8CAOvC,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Submenu/SubmenuItem/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,uJAqBnB,CAAA;AAwBD,eAAO,MAAM,YAAY,2CAKxB,CAAA;AAED,eAAO,MAAM,UAAU,UAAW,MAAM,8CAOvC,CAAA"}

package/lib/layout/Submenu/SubmenuLightThemeBg/index.js

@@ -1,6 +1,5 @@
 import React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SubmenuLightThemeBg = ({
   bgColor
 }) => {

package/lib/layout/Submenu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/Submenu/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EACZ,cAAc,EAMf,MAAM,OAAO,CAAA;AAqBd,UAAU,MAAM;IACd,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oBAAoB;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC/B;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmI7B,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/Submenu/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EACZ,cAAc,EAMf,MAAM,OAAO,CAAA;AAsBd,UAAU,MAAM;IACd,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oBAAoB;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC/B;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAuI7B,CAAA;AAED,eAAe,OAAO,CAAA"}

package/lib/layout/Submenu/index.js

@@ -1,15 +1,14 @@
 /** @jsxImportSource @emotion/react */
 import React, { useState, useEffect, createRef, Fragment } from 'react';
 import { useTheme } from '@emotion/react';
-import { Wrapper, styles, DropdownWrapper, ButtonStyle, OptionsWrapper, IllustrationWrapper, HeaderWrapper, IllustrationOverlay } from './styles';
+import { Wrapper, styles, DropdownWrapper, ButtonStyle, OptionsWrapper, IllustrationWrapper, HeaderWrapper, IllustrationOverlay, MenuItemList } from './styles';
 import Header from '../../core/Header';
 import Button from '../../core/Button';
 import { useIsMobile } from '../../hooks/useIsMobile';
 import List from '../../core/List';
 import IconChevronDown from '../../icons/General/IconChevronDown';
 import SubmenuLightThemeBg from './SubmenuLightThemeBg';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const Submenu = ({
   lightTheme,
   header,
@@ -55,13 +54,16 @@ const Submenu = ({
     }), children && children.length > 0 && _jsx(Fragment, {
       children: !isMobile ? _jsx(Wrapper, {
         className: "submenuwrapper",
-        children: children.map((child, key) => {
-          if (!child) {
-            return null;
-          }
-          return /*#__PURE__*/React.cloneElement(child, {
-            key
-          });
+        children: _jsx(MenuItemList, {
+          role: "menu",
+          children: children.map((child, key) => {
+            if (!child) {
+              return null;
+            }
+            return /*#__PURE__*/React.cloneElement(child, {
+              key
+            });
+          })
         })
       }) : _jsxs(DropdownWrapper, {
         className: "submenuwrapper",
@@ -86,6 +88,7 @@ const Submenu = ({
           lightTheme: lightTheme,
           children: open && _jsx(List, {
             selectList: true,
+            role: "menu",
             darkTheme: !lightTheme,
             children: children.filter(x => x).map((child, key) => {
               if (!child) {

package/lib/layout/Submenu/styles.d.ts

@@ -1,30 +1,33 @@
-/// <reference types="react" />
 import { IAppTheme } from '../../app-shell/theme';
+export declare const MenuItemList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
 export declare const styles: {
-    default: import("@emotion/utils").SerializedStyles;
-    darkTheme: (theme: IAppTheme, pb: string) => import("@emotion/utils").SerializedStyles;
-    lightTheme: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    default: import("@emotion/react").SerializedStyles;
+    darkTheme: (theme: IAppTheme, pb: string) => import("@emotion/react").SerializedStyles;
+    lightTheme: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
 };
 export declare const IllustrationWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DropdownWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ButtonStyle: (theme: IAppTheme, dark: boolean) => import("@emotion/utils").SerializedStyles;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const ButtonStyle: (theme: IAppTheme, dark: boolean) => import("@emotion/react").SerializedStyles;
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export declare const OptionsWrapper: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const HeaderWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const IllustrationOverlay: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/layout/Submenu/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/Submenu/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,eAAO,MAAM,MAAM;;uBAcE,SAAS,MAAM,MAAM;wBAMpB,SAAS;CAuB9B,CAAA;AAED,eAAO,MAAM,mBAAmB;;;yGAqB/B,CAAA;AAED,eAAO,MAAM,eAAe;;;yGAU3B,CAAA;AAED,eAAO,MAAM,WAAW,UAAW,SAAS,QAAQ,OAAO,8CAsB1D,CAAA;AACD,eAAO,MAAM,OAAO;;;yGAWnB,CAAA;AAED,eAAO,MAAM,cAAc,uJAY1B,CAAA;AAED,eAAO,MAAM,aAAa;;;2GAMzB,CAAA;AAED,eAAO,MAAM,mBAAmB;;;yGAS/B,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/Submenu/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,eAAO,MAAM,YAAY;;eAqBuB,WACxC;6GAbP,CAAA;AAED,eAAO,MAAM,MAAM;;uBAcE,SAAS,MAAM,MAAM;wBAMpB,SAAS;CAuB9B,CAAA;AAED,eAAO,MAAM,mBAAmB;;eAnCgB,WACxC;yGAuDP,CAAA;AAED,eAAO,MAAM,eAAe;;eA1DoB,WACxC;mGAmEP,CAAA;AAED,eAAO,MAAM,WAAW,UAAW,SAAS,QAAQ,OAAO,8CAsB1D,CAAA;AACD,eAAO,MAAM,OAAO;;eA7F4B,WACxC;mGAuGP,CAAA;AAED,eAAO,MAAM,cAAc,uJAa1B,CAAA;AAED,eAAO,MAAM,aAAa;;eAzHsB,WACxC;2GA8HP,CAAA;AAED,eAAO,MAAM,mBAAmB;;eAjIgB,WACxC;yGAyIP,CAAA"}