@redocly/marketing-pages 0.1.19 → 0.1.20

package/dist/pages/learning-center/learn.page.js

@@ -1,8 +1,13 @@
-import e from"react";import n from"styled-components";import{Box as l}from"../../ui/Box";import{breakpoints as t}from"@redocly/theme/core/utils";import{TopLearnBlock as m,CardsBlock as p,BottomLearnBlock as c}from"./components";const b={seo:{title:"Learn"},slug:"/learn"};function w({cards:a}){const[i,r]=e.useState(localStorage.getItem("colorSchema")||"light");return e.useEffect(()=>{const o=new MutationObserver(()=>{document.documentElement.classList.contains("dark")?r("dark"):r("light")});return o.observe(document.documentElement,{attributes:!0}),()=>{o.disconnect()}},[]),e.createElement(s,{backgroundColor:"var(--bg-color)",width:"100vw",height:"fit-content",position:"relative"},e.createElement(d,{src:i==="light"?require("./images/hero-img.svg"):require("./images/hero-img-dark.svg")}),e.createElement(m,null),e.createElement(p,{cards:a}),e.createElement(c,null))}const d=n.img`
+import e from"react";import r from"styled-components";import{Box as i}from"../../ui/Box";import{breakpoints as t}from"@redocly/theme/core/utils";import{TopLearnBlock as n,CardsBlock as o,BottomLearnBlock as p}from"./components";const u={seo:{title:"Learn"},slug:"/learn"};function f({cards:a}){return e.createElement(d,{backgroundColor:"var(--bg-color)",width:"100vw",height:"fit-content",position:"relative"},e.createElement(l,null),e.createElement(n,null),e.createElement(o,{cards:a}),e.createElement(p,null))}const l=r.div`
   position: absolute;
   max-width: 1384px;
   width: -webkit-fill-available;
-`,s=n(l)`
+
+  background-image: url(${require("./images/hero-img.svg")});
+  .dark & {
+    background-image: url(${require("./images/hero-img-dark.svg")});
+  }
+`,d=r(i)`
   display: flex;
   align-items: center;
   flex-direction: column;
@@ -23,4 +28,4 @@ import e from"react";import n from"styled-components";import{Box as l}from"../..
     gap: 64px;
     padding: 0 128px 64px 128px;
   }
-`;export{w as default,b as frontmatter};
+`;export{f as default,u as frontmatter};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/marketing-pages",
-  "version": "0.1.19",
+  "version": "0.1.20",
   "keywords": [],
   "author": "",
   "license": "UNLICENSED",