@chromatic-com/tetra 2.3.0--canary.123.c87de0e.0 → 2.3.0--canary.123.6b39e6b.0

package/dist/index.js

@@ -767,7 +767,7 @@
   ${Ln}
   background-color: ${({isActive:e})=>e&&"rgba(30, 167, 253, 0.07)"};
   font-weight: ${k.bold};
-  color: ${({isActive:e,theTheme:t})=>e?v.blue500:t==="light"?v.slate800:v.white};
+  color: ${({isActive:e,theTheme:t})=>e?v.blue400:t==="light"?v.slate800:v.white};
 `,Xl=({item:e})=>{let{theme:t,desktopActiveId:o}=Tt(),r=o?o===e.id:false;return i__namespace.default.createElement(No,{asChild:true},i__namespace.default.createElement(p2,{href:e.href||"",LinkWrapper:e.linkWrapper,theTheme:t,isActive:r},e.name))};function h2(e){return Object.keys(e)}var g2=Xe__default.default.div`
   margin: 0; // Reset
   text-align: ${({alignment:e})=>e==="start"?"left":e==="center"?"center":e==="end"?"right":e==="justify"?"justify":null};
@@ -882,11 +882,11 @@
 `,S2=({title:e,description:t,image:o,linkWrapper:r,href:n})=>i__namespace.default.createElement(No,{asChild:true},i__namespace.default.createElement(A2,{href:n,LinkWrapper:r},i__namespace.default.createElement(Tn,{paddingX:3,paddingY:3,gap:5},i__namespace.default.createElement(Tn,{gap:.5},i__namespace.default.createElement(je,{as:"div",lineHeightAuto:true,variant:"body14",fontWeight:"bold"},e),i__namespace.default.createElement(je,{as:"div",variant:"body14",color:"slate600"},t)),i__namespace.default.createElement(V2,{src:o,alt:""})))),ql=({item:e})=>{var t;return i__namespace.default.createElement(C2,null,(t=e.menu)==null?void 0:t.map((o,r)=>i__namespace.default.createElement(M2,{key:r,bg:(o==null?void 0:o.backgroundColor)||"white",index:r},o.content.map(n=>i__namespace.default.createElement(i.Fragment,{key:n.title},n.type==="separator"&&i__namespace.default.createElement(P2,{index:r},i__namespace.default.createElement(je,{variant:"subheading",color:"slate600"},n.title)),n.type==="link"&&i__namespace.default.createElement(ss,{content:n}),n.type==="card"&&i__namespace.default.createElement(S2,{...n}))))))};var T2=Xe__default.default(Gl,{shouldForwardProp:e=>e!=="theTheme"&&e!=="isActive"})`
   ${Ln}
   background-color: ${({isActive:e})=>e&&"rgba(30, 167, 253, 0.07)"};
