@axeptio/design-system
Version:
Design System for Axeptio
1 lines • 1.73 kB
JavaScript
(()=>{"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 r in t)e.o(t,r)&&!e.o(n,r)&&Object.defineProperty(n,r,{enumerable:!0,get:t[r]})},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:()=>l});const t=require("react");var r=e.n(t);const o=require("styled-components");var a=e.n(o),i=(r().createElement,a().ul.withConfig({displayName:"QuickNav__Root",componentId:"sc-epxwzs-0"})(["list-style:none;padding:8px;margin:0;"])),c=a().li.withConfig({displayName:"QuickNav__ListItem",componentId:"sc-epxwzs-1"})(["position:relative;line-height:1;a{display:block;padding:8px 14px;font-size:18px;font-weight:600;border-radius:8px;}",";",";"],(function(e){return!e.active&&"\n a:hover {\n background: ".concat(e.theme.colors.grey.v50,";\n }\n ")}),(function(e){return e.active&&"\n a {\n background: ".concat(e.theme.colors.grey.v200,';\n }\n \n &::before {\n content: "";\n position: absolute;\n top: calc(50% - 12px);\n left: -8px;\n width: 4px;\n height: 24px;\n background: ').concat(e.theme.colors.primary,";\n border-radius: 6px;\n }\n ")}));const l=function(e){var n=e.items,o=(0,t.useState)(!1),a=o[0],l=o[1];return r().createElement(i,null,n.map((function(e,n){return r().createElement(c,{key:e.name+n,active:n==a||0,onClick:function(){return l(n)}},r().createElement("a",{href:e.url},e.name))})))};var u=exports;for(var d in n)u[d]=n[d];n.__esModule&&Object.defineProperty(u,"__esModule",{value:!0})})();