@axeptio/design-system/build/src/Core/Menu/Mobile/index.js

Design System for Axeptio

(()=>{"use strict";var e={n:n=>{var t=n&&n.__esModule?()=>n.default:()=>n;return e.d(t,{a:t}),t},d:(n,t)=>{for(var i in t)e.o(t,i)&&!e.o(n,i)&&Object.defineProperty(n,i,{enumerable:!0,get:t[i]})},o:(e,n)=>Object.prototype.hasOwnProperty.call(e,n),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},n={};e.r(n),e.d(n,{default:()=>f});const t=require("react");var i=e.n(t);const l=require("styled-components");var a=e.n(l),o=(i().createElement,["#fac6a1","#a9ddd7","#afc2e7","#f7daa6","#f9a6a2","#f8cfb6"]),r=a().nav.withConfig({displayName:"Mobile__Root",componentId:"sc-1i1275j-0"})(["margin:0;padding:120px 20px 80px;font-family:",";.sb-show-main.sb-main-padded{padding:0px;}ul{margin:0;padding:0;list-style:none;li{margin:0;font-size:16px;}}"],(function(e){return e.theme.fonts.text})),s=a().span.withConfig({displayName:"Mobile__Label",componentId:"sc-1i1275j-1"})(["margin-bottom:4px;font-size:12px;font-weight:700;text-transform:uppercase;color:",";font-family:",";"],(function(e){return e.theme.colors.grey.v500}),(function(e){return e.theme.fonts.text})),d=a().a.withConfig({displayName:"Mobile__Link",componentId:"sc-1i1275j-2"})(["position:relative;display:flex;align-items:center;margin:0 0 30px;font-size:16px;font-weight:700;color:",";text-decoration:none;font-family:",";"],(function(e){return e.theme.colors.secondary}),(function(e){return e.theme.fonts.text})),c=a().ul.withConfig({displayName:"Mobile__SubMenu",componentId:"sc-1i1275j-3"})(["display:flex;list-style:none;flex-direction:column;width:100%;margin:0 0 30px !important;padding:4px 0 !important;list-style:none;> li{padding:0;margin:0;.sub-sub-cats{list-style:none;margin:0 0 20px 30px;padding:0;list-style:none;.sub-sub-cat{padding:0;margin:0;list-style:none;margin-bottom:10px;a{display:flex;align-items:center;font-size:15px;> span:last-child{margin-left:8px;}}&:not(:last-child){margin-right:16px;}}}}"]),m=a().li.withConfig({displayName:"Mobile__MenuItem",componentId:"sc-1i1275j-4"})(["z-index:10;position:",";display:flex;flex-direction:column;justify-content:center;padding:0;margin-bottom:10px;@media (min-width:","px){padding:0 20px;}"],(function(e){return e.hasGirdMenu?"inherit":"relative"}),(function(e){return e.theme.breakpoints.xlarge})),p=a().li.withConfig({displayName:"Mobile__CategoryItem",componentId:"sc-1i1275j-5"})(["&:not(:last-child){margin-bottom:8px;}div{> a{display:flex;align-items:",";padding:4px 10px;height:100%;font-weight:700;color:",";border-radius:6px;span{span:first-child{font-weight:700;}span:last-child{display:block;margin-top:4px;font-size:14px;font-weight:400;color:",";}}> img{margin:0;width:40px;}> span:last-child{margin-left:10px;}}}"],(function(e){return e.hasDescription?"flex-start":"center"}),(function(e){return e.theme.colors.secondary}),(function(e){return e.theme.colors.grey.v500})),u=a().div.withConfig({displayName:"Mobile__Content",componentId:"sc-1i1275j-6"})(["a{display:flex;flex-direction:row;font-family:",";cursor:pointer;}span{display:flex;flex-direction:column;}"],(function(e){return e.theme.fonts.text}));const f=function(e){var n=e.menu;return e.open?i().createElement(r,null,i().createElement("ul",null,n.map((function(e,n){var t;return i().createElement(m,{key:"".concat(e.name,"-").concat(n),hasGirdMenu:!1,className:"sub-sub-cat"},null!=e&&e.submenu?i().createElement(s,{id:e.name},e.name):i().createElement(d,{tabIndex:null==e?void 0:e.tabIndex,id:e.name,href:e.link},e.name),null!=e&&e.submenu?i().createElement(c,{isGridMenu:null==e||null===(t=e.submenu)||void 0===t?void 0:t.img},null==e?void 0:e.submenu.map((function(e,n){return i().createElement(p,{key:"".concat(e,"-").concat(n),hasDescription:null==e?void 0:e.description,bgColor:o[n]},i().createElement(u,null,i().createElement("a",{tabIndex:null==e?void 0:e.tabIndex,"aria-label":"link"},null!=e&&e.img?i().createElement("img",{src:null==e?void 0:e.img,alt:null==e?void 0:e.name,width:"40"}):null,null!=e&&e.description?i().createElement("span",null,i().createElement("span",null,null==e?void 0:e.name),i().createElement("span",null,null==e?void 0:e.description)):i().createElement("span",null,i().createElement("span",null,null==e?void 0:e.name),i().createElement("span",null)))))}))):null)})))):""};var g=exports;for(var x in n)g[x]=n[x];n.__esModule&&Object.defineProperty(g,"__esModule",{value:!0})})();