-  color: ${({isActive:e,theTheme:t})=>e?v.blue500:t==="light"?v.slate800:v.white};
+  color: ${({isActive:e,theTheme:t})=>e?v.blue600:t==="light"?v.slate800:v.white};
 
   &[data-state='open'] {
     background-color: rgba(30, 167, 253, 0.14);
-    color: ${v.blue500};
+    color: ${v.blue600};
   }
 
   &[data-state='open'] > .CaretDown {
@@ -1035,7 +1035,7 @@
   width: calc(100% - 20px);
   margin-left: 2px;
   ${H.subheading}
-  color: ${v.slate500};
+  color: ${v.slate600};
 `,A6=Xe__default.default(_0)`
   all: unset;
   display: flex;
@@ -1047,7 +1047,7 @@
   width: calc(100% - 20px);
   margin-left: 2px;
   ${H.subheading}
-  color: ${v.slate500};
+  color: ${v.slate600};
   cursor: pointer;
 
   &[data-state='open'] > .CaretDown {
@@ -1080,7 +1080,7 @@
   height: ${y[8]};
   border-radius: 6px;
   ${H.body14}
-  color: ${v.slate500};
+  color: ${v.slate600};
   cursor: pointer;
 
   &[data-state='open'] {
@@ -1157,7 +1157,7 @@
   @media (min-width: 400px) {
     display: contents;
   }
-`,Nu=({links:e,loggedIn:t,maintenanceMode:o,TrackSignUp:r})=>{let{theme:n,mobileMenuOpen:s,setMobileMenuOpen:a}=Tt(),l=i.useMemo(()=>t1(e),[e]);return i__namespace.default.createElement(Su,{open:s,onOpenChange:a},i__namespace.default.createElement(St,{gap:6},i__namespace.default.createElement(N,{noAnchor:true,href:e.sales.href,LinkWrapper:e.sales.linkWrapper},i__namespace.default.createElement(nt,{href:e.sales.href,size:"md",weight:"semibold",color:n==="dark"?"white":"blue500"},"Contact")),i__namespace.default.createElement(N6,null,!o&&i__namespace.default.createElement(N,{noAnchor:true,href:e.signin.href,LinkWrapper:e.signin.linkWrapper},i__namespace.default.createElement(nt,{href:e.signin.href,size:"md",weight:"semibold",color:n==="dark"?"white":"blue500"},e.signin.title))),i__namespace.default.createElement(Zu,null)),i__namespace.default.createElement(t0,null,s&&i__namespace.default.createElement(ku,{forceMount:true},i__namespace.default.createElement(Lu,{asChild:true,"aria-label":"Menu",onOpenAutoFocus:c=>c.preventDefault()},i__namespace.default.createElement(F6,{initial:{opacity:0,y:-8},animate:{opacity:1,y:0},exit:{opacity:0,y:-8},transition:{ease:"easeOut",duration:.14}},l&&l.map((c,f)=>{let u=l.indexOf(c)===l.length-1;return i__namespace.default.createElement(Iu,{key:f,section:c,isLast:u})}),i__namespace.default.createElement(O6,null,i__namespace.default.createElement(I6,null,!t&&i__namespace.default.createElement(i__namespace.default.Fragment,null,!o&&i__namespace.default.createElement(N,{noAnchor:true,href:e.signin.href,LinkWrapper:e.signin.linkWrapper},i__namespace.default.createElement(lt,{size:"sm",variant:"outline",color:"blue"},e.signin.title)),i__namespace.default.createElement(r,null,i__namespace.default.createElement(N,{noAnchor:true,href:e.signup.href,LinkWrapper:e.signup.linkWrapper},i__namespace.default.createElement(lt,{size:"sm",variant:"solid",color:"blue",href:e.signup.href},e.signup.title)))),t&&!o&&i__namespace.default.createElement(N,{noAnchor:true,href:e.signin.href,LinkWrapper:e.signin.linkWrapper},i__namespace.default.createElement(lt,{size:"sm",color:"blue",rightIcon:"arrowrightalt",href:e.signin.href},"Go to app")))))))))};var B6=Xe__default.default.div`
+`,Nu=({links:e,loggedIn:t,maintenanceMode:o,TrackSignUp:r})=>{let{theme:n,mobileMenuOpen:s,setMobileMenuOpen:a}=Tt(),l=i.useMemo(()=>t1(e),[e]);return i__namespace.default.createElement(Su,{open:s,onOpenChange:a},i__namespace.default.createElement(St,{gap:6},i__namespace.default.createElement(N,{noAnchor:true,href:e.sales.href,LinkWrapper:e.sales.linkWrapper},i__namespace.default.createElement(nt,{href:e.sales.href,size:"md",weight:"semibold",color:n==="dark"?"white":"blue600"},"Contact")),i__namespace.default.createElement(N6,null,!o&&i__namespace.default.createElement(N,{noAnchor:true,href:e.signin.href,LinkWrapper:e.signin.linkWrapper},i__namespace.default.createElement(nt,{href:e.signin.href,size:"md",weight:"semibold",color:n==="dark"?"white":"blue600"},e.signin.title))),i__namespace.default.createElement(Zu,null)),i__namespace.default.createElement(t0,null,s&&i__namespace.default.createElement(ku,{forceMount:true},i__namespace.default.createElement(Lu,{asChild:true,"aria-label":"Menu",onOpenAutoFocus:c=>c.preventDefault()},i__namespace.default.createElement(F6,{initial:{opacity:0,y:-8},animate:{opacity:1,y:0},exit:{opacity:0,y:-8},transition:{ease:"easeOut",duration:.14}},l&&l.map((c,f)=>{let u=l.indexOf(c)===l.length-1;return i__namespace.default.createElement(Iu,{key:f,section:c,isLast:u})}),i__namespace.default.createElement(O6,null,i__namespace.default.createElement(I6,null,!t&&i__namespace.default.createElement(i__namespace.default.Fragment,null,!o&&i__namespace.default.createElement(N,{noAnchor:true,href:e.signin.href,LinkWrapper:e.signin.linkWrapper},i__namespace.default.createElement(lt,{size:"sm",variant:"outline",color:"blue"},e.signin.title)),i__namespace.default.createElement(r,null,i__namespace.default.createElement(N,{noAnchor:true,href:e.signup.href,LinkWrapper:e.signup.linkWrapper},i__namespace.default.createElement(lt,{size:"sm",variant:"solid",color:"blue",href:e.signup.href},e.signup.title)))),t&&!o&&i__namespace.default.createElement(N,{noAnchor:true,href:e.signin.href,LinkWrapper:e.signin.linkWrapper},i__namespace.default.createElement(lt,{size:"sm",color:"blue",rightIcon:"arrowrightalt",href:e.signin.href},"Go to app")))))))))};var B6=Xe__default.default.div`
   ${$n}
 
   display: flex;
@@ -1205,7 +1205,7 @@
   height: ${y[8]};
   ${H.body14};
   font-weight: ${k.bold};
-`,K6=({children:e})=>i__namespace.default.createElement(i__namespace.default.Fragment,null,e),Bu=({theme:e="light",links:t,logoLinkWrapper:o,desktopActiveId:r,fullWidth:n=false,loggedIn:s,maintenanceMode:a,isSticky:l,TrackSignUp:c=K6})=>i__namespace.default.createElement(hl,{theme:e,desktopActiveId:r},i__namespace.default.createElement(n?Cn:At,null,i__namespace.default.createElement(B6,null,i__namespace.default.createElement(_6,null,i__namespace.default.createElement(j6,{href:"/",LinkWrapper:o,"aria-label":"Home"},i__namespace.default.createElement(bl,{theme:e})),i__namespace.default.createElement(U6,null,i__namespace.default.createElement(o1,{links:t,fullWidth:n}))),i__namespace.default.createElement(z6,null,i__namespace.default.createElement(i__namespace.default.Fragment,null,i__namespace.default.createElement(N,{noAnchor:true,href:t.sales.href,LinkWrapper:t.sales.linkWrapper},i__namespace.default.createElement(nt,{href:t.sales.href,size:"md",weight:"semibold",color:e==="dark"?"white":"blue600"},"Contact")),!s&&i__namespace.default.createElement(i__namespace.default.Fragment,null,!a&&i__namespace.default.createElement(N,{noAnchor:true,href:t.signin.href,LinkWrapper:t.signin.linkWrapper},i__namespace.default.createElement(nt,{href:t.signin.href,size:"md",weight:"semibold",color:e==="dark"?"white":"blue600"},t.signin.title)),i__namespace.default.createElement(c,null,i__namespace.default.createElement(N,{noAnchor:true,href:t.signup.href,LinkWrapper:t.signup.linkWrapper},i__namespace.default.createElement(G6,{as:"span",size:"sm",variant:l?"solid":"outline",color:e==="light"||l?"blue":"white",href:t.signup.href},t.signup.title)))),s&&!a&&i__namespace.default.createElement(N,{noAnchor:true,href:t.signin.href,LinkWrapper:t.signin.linkWrapper},i__namespace.default.createElement(nt,{size:"md",weight:"semibold",rightIcon:"arrowrightalt",href:t.signin.href},"Go to app")))),i__namespace.default.createElement(W6,null,i__namespace.default.createElement(Nu,{links:t,loggedIn:s,maintenanceMode:a,TrackSignUp:c})))),i__namespace.default.createElement(Pn,{inverse:e==="dark"}));var _u=()=>i__namespace.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none"},i__namespace.default.createElement("rect",{width:"16",height:"16",fill:"#000",rx:"2"}),i__namespace.default.createElement("path",{fill:"#fff",d:"M8.468 8.468c0 .348-.431.327-.431.327h-.432v-.628h.432c.444-.003.431.301.431.301Zm-.863-1.26h.329c.341.019.329.274.329.274 0 .316-.378.322-.378.322h-.28v-.595Zm.783.72s.296-.127.293-.462c0 0 .045-.548-.68-.615h-.805v2.3h.923s.77.002.77-.65c0 0 .019-.442-.5-.574ZM6.306 6.4h3.388v3.2H6.306V6.4ZM4.562 8.468c0 .348-.432.327-.432.327H3.7v-.628h.431c.445-.003.432.301.432.301Zm-.863-1.26h.329c.341.019.328.274.328.274 0 .316-.377.322-.377.322h-.28v-.595Zm.783.72s.296-.127.293-.462c0 0 .045-.548-.68-.615H3.29v2.3h.922s.771.002.771-.65c0 0 .018-.442-.5-.574ZM2.4 6.4h3.387v3.2H2.4V6.4Zm10.509.616v.424s-.414-.254-.871-.26c0 0-.853-.016-.892.82 0 0-.03.77.882.813 0 0 .382.046.901-.285v.44s-.696.414-1.503.095c0 0-.678-.248-.704-1.063 0 0-.028-.838.877-1.116 0 0 .241-.092.675-.051 0 0 .26.025.635.183ZM10.212 9.6H13.6V6.4h-3.388v3.2Z"}));var Y6=Xe__default.default.svg`
+`,K6=({children:e})=>i__namespace.default.createElement(i__namespace.default.Fragment,null,e),Bu=({theme:e="light",links:t,logoLinkWrapper:o,desktopActiveId:r,fullWidth:n=false,loggedIn:s,maintenanceMode:a,isSticky:l,TrackSignUp:c=K6})=>i__namespace.default.createElement(hl,{theme:e,desktopActiveId:r},i__namespace.default.createElement(n?Cn:At,null,i__namespace.default.createElement(B6,null,i__namespace.default.createElement(_6,null,i__namespace.default.createElement(j6,{href:"/",LinkWrapper:o,"aria-label":"Home"},i__namespace.default.createElement(bl,{theme:e})),i__namespace.default.createElement(U6,null,i__namespace.default.createElement(o1,{links:t,fullWidth:n}))),i__namespace.default.createElement(z6,null,i__namespace.default.createElement(i__namespace.default.Fragment,null,i__namespace.default.createElement(N,{noAnchor:true,href:t.sales.href,LinkWrapper:t.sales.linkWrapper},i__namespace.default.createElement(nt,{href:t.sales.href,size:"md",weight:"semibold",color:e==="dark"?"white":"blue600"},"Contact")),!s&&i__namespace.default.createElement(i__namespace.default.Fragment,null,!a&&i__namespace.default.createElement(N,{noAnchor:true,href:t.signin.href,LinkWrapper:t.signin.linkWrapper},i__namespace.default.createElement(nt,{href:t.signin.href,size:"md",weight:"semibold",color:e==="dark"?"white":"blue600"},t.signin.title)),i__namespace.default.createElement(c,null,i__namespace.default.createElement(N,{noAnchor:true,href:t.signup.href,LinkWrapper:t.signup.linkWrapper},i__namespace.default.createElement(G6,{as:"span",size:"sm",variant:l?"solid":"outline",color:e==="light"||l?"blue":"white",href:t.signup.href},t.signup.title)))),s&&!a&&i__namespace.default.createElement(N,{noAnchor:true,href:t.signin.href,LinkWrapper:t.signin.linkWrapper},i__namespace.default.createElement(nt,{inverted:e==="dark",size:"md",weight:"semibold",rightIcon:"arrowrightalt",href:t.signin.href},"Go to app")))),i__namespace.default.createElement(W6,null,i__namespace.default.createElement(Nu,{links:t,loggedIn:s,maintenanceMode:a,TrackSignUp:c})))),i__namespace.default.createElement(Pn,{inverse:e==="dark"}));var _u=()=>i__namespace.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none"},i__namespace.default.createElement("rect",{width:"16",height:"16",fill:"#000",rx:"2"}),i__namespace.default.createElement("path",{fill:"#fff",d:"M8.468 8.468c0 .348-.431.327-.431.327h-.432v-.628h.432c.444-.003.431.301.431.301Zm-.863-1.26h.329c.341.019.329.274.329.274 0 .316-.378.322-.378.322h-.28v-.595Zm.783.72s.296-.127.293-.462c0 0 .045-.548-.68-.615h-.805v2.3h.923s.77.002.77-.65c0 0 .019-.442-.5-.574ZM6.306 6.4h3.388v3.2H6.306V6.4ZM4.562 8.468c0 .348-.432.327-.432.327H3.7v-.628h.431c.445-.003.432.301.432.301Zm-.863-1.26h.329c.341.019.328.274.328.274 0 .316-.377.322-.377.322h-.28v-.595Zm.783.72s.296-.127.293-.462c0 0 .045-.548-.68-.615H3.29v2.3h.922s.771.002.771-.65c0 0 .018-.442-.5-.574ZM2.4 6.4h3.387v3.2H2.4V6.4Zm10.509.616v.424s-.414-.254-.871-.26c0 0-.853-.016-.892.82 0 0-.03.77.882.813 0 0 .382.046.901-.285v.44s-.696.414-1.503.095c0 0-.678-.248-.704-1.063 0 0-.028-.838.877-1.116 0 0 .241-.092.675-.051 0 0 .26.025.635.183ZM10.212 9.6H13.6V6.4h-3.388v3.2Z"}));var Y6=Xe__default.default.svg`
   position: relative;
   margin-left: -6px;
   margin-right: 3px;