@xyd-js/theme-poetry 0.1.0-xyd.20 → 0.1.0-xyd.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.js +7 -133
- package/dist/index.js.map +1 -1
- package/package.json +4 -4
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--xyd-navbar-height:64px;--xyd-sidebar-width:300px}.h1rnwuz9{background:#fff;overflow-x:hidden;width:100%}.h132y9go{-webkit-box-pack:justify;-ms-flex-pack:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:64px;-webkit-justify-content:space-between;justify-content:space-between;left:0;padding:0 24px;position:fixed;right:0;top:0;z-index:20}@media (max-width:768px){.h132y9go{padding:0}}.h1ulv53s{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:90px;-webkit-transition:-webkit-transform .2s;transition:transform .2s}.h1xdz7qg{-webkit-transform:translateY(-61px);-moz-transform:translateY(-61px);-ms-transform:translateY(-61px);transform:translateY(-61px)}.hk7pvq{display:none}@media (max-width:768px){.hk7pvq{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:none;border:none;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;-webkit-justify-content:center;justify-content:center;padding:0;width:40px}}.h8kgblw{-webkit-box-pack:justify;-ms-flex-pack:space-between;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:24px;-webkit-justify-content:space-between;justify-content:space-between;position:relative;width:24px}.hh5saf3{background:#000;height:2px;-webkit-transition:-webkit-transform .3s cubic-bezier(.65,0,.35,1);transition:transform .3s cubic-bezier(.65,0,.35,1);width:100%}.h14fb2m2:first-child{-webkit-transform:translateY(11px) rotate(45deg);-moz-transform:translateY(11px) rotate(45deg);-ms-transform:translateY(11px) rotate(45deg);transform:translateY(11px) rotate(45deg)}.h14fb2m2:nth-child(2){opacity:0}.h14fb2m2:last-child{-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg)}.mkdd2lx{bottom:0;left:0;position:fixed;right:0;top:64px}.mkdd2lx,.s3f1387{background:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden}.s3f1387{-webkit-flex:none;-ms-flex:none;flex:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:0 0 0 15px;width:300px}@media (max-width:768px){.s3f1387{display:none}}.m85a4w5{display:none}@media (max-width:768px){.m85a4w5{background:#fff;bottom:0;box-shadow:4px 0 8px rgba(0,0,0,.1);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;left:0;overflow:hidden;position:fixed;top:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .3s cubic-bezier(.65,0,.35,1);transition:transform .3s cubic-bezier(.65,0,.35,1);width:300px;z-index:50}}.msxdsuf{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.sl7s9k1{-webkit-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.ctha5be{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:none;border:none;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:32px;-webkit-justify-content:center;justify-content:center;padding:0;position:absolute;right:12px;top:12px;width:32px}.shz4uc{border:1px solid #eaeaea;border-radius:6px;font-size:14px;height:40px;outline:none;padding:0 12px;-webkit-transition:border-color .2s;transition:border-color .2s;width:100%}.shz4uc:focus{border-color:#666}.c16jquc6{height:20px;position:relative;width:20px}.c16jquc6:after,.c16jquc6:before{background:#666;content:"";height:2px;left:0;position:absolute;top:50%;transform-origin:center;width:100%}.c16jquc6:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.c16jquc6:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.o18u8x95{display:none}@media (max-width:768px){.o18u8x95{background:rgba(0,0,0,.6);bottom:0;display:block;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;-webkit-transition:opacity .3s;transition:opacity .3s;z-index:40}}.oy9vl6h{opacity:1;pointer-events:auto}.h1y9uv5g{background:#fff;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0;overflow:hidden;position:relative}.s1bt6hj0{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto;padding:0 48px}@media (max-width:1024px){.s1bt6hj0{padding:0 32px}}@media (max-width:768px){.s1bt6hj0{padding:0 24px}}.c10i2k53{font-size:15px;line-height:24px;margin:0 auto;max-width:900px;padding:40px 0;width:100%}@media (max-width:768px){.c10i2k53{padding:24px 0}}.czd8fkv{max-width:1200px}.azjzrg2{margin:0 auto;max-width:100%}.azjzrg2,.hv1ik3l{box-sizing:border-box;width:100%}.hv1ik3l{-webkit-box-align:flex-start;-ms-flex-align:flex-start;-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:64px}@media (max-width:1024px){.hv1ik3l{gap:48px}}@media (max-width:768px){.hv1ik3l{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:32px}}.c4bwsxq{-webkit-flex:1;-ms-flex:1;flex:1;max-width:100%;min-width:0}.nhnl6xf{-webkit-flex:none;-ms-flex:none;flex:none;min-width:200px;padding-left:24px;position:-webkit-sticky;position:sticky;top:24px;width:200px}@media (max-width:1024px){.nhnl6xf{display:none;min-width:180px;padding-left:16px;width:180px}}@media (max-width:768px){.nhnl6xf{border-top:1px solid #eaeaea;display:block;min-width:100%;padding-left:0;padding-top:24px;position:static;width:100%}}.h1vu90xp{background:transparent;display:flex;position:sticky;top:0;width:100%;z-index:20}.s1i2i14o{background-color:#fff;height:100%;pointer-events:none;position:absolute;width:100%;z-index:-1}.n1oemxra{align-items:center;display:flex;gap:8px;height:var(--xyd-navbar-height);justify-content:flex-end;padding-left:calc(max(env(safe-area-inset-left), 16px));padding-right:calc(max(env(safe-area-inset-right), 16px));width:100%}.ny6xn1c{align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr}.hj2rxb1{gap:8px}.hcz0c13,.hj2rxb1{align-items:center;display:flex;justify-content:center}.hcz0c13{color:#4b5563;font-size:14px;padding:6px 16px;position:relative;white-space:nowrap}.hcz0c13:hover{color:#1f2937}.hcz0c13[data-state=active]{background:#f9f9f9;border-radius:8px;font-weight:700}.t1lsj05a{align-items:center;display:flex;inset:0;justify-content:center;position:absolute;text-align:center}.t138ur9z{font-weight:500;visibility:hidden}.hso30gp{align-items:center;display:flex;margin-right:auto}.hptag3l{background:#f9f9f9;border-radius:.5rem;display:flex;flex-direction:column;height:100%}.uead4fo{height:100%;overflow-x:hidden;overflow-y:auto;padding:1rem}.h1hrlfak{border-top:1px solid #ededed;box-shadow:0 -2px 10px hsla(0,0%,93%,.1);padding:1rem}.i1btwdcv{color:#6e6e80;padding:2px}.i1801o7t,.i1btwdcv{display:flex;width:100%}.i1801o7t{align-items:center;font-size:14px;gap:7px;padding:4px 8px}.i1801o7t:hover{background:#ececf1;border-radius:4px;color:#111827}.i1801o7t:hover svg{fill:#111827}.i1801o7t svg{fill:#6e6e80;font-size:18px;height:18px;width:18px}.hs1gieu{color:#6e6e80;font-size:14px}.l1s9ffav{display:flex;font-weight:500;padding:2px;width:100%}.l1041tva{background:#fff;border-radius:4px;color:#7051d4}.l1hsy03l{background:unset;color:#111827;font-weight:500}.lz6cy9y{display:flex;padding:4px 8px;width:100%}.lz6cy9y:hover{background:#ececf1;border-radius:4px;color:#111827}.hnhdi2c{margin-left:8px}.hj0z21i{color:#111827;font-size:12px;font-weight:600;letter-spacing:1px;line-height:16px;margin-bottom:6px;margin-top:16px;padding-left:10px}.c12fwmxc{overflow:hidden;transform:translateZ(0);transition:all .3s ease-in-out}.bfe0v98{opacity:0;transition:opacity .5s ease-in-out}.oza7km2{opacity:1}.h4ah3ok{align-items:center;background-color:#f6f6f7;border-radius:.5rem;display:flex;flex-direction:row;height:44px;margin-top:3px;padding:0 .25rem;width:100%}.p1ncaln9{color:#44474a;font-size:12px;font-weight:600;padding-left:.5rem;padding-right:1.5rem;position:relative;text-transform:uppercase}.p1ncaln9:after{background:#d2d5d8;border-radius:1px;content:" ";height:.75rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:2px}.u3wpqhn{flex-direction:row}.lc3ej8u,.u3wpqhn{display:flex;height:100%}.lc3ej8u{align-items:center;position:relative}.lc3ej8u[data-state=active]{font-weight:500}.lc3ej8u[data-state=active] a{color:#202223}.lc3ej8u[data-state=active] a:after{background-color:#7051d4;border-radius:1px;bottom:0;content:" ";height:2px;left:0;position:absolute;width:100%}.l1taqsnk{color:#4b5563;display:block;height:100%;line-height:2.75rem;padding:0 .5rem}.l1taqsnk:hover{color:#202223}.h19g75q2{padding-left:16px;position:relative}.ueg7kxf{list-style:none;margin:0;padding:0}.lagigsw{line-height:1.5;margin:0 0 10px;padding:0;position:relative}.lylqcp3{text-wrap:pretty;color:#6e6e80;display:inline-block;font-size:14px;line-height:1.4;transition:color .15s ease}.l16swvpi{color:#353740;font-weight:500}.ht0m6aa{background-color:#ececf1;bottom:0}.ht0m6aa,.sfp1vxs{left:0;position:absolute;top:0;width:2px}.sfp1vxs{background-color:#353740;height:var(--active-track-height);transform:translateY(var(--active-track-top));transition:height .4s cubic-bezier(.19,1,.22,1),transform .4s cubic-bezier(.19,1,.22,1)}.hfzpnxu{display:flex;flex-direction:column;min-height:100vh}.h1k4ds7x{-webkit-backdrop-filter:sepia(10%);backdrop-filter:sepia(10%);background:radial-gradient(circle,hsla(0,0%,9%,.3) 1px,transparent 0);background-size:30px 30px;flex:1;padding:60px}.h1x4dha7{background:repeating-linear-gradient(90deg,hsla(0,0%,9%,.1),hsla(0,0%,9%,.1) 1px,transparent 0,transparent 50px),repeating-linear-gradient(180deg,hsla(0,0%,9%,.1),hsla(0,0%,9%,.1) 1px,transparent 0,transparent 50px)}.broqp2l{display:flex;flex-direction:column;gap:80px;margin:0 auto;width:1200px}@media (max-width:1200px){.broqp2l{padding:0 20px;width:100%}}@media (max-width:768px){.broqp2l{padding:0 10px;width:100%}}.hfe0p8m{display:grid;gap:30px;grid-template-columns:repeat(2,500px);justify-content:center}@media (max-width:1200px){.hfe0p8m{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hfe0p8m{grid-template-columns:1fr}}.hn2r3b2{background-color:#f7f7f8;border:1px solid transparent;border-radius:20px;color:#3c3c43;display:inline-block;font-size:14px;font-weight:600;line-height:38px;padding:0 20px;text-align:center;transition:color .25s,border-color .25s,background-color .25s;white-space:nowrap}.hn2r3b2:hover{background:#e3e3e6}.hgvnekf{background-color:#7051d4;color:#fff}.hgvnekf:hover{background-color:#5f3bd3}.h1vbgqbd{padding:20px}.c1qluffv{align-items:center;display:flex;gap:80px;justify-content:center}.h7zyorj{gap:40px}.h10nnuqu,.h7zyorj{align-items:center;display:flex;flex-direction:column;justify-content:center}.h10nnuqu{-webkit-text-fill-color:transparent;animation:wave-h10nnuqu 5s infinite;background:-webkit-linear-gradient(120deg,var(--headingEffect-color-tertiary) 20%,var(--headingEffect-color-tertiary) 30%,var(--headingEffect-color-secondary) 60%,var(--headingEffect-color-primary) 75%,var(--headingEffect-color-primary) 85%);-webkit-background-clip:text;background-clip:text;-webkit-background-position:50% 50%;background-position:50% 50%;background-size:200% 200%}@keyframes wave-h10nnuqu{0%{-webkit-background-position:50% 50%;background-position:50% 50%}50%{-webkit-background-position:0 50%;background-position:0 50%}to{-webkit-background-position:50% 50%;background-position:50% 50%}}.h1xgyvqe{align-items:center;display:flex;flex-direction:column;justify-content:center}.t1rx1fna{font-size:76px;font-weight:900;letter-spacing:3px;margin:0;text-align:center}.s9nduqh{color:#3c3c43;font-size:46px;font-weight:600;text-align:center}.hth6on8{align-items:center;display:flex;gap:10px;justify-content:center}.h1vf00q{background-color:#fff;border-top:1px solid #f0f0f0;padding:32px;position:relative}.c1ny3ybl{margin:0 auto;max-width:1200px;text-align:center}.t1ahtzu3{color:rgba(60,60,67,.78);font-size:14px;font-weight:500;line-height:24px}.hwgsk4h{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.25rem;line-height:1.25rem;margin-top:.375rem;overflow:hidden}.i1b95bxl{shrink:0;width:.875rem}.i1a3fa93{transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);white-space:nowrap}.i1dl7ywj{color:#000;font-weight:700}.h1w59zdn{background:linear-gradient(45deg,#f7f7f8,#f7f7f8);border:.5px solid #ececf1;border-radius:6px;display:inline-block;font-size:14px;font-weight:500;line-height:1.6em;margin:0 3px;padding:0 .3em}.hutvd2b{align-items:center;display:inline-flex;font-style:normal;font-weight:500;letter-spacing:normal;line-height:1rem;text-transform:none;white-space:nowrap}.hg9oorb{background-color:#f8d047;color:#000}.h6jev6x{background-color:#1fa6f2;color:#fff}.h1uvewli{border-radius:6px;font-size:12px;gap:3px;height:18px;padding:0 6px}.hhnegou,.i1mcrm8o{position:relative}.hhnegou{align-items:center;border:1px solid #ececf1;border-radius:8px;display:inline-flex;min-width:275px;padding:8px 12px;text-align:center;width:100%}._1ja9964{background-color:#f7f7f8;border-color:#ececf1}.h1lyih3m{align-self:flex-start;color:#6e6e80;display:inline-flex;flex:0 0 auto;font-size:20px;margin-right:14px;margin-top:2px}.h1gzjc3x{color:#353740;flex:1 1 auto;text-align:left}.boe1v8p{font-size:14px;line-height:20px}.h3kfd8c{counter-reset:ordered-listitem;display:flex;flex-direction:column;gap:6px;list-style:none;padding-left:0}.l1et872q{line-height:1.5;padding-left:32px;position:relative}.l1et872q:after{background:#ececf1;border-radius:12px;color:#353740;content:counter(ordered-listitem);counter-increment:ordered-listitem;font-size:12px;font-weight:500;height:24px;left:0;line-height:24px;position:absolute;text-align:center;top:0;width:24px}.h1tn40xd{scroll-snap-margin-top:30px;color:#202123;cursor:pointer;display:inline-block;font-weight:300;line-height:40px;margin:0;padding:0 24px 0 0;position:relative;scroll-margin-top:30px}.h1tn40xd:hover svg{opacity:1}.hnf4kng{font-size:36px}.h1vdtsi8,.hnf4kng code{font-size:30px}.h1vdtsi8 code{font-size:24px}.hz5xehg{font-size:26px}.hptgzam,.hz5xehg code{font-size:22px}.h11bbv2f,.hptgzam code{font-size:18px}.h11bbv2f code{font-size:14px}.hcoksa6{font-size:16px}.hcoksa6 code{font-size:12px}.l17d6dy1{color:#7051d4;margin-top:-6px;opacity:0;position:absolute;right:0;top:50%;transition:opacity .15s ease}.h1wifk81{border-color:#d1d5db;color:#374151;font-style:italic;margin:0}.h1ej4n95{border-color:hsla(0,0%,90%,.7)}.h1vb39qj{background-color:#f6f8fa;border:0;border-radius:6px;margin-top:0;overflow:auto;padding:16px}.hwmojve{border-top:1px solid #ececf1}.hwmojve[open] summary svg[data-icon=true]{transform:rotate(90deg)}.h1an07j0{background-color:#f7f7f8;border:1px solid #ececf1;border-radius:8px}.sbneplt{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:18px;font-variant-numeric:tabular-nums;font-weight:500;justify-content:flex-start;line-height:1.4;list-style:none;padding:16px 14px 16px 0;transition:color .3s}.sbneplt:hover{color:#565869}.s1d31n8s{cursor:pointer;justify-content:space-between;padding:20px 24px}.s1d31n8s,.s2p0kpw{align-items:center;display:flex}.s2p0kpw{margin-bottom:8px}.snk81qf{color:#6e6e80;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:16px;margin-left:8px;text-transform:uppercase}.lyq3zec{flex:1 1 auto}.iq0a0s6{align-items:center;display:flex;flex:0 0 auto;font-size:16px;justify-content:center;padding-right:6px}.c1ligx2c{padding:0 24px 20px}.c89yndk code{background:#fff}.h1xhrk1{border-top-width:1px;justify-content:space-between;margin-bottom:2rem;margin-top:2rem;padding-top:2rem}.h1xhrk1,.l1elq7ab{align-items:center;display:flex}.l1elq7ab{font-size:1rem;font-weight:500;gap:.25rem;line-height:1.5rem;max-width:50%;padding-bottom:1rem;padding-top:1rem;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.i1mmatje{display:inline;flex-shrink:0;height:1.25rem}.hilz89t{background:linear-gradient(238deg,hsla(240,7%,97%,.5),#f7f7f8);border:.5px solid #ececf1;border-radius:8px;display:flex;overflow:hidden;padding:16px 20px 20px;position:relative;transition:box-shadow .2s ease-in-out,background-image .2s ease;z-index:0}.hilz89t:hover{background:linear-gradient(238deg,hsla(0,0%,100%,.5),#fafafa)}.h1rnhmpa{padding:21px 25px 25px}.lajci2p{height:100%;width:100%}.iezrce7{align-items:flex-start;border-radius:8px;cursor:pointer;display:flex;transition:opacity .15s}.iezrce7:hover [data-pointer=true]{opacity:1;transform:translate(0)}.i1vhi0b8{height:100%;width:100%}.i1m2lps9{align-items:center;background:linear-gradient(238deg,hsla(0,0%,100%,.5),#fafafa);border:1px solid #ececf1;border-radius:8px;box-sizing:border-box;color:#353740;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;line-height:0px;transition:background .2s ease;width:48px}.r1new93p{display:flex;flex-direction:column;gap:4px;padding-left:16px}.t1u3d3ty{align-items:center;color:#202123;display:flex;font-weight:400;transition:color .15s}.t4udf3g{font-size:16px;line-height:20px}.t1icpluq{font-size:18px}.badgd67{color:#6e6e80;font-size:14px;font-weight:400;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:normal}.bcjznmh{font-size:16px}.p13ekkiz{display:flex;opacity:0;transform:translate(-4px);transition:opacity .15s ease-in-out,transform .15s ease-in-out}.h15733ml,.p13ekkiz{justify-content:center}.h15733ml{display:grid;gap:30px;grid-template-columns:1fr 1fr}.h14vj3ri{border-collapse:collapse;border-radius:3px;display:block;overflow-x:scroll}.t1l6tz9b{background:rgba(234,238,242,.5);border-color:#d1d5db;border-width:1px;font-weight:600;margin:0;padding:.5rem 1rem}.thzxr0l{border-color:#d1d5db;border-top-width:1px;margin:0;padding:0}.t1g1altt{border-color:#d1d5db;border-width:1px;margin:0;padding:.5rem 1rem}.h1bta36o{align-items:center;background-color:#fff;border-bottom:1px solid hsl(212,15%,84%);display:flex;height:42px;z-index:99}.uxs4bf1{color:hsl(212,15%,48%);display:flex;gap:10px;list-style:none;padding:0;white-space:nowrap}.ifn7ecb,.uxs4bf1{height:100%}.ifn7ecb[data-state=active] a{border-bottom-color:#7051d4}.i441kmn{border-bottom:3px solid transparent;display:inline-flex;height:100%;padding:10px;-webkit-text-decoration:none;text-decoration:none}.hh8vcxa{max-width:100%;position:relative}.b2p5907{align-items:center;display:flex}.coeb6fw{margin-top:16px}.h196u2m6{background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);padding:8px}.i1hlflsk{height:16px;width:16px}.hownbu8{flex-grow:1;overflow-x:auto}.cuwerl2{background-color:#f3f4f6;border-radius:8px;display:inline-flex;gap:4px;margin-left:4px;padding:4px}.hlivi01{border-radius:.375rem;color:#6b7280;font-size:.875rem;font-weight:500;line-height:1.25rem;padding:.5rem 1rem;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);white-space:nowrap}.hlivi01:hover{color:#111827}._5m9mpz,.hlivi01[data-state=active]{background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:#111827}:root{--xyd-navbar-height:46px;--xyd-global-page-gutter:8px}.h8dr7e{width:100%}.h1ezaz84{align-items:center;display:flex;height:46px;justify-content:space-between;left:8px;position:fixed;right:8px;top:0}.h17wz13c{flex-direction:column;height:90px;transition:transform .2s}.h1bgh3rd{transform:translateY(-43px)}.mxu2emt{bottom:8px;left:8px;position:fixed;right:8px;top:46px}.mslox5x{top:90px;transition:top .2s}.s1i19hnd{background:none;border:0;border-radius:0;flex-direction:column;left:0;opacity:1;overflow:visible;padding:12px 0 0;top:0;visibility:visible;width:210px;z-index:101}.h13sn67b,.s1i19hnd{bottom:0;position:absolute;right:0;transition:opacity .3s cubic-bezier(.65,0,.35,1)}.h13sn67b{background:#fff;left:210px;overflow:hidden;top:12px;z-index:201}.s1k9r3in{height:100%;overflow:scroll}.c1t0msup{font-size:15px;line-height:24px;min-height:100%;padding:0;width:100%}.apqkghd,.c1t0msup{margin:0 auto;max-width:100%}.apqkghd{padding:20px 56px 40px;width:980px}.a10qws06{width:1200px}.h3zl32q{align-items:flex-start;display:flex;gap:30px;width:100%}.c1cmkhbs{flex:1 1 0;overflow:hidden}.n1rrfk2r{flex:none;margin-left:50px;margin-top:0;padding-left:16px;position:sticky;top:30px;width:180px}.hmi9h9e{color:#7051d4;font-size:18px;font-weight:300;margin-top:-18px}.h1seqss5{display:flex;flex-direction:column;gap:24px}.hyawwu4{border-color:transparent;border-left-width:4px;display:flex;margin:4px 0}.l1i5ism5{flex:1 1 0%}._1fnx2sm{background-color:#eef2ff;border-color:#60a5fa}.h83ezas{margin:0 12px 0 4px;opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hwih9s3{background:linear-gradient(45deg,#f7f7f8,#f7f7f8)!important;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid #ececf1;font-size:12px;line-height:20px;margin:0;max-height:400px;overflow-y:scroll;padding:8px 16px;white-space:pre-wrap;word-break:break-all}.h1sbwmbs{max-height:100%}.h1dmvxug{border:1px solid #ececf1;border-radius:16px;min-width:0;overflow:hidden}.h1pb9ov9{background:linear-gradient(45deg,#f7f7f8,#f7f7f8)!important;border-bottom:0;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;flex:1 1 0%;min-width:0}.laeqccf{display:flex;flex-grow:1;gap:8px;justify-content:end;padding:0 10px}.brmq4h0{all:unset;align-items:center;border-radius:6px;color:#353740;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px}.brmq4h0[data-state=active]{border-bottom:1px solid #7051d4;border-bottom-left-radius:0;border-bottom-right-radius:0;color:#7051d4}.brmq4h0:hover{background:#e3e3eb;transition:.1s ease-in}.dht44{align-items:center;color:#353740;display:flex;font-size:14px;gap:4px;margin-left:4px;margin-right:4px}.d3qz0ka{border-radius:4px;display:flex;flex:1 1 0%;gap:16px;padding-left:16px;padding-right:16px}.cjcdygz{align-items:center;display:flex;padding-left:8px;padding-right:8px}.htyux6{color:#7051d4}.h1hvsyfb{all:unset;align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px}.h1hvsyfb:hover{background:#e3e3eb;transition:.1s ease-in}.h9tkkeg{font-size:30px;font-weight:400}.c1q2rf33{background:linear-gradient(45deg,#f7f7f8,#f7f7f8);border:1px solid var(--atlas-comp-apiref-item-border-color);border-radius:8px;font-size:13px;padding:8px}.lhk53ap{color:var(--atlas-comp-apiref-item-navbar-color);margin-right:4px}.h1t46rpg{display:flex;flex-direction:column;gap:16px;padding-bottom:25px}.gq5m3p7{align-items:normal;display:grid;gap:100px;grid-template-columns:repeat(2,minmax(0,1fr))}.i1lmmgv6{display:flex;flex-direction:column;gap:25px;margin-bottom:25px}.hpmrvhc{font-size:15px;font-weight:600}.l8q9wny{-webkit-text-decoration:none;text-decoration:none}.h1b8wz9m{-webkit-box-flex-wrap:wrap;border:none;display:flex;flex-direction:column;flex-wrap:wrap;gap:16px;list-style:none}.h1ayic9k,.h1b8wz9m{margin:0;padding:0}.h1ayic9k:first-child{padding-top:0}.h1ayic9k:last-child{padding-bottom:0}.hkisad5{color:var(--atlas-comp-apiref-properties-description-color);font-size:14px;line-height:22px}.h159tzrk{-webkit-box-flex-wrap:wrap;align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin:8px 0;position:relative}.h159tzrk dd{margin-inline-start:0}.ht6ukcw{color:var(--atlas-comp-apiref-properties-prop__name-color);font-size:13px;font-weight:600}.h1hhb1ak,.ht6ukcw{display:inline-flex;padding:4px 0}.h1hhb1ak{border-radius:4px;color:var(--atlas-comp-apiref-properties-prop__type-color);font-size:10px}.l1ud1m37{color:var(--atlas-comp-apiref-properties-color--active);-webkit-text-decoration:underline;text-decoration:underline}.l1ud1m37:hover{-webkit-text-decoration:none;text-decoration:none}.h1fjyrqx{border-style:none;display:none;padding:8px}.h12sxrry{display:unset}.u1ofrsp8{-webkit-box-flex-wrap:wrap;border:none;border-left:1px solid var(--atlas-comp-apiref-properties-border-color);display:flex;flex-direction:column;flex-wrap:wrap;gap:16px;list-style:none;margin:0;padding:0}.lmjvvs5{padding:0 16px}.h9u79h5{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;margin-top:16px;outline:inherit;padding:0}.h9u79h5,.h9u79h5 svg{font-size:13px}.h9u79h5:hover svg{color:var(--atlas-comp-apiref-properties-color--active);transition:all .1s ease-in}.l16o3qrr{cursor:pointer;margin-left:4px;-webkit-text-decoration:none;text-decoration:none}.l16o3qrr:hover{color:var(--atlas-comp-apiref-properties-color--active);transition:all .1s ease-in}.h47igvr{all:unset;align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px}.h47igvr:hover{background:var(--atlas-comp-code-copy-background--active);transition:.1s ease-in}.h1ur68ey{border:1px solid var(--atlas-comp-code-sample-border-color);border-radius:16px;flex:1 1 0;max-width:512px;min-width:0;overflow:hidden}.hp2fg9q{background:linear-gradient(45deg,#f7f7f8,#f7f7f8)!important;border-bottom:0;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;flex:1 1 0%;min-width:0;padding:8px 0}.l1u5q09{display:flex;flex-grow:1;gap:8px;justify-content:end;padding:0 10px}.b1g5l43{all:unset;align-items:center;border-radius:6px;color:var(--atlas-comp-code-sample-color);cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px}.b1g5l43[data-state=active]{border-bottom:1px solid var(--atlas-comp-code-sample-color--active);border-bottom-left-radius:0;border-bottom-right-radius:0;color:var(--atlas-comp-code-sample-color--active)}.b1g5l43:hover{background:var(--atlas-comp-code-sample-background);transition:.1s ease-in}.d1x4vxzj{align-items:center;color:var(--atlas-comp-code-sample-color);display:flex;font-size:14px;gap:4px;margin-left:4px;margin-right:4px}.d1n1kybx{border-radius:4px;display:flex;flex:1 1 0%;gap:16px;padding-left:16px;padding-right:16px}.c1qxxuld{align-items:center;display:flex;padding-left:8px;padding-right:8px}.h1gfddng{background:linear-gradient(45deg,#f7f7f8,#f7f7f8)!important;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid var(--atlas-comp-code-sample-border-color);font-size:14px;line-height:20px;margin:0;max-height:400px;overflow-y:scroll;padding:8px 16px;white-space:pre-wrap;word-break:break-all}.h1h0n8u6{border-color:transparent;border-left-width:4px;display:flex;margin:4px 0}.l12klvp{flex:1 1 0%}._4uqa3m{background-color:var(--atlas-comp-code-sample-mark-background--active);border-color:var(--atlas-comp-code-sample-mark-border--active)}.h18n51vi{margin:0 4px;opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}.h1de1isv{max-width:100%;position:relative}.c174knag{align-items:center;background-color:#f3f4f6;border-radius:8px;display:flex}.hdr58em{background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);padding:8px}.izmf263{height:16px;width:16px}.h1olbpn1{flex-grow:1;overflow-x:auto}.c1dubejs{display:inline-flex;gap:4px;margin-left:4px;padding:4px}.he063xp{border-radius:.375rem;color:#6b7280;font-size:.875rem;font-weight:500;line-height:1.25rem;padding:.5rem 1rem;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);white-space:nowrap}._lt697q,.he063xp:hover{color:#111827}._lt697q{background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.hskauww{display:flex;flex-direction:column;gap:32px;position:sticky;top:6rem}.hskauww:first-child{margin-top:0}.hskauww:last-child{margin-bottom:0}.h1nkbfqz{display:flex;flex-direction:column;gap:10px}.h5edgc7{width:100%}.h12vpet9{padding:16px 0}._18e99ku{padding:4px 0}:root{--headingEffect-color-tertiary:rgba(23,119,184,.5);--headingEffect-color-secondary:#7955f1;--headingEffect-color-primary:#ff69b4;--atlas-comp-apiref-properties-color--active:#7051d4;--atlas-comp-apiref-properties-border-color:#d2d5d8}@font-face{font-family:Mona Sans;font-stretch:75% 125%;font-weight:200 900;src:url(../public/fonts/MonaSans/Mona-Sans.woff2) format("woff2 supports variations"),url(../public/fonts/MonaSans/Mona-Sans.woff2) format("woff2-variations")}html{font-family:Mona Sans,serif}body{margin:0}menu,ol,ul{list-style:none;margin:0;padding:0}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}[role=button],button{cursor:pointer}button,select{text-transform:none}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}a{color:inherit;text-decoration:inherit}*,:after,:before{border-style:solid;border-width:0;box-sizing:border-box}p{margin:0;padding:0}.xyd_comp-comp-heading{font-weight:400}
|
|
1
|
+
.h1vu90xp{background:transparent;display:flex;position:sticky;top:0;width:100%;z-index:20}.s1i2i14o{background-color:#fff;height:100%;pointer-events:none;position:absolute;width:100%;z-index:-1}.n1oemxra{align-items:center;display:flex;gap:8px;height:var(--xyd-navbar-height);justify-content:flex-end;padding-left:calc(max(env(safe-area-inset-left), 16px));padding-right:calc(max(env(safe-area-inset-right), 16px));width:100%}.ny6xn1c{align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr}.hj2rxb1{gap:8px}.hcz0c13,.hj2rxb1{align-items:center;display:flex;justify-content:center}.hcz0c13{color:#4b5563;font-size:14px;padding:6px 16px;position:relative;white-space:nowrap}.hcz0c13:hover{color:#1f2937}.hcz0c13[data-state=active]{background:#f9f9f9;border-radius:8px;font-weight:700}.t1lsj05a{align-items:center;display:flex;inset:0;justify-content:center;position:absolute;text-align:center}.t138ur9z{font-weight:500;visibility:hidden}.hso30gp{align-items:center;display:flex;margin-right:auto}.hptag3l{background:#f9f9f9;border-radius:.5rem;display:flex;flex-direction:column;height:100%}.uead4fo{height:100%;overflow-x:hidden;overflow-y:auto;padding:1rem}.h1hrlfak{border-top:1px solid #ededed;box-shadow:0 -2px 10px hsla(0,0%,93%,.1);padding:1rem}.i1btwdcv{color:#6e6e80;padding:2px}.i1801o7t,.i1btwdcv{display:flex;width:100%}.i1801o7t{align-items:center;font-size:14px;gap:7px;padding:4px 8px}.i1801o7t:hover{background:#ececf1;border-radius:4px;color:#111827}.i1801o7t:hover svg{fill:#111827}.i1801o7t svg{fill:#6e6e80;font-size:18px;height:18px;width:18px}.hs1gieu{color:#6e6e80;font-size:14px}.l1s9ffav{display:flex;font-weight:500;padding:2px;width:100%}.l1041tva{background:#fff;border-radius:4px;color:#7051d4}.l1hsy03l{background:unset;color:#111827;font-weight:500}.lz6cy9y{display:flex;padding:4px 8px;width:100%}.lz6cy9y:hover{background:#ececf1;border-radius:4px;color:#111827}.hnhdi2c{margin-left:8px}.hj0z21i{color:#111827;font-size:12px;font-weight:600;letter-spacing:1px;line-height:16px;margin-bottom:6px;margin-top:16px;padding-left:10px}.c12fwmxc{overflow:hidden;transform:translateZ(0);transition:all .3s ease-in-out}.bfe0v98{opacity:0;transition:opacity .5s ease-in-out}.oza7km2{opacity:1}.h4ah3ok{align-items:center;background-color:#f6f6f7;border-radius:.5rem;display:flex;flex-direction:row;height:44px;margin-top:3px;padding:0 .25rem;width:100%}.p1ncaln9{color:#44474a;font-size:12px;font-weight:600;padding-left:.5rem;padding-right:1.5rem;position:relative;text-transform:uppercase}.p1ncaln9:after{background:#d2d5d8;border-radius:1px;content:" ";height:.75rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:2px}.u3wpqhn{flex-direction:row}.lc3ej8u,.u3wpqhn{display:flex;height:100%}.lc3ej8u{align-items:center;position:relative}.lc3ej8u[data-state=active]{font-weight:500}.lc3ej8u[data-state=active] a{color:#202223}.lc3ej8u[data-state=active] a:after{background-color:#7051d4;border-radius:1px;bottom:0;content:" ";height:2px;left:0;position:absolute;width:100%}.l1taqsnk{color:#4b5563;display:block;height:100%;line-height:2.75rem;padding:0 .5rem}.l1taqsnk:hover{color:#202223}.h19g75q2{padding-left:16px;position:relative}.ueg7kxf{list-style:none;margin:0;padding:0}.lagigsw{line-height:1.5;margin:0 0 10px;padding:0;position:relative}.lylqcp3{text-wrap:pretty;color:#6e6e80;display:inline-block;font-size:14px;line-height:1.4;transition:color .15s ease}.l16swvpi{color:#353740;font-weight:500}.ht0m6aa{background-color:#ececf1;bottom:0}.ht0m6aa,.sfp1vxs{left:0;position:absolute;top:0;width:2px}.sfp1vxs{background-color:#353740;height:var(--active-track-height);transform:translateY(var(--active-track-top));transition:height .4s cubic-bezier(.19,1,.22,1),transform .4s cubic-bezier(.19,1,.22,1)}.hn2r3b2{background-color:#f7f7f8;border:1px solid transparent;border-radius:20px;color:#3c3c43;display:inline-block;font-size:14px;font-weight:600;line-height:38px;padding:0 20px;text-align:center;transition:color .25s,border-color .25s,background-color .25s;white-space:nowrap}.hn2r3b2:hover{background:#e3e3e6}.hgvnekf{background-color:#7051d4;color:#fff}.hgvnekf:hover{background-color:#5f3bd3}.hfzpnxu{display:flex;flex-direction:column;min-height:100vh}.h1k4ds7x{-webkit-backdrop-filter:sepia(10%);backdrop-filter:sepia(10%);background:radial-gradient(circle,hsla(0,0%,9%,.3) 1px,transparent 0);background-size:30px 30px;flex:1;padding:60px}.h1x4dha7{background:repeating-linear-gradient(90deg,hsla(0,0%,9%,.1),hsla(0,0%,9%,.1) 1px,transparent 0,transparent 50px),repeating-linear-gradient(180deg,hsla(0,0%,9%,.1),hsla(0,0%,9%,.1) 1px,transparent 0,transparent 50px)}.broqp2l{display:flex;flex-direction:column;gap:80px;margin:0 auto;width:1200px}@media (max-width:1200px){.broqp2l{padding:0 20px;width:100%}}@media (max-width:768px){.broqp2l{padding:0 10px;width:100%}}.h1vbgqbd{padding:20px}.c1qluffv{align-items:center;display:flex;gap:80px;justify-content:center}.h7zyorj{gap:40px}.h10nnuqu,.h7zyorj{align-items:center;display:flex;flex-direction:column;justify-content:center}.h10nnuqu{-webkit-text-fill-color:transparent;animation:wave-h10nnuqu 5s infinite;background:-webkit-linear-gradient(120deg,var(--headingEffect-color-tertiary) 20%,var(--headingEffect-color-tertiary) 30%,var(--headingEffect-color-secondary) 60%,var(--headingEffect-color-primary) 75%,var(--headingEffect-color-primary) 85%);-webkit-background-clip:text;background-clip:text;-webkit-background-position:50% 50%;background-position:50% 50%;background-size:200% 200%}@keyframes wave-h10nnuqu{0%{-webkit-background-position:50% 50%;background-position:50% 50%}50%{-webkit-background-position:0 50%;background-position:0 50%}to{-webkit-background-position:50% 50%;background-position:50% 50%}}.h1xgyvqe{align-items:center;display:flex;flex-direction:column;justify-content:center}.t1rx1fna{font-size:76px;font-weight:900;letter-spacing:3px;margin:0;text-align:center}.s9nduqh{color:#3c3c43;font-size:46px;font-weight:600;text-align:center}.hth6on8{align-items:center;display:flex;gap:10px}.hfe0p8m,.hth6on8{justify-content:center}.hfe0p8m{display:grid;gap:30px;grid-template-columns:repeat(2,500px)}@media (max-width:1200px){.hfe0p8m{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hfe0p8m{grid-template-columns:1fr}}.h1vf00q{background-color:#fff;border-top:1px solid #f0f0f0;padding:32px;position:relative}.c1ny3ybl{margin:0 auto;max-width:1200px;text-align:center}.t1ahtzu3{color:rgba(60,60,67,.78);font-size:14px;font-weight:500;line-height:24px}.h1wifk81{border-color:#d1d5db;color:#374151;font-style:italic;margin:0}.hwgsk4h{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.25rem;line-height:1.25rem;margin-top:.375rem;overflow:hidden}.i1b95bxl{shrink:0;width:.875rem}.i1a3fa93{transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);white-space:nowrap}.i1dl7ywj{color:#000;font-weight:700}.h1w59zdn{background:linear-gradient(45deg,#f7f7f8,#f7f7f8);border:.5px solid #ececf1;border-radius:6px;display:inline-block;font-size:14px;font-weight:500;line-height:1.6em;margin:0 3px;padding:0 .3em}.hhnegou{align-items:center;border:1px solid #ececf1;border-radius:8px;display:inline-flex;min-width:275px;padding:8px 12px;position:relative;text-align:center;width:100%}._1ja9964{background-color:#f7f7f8;border-color:#ececf1}.h1lyih3m{align-self:flex-start;color:#6e6e80;display:inline-flex;flex:0 0 auto;font-size:20px;margin-right:14px;margin-top:2px}.h1gzjc3x{color:#353740;flex:1 1 auto;text-align:left}.boe1v8p{font-size:14px;line-height:20px}.h14vj3ri{border-collapse:collapse;border-radius:3px;display:block;overflow-x:scroll}.t1l6tz9b{background:rgba(234,238,242,.5);border-color:#d1d5db;border-width:1px;font-weight:600;margin:0;padding:.5rem 1rem}.thzxr0l{border-color:#d1d5db;border-top-width:1px;margin:0;padding:0}.t1g1altt{border-color:#d1d5db;border-width:1px;margin:0;padding:.5rem 1rem}.hutvd2b{align-items:center;display:inline-flex;font-style:normal;font-weight:500;letter-spacing:normal;line-height:1rem;text-transform:none;white-space:nowrap}.hg9oorb{background-color:#ffffe1;color:#434e4e}.h6jev6x{background-color:#1971a8;color:#fff}.h1uvewli{border-radius:6px;font-size:12px;gap:3px;height:18px;padding:0 6px}.i1mcrm8o{position:relative}.h1bta36o{align-items:center;background-color:#fff;border-bottom:1px solid hsl(212,15%,84%);display:flex;height:42px;z-index:99}.uxs4bf1{color:hsl(212,15%,48%);display:flex;gap:10px;list-style:none;padding:0;white-space:nowrap}.ifn7ecb,.uxs4bf1{height:100%}.ifn7ecb[data-state=active] a{border-bottom-color:#7051d4}.i441kmn{border-bottom:3px solid transparent;display:inline-flex;height:100%;padding:10px;-webkit-text-decoration:none;text-decoration:none}.h3kfd8c{counter-reset:ordered-listitem;display:flex;flex-direction:column;gap:6px;list-style:none;padding-left:0}.l1et872q{line-height:1.5;padding-left:32px;position:relative}.l1et872q:after{background:#ececf1;border-radius:12px;color:#353740;content:counter(ordered-listitem);counter-increment:ordered-listitem;font-size:12px;font-weight:500;height:24px;left:0;line-height:24px;position:absolute;text-align:center;top:0;width:24px}.h1ej4n95{border-color:hsla(0,0%,90%,.7)}.h1xhrk1{border-color:#ececf1;border-top-width:1px;justify-content:space-between;margin-bottom:2rem;margin-top:2rem;padding-top:2rem}.h1xhrk1,.l1elq7ab{align-items:center;display:flex}.l1elq7ab{font-size:1rem;font-weight:500;gap:.25rem;line-height:1.5rem;max-width:50%;padding-bottom:1rem;padding-top:1rem;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.i1mmatje{display:inline;flex-shrink:0;height:1.25rem}.hwmojve{border-top:1px solid #ececf1}.hwmojve[open] summary svg[data-icon=true]{transform:rotate(90deg)}.h1an07j0{background-color:#f7f7f8;border:1px solid #ececf1;border-radius:8px}.sbneplt{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:18px;font-variant-numeric:tabular-nums;font-weight:500;justify-content:flex-start;line-height:1.4;list-style:none;padding:16px 14px 16px 0;transition:color .3s}.sbneplt:hover{color:#565869}.s1d31n8s{cursor:pointer;justify-content:space-between;padding:20px 24px}.s1d31n8s,.s2p0kpw{align-items:center;display:flex}.s2p0kpw{margin-bottom:8px}.snk81qf{color:#6e6e80;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:16px;margin-left:8px;text-transform:uppercase}.lyq3zec{flex:1 1 auto}.iq0a0s6{align-items:center;display:flex;flex:0 0 auto;font-size:16px;justify-content:center;padding-right:6px}.c1ligx2c{padding:0 24px 20px}.c89yndk code{background:#fff}.hh8vcxa{max-width:100%;position:relative}.b2p5907{align-items:center;display:flex}.coeb6fw{margin-top:16px}.h196u2m6{background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);padding:8px}.i1hlflsk{height:16px;width:16px}.hownbu8{flex-grow:1;overflow-x:auto}.cuwerl2{background-color:#f3f4f6;border-radius:8px;display:inline-flex;gap:4px;margin-left:4px;padding:4px}.hlivi01{border-radius:.375rem;color:#6b7280;font-size:.875rem;font-weight:500;line-height:1.25rem;padding:.5rem 1rem;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);white-space:nowrap}.hlivi01:hover{color:#111827}._5m9mpz,.hlivi01[data-state=active]{background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:#111827}.h1tn40xd{scroll-snap-margin-top:30px;color:#202123;cursor:pointer;display:inline-block;font-weight:300;line-height:40px;margin:0;padding:0 24px 0 0;position:relative;scroll-margin-top:30px}.h1tn40xd:hover svg{opacity:1}.hnf4kng{font-size:36px}.h1vdtsi8,.hnf4kng code{font-size:30px}.h1vdtsi8 code{font-size:24px}.hz5xehg{font-size:26px}.hptgzam,.hz5xehg code{font-size:22px}.h11bbv2f,.hptgzam code{font-size:18px}.h11bbv2f code{font-size:14px}.hcoksa6{font-size:16px}.hcoksa6 code{font-size:12px}.l17d6dy1{color:#7051d4;margin-top:-6px;opacity:0;position:absolute;right:0;top:50%;transition:opacity .15s ease}.h1vb39qj{background-color:#f6f8fa;border:0;border-radius:6px;margin-top:0;overflow:auto;padding:16px}.hilz89t{background:linear-gradient(238deg,hsla(240,7%,97%,.5),#f7f7f8);border:.5px solid #ececf1;border-radius:8px;display:flex;overflow:hidden;padding:16px 20px 20px;position:relative;transition:box-shadow .2s ease-in-out,background-image .2s ease;z-index:0}.hilz89t:hover{background:linear-gradient(238deg,hsla(0,0%,100%,.5),#fafafa)}.h1rnhmpa{padding:21px 25px 25px}.lajci2p{height:100%;width:100%}.iezrce7{align-items:flex-start;border-radius:8px;cursor:pointer;display:flex;transition:opacity .15s}.iezrce7:hover [data-pointer=true]{opacity:1;transform:translate(0)}.i1vhi0b8{height:100%;width:100%}.i1m2lps9{align-items:center;background:linear-gradient(238deg,hsla(0,0%,100%,.5),#fafafa);border:1px solid #ececf1;border-radius:8px;box-sizing:border-box;color:#353740;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;line-height:0px;transition:background .2s ease;width:48px}.r1new93p{display:flex;flex-direction:column;gap:4px;padding-left:16px}.t1u3d3ty{align-items:center;color:#202123;display:flex;font-weight:400;transition:color .15s}.t4udf3g{font-size:16px;line-height:20px}.t1icpluq{font-size:18px}.badgd67{color:#6e6e80;font-size:14px;font-weight:400;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:normal}.bcjznmh{font-size:16px}.p13ekkiz{display:flex;opacity:0;transform:translate(-4px);transition:opacity .15s ease-in-out,transform .15s ease-in-out}.h15733ml,.p13ekkiz{justify-content:center}.h15733ml{display:grid;gap:30px;grid-template-columns:1fr 1fr}.h8dr7e{width:100%}.h1ezaz84{align-items:center;display:flex;height:46px;justify-content:space-between;left:8px;position:fixed;right:8px;top:0}.h17wz13c{flex-direction:column;height:90px;transition:transform .2s}.h1bgh3rd{transform:translateY(-43px)}.mxu2emt{bottom:8px;left:8px;position:fixed;right:8px;top:46px}.mslox5x{top:90px;transition:top .2s}.s1i19hnd{background:none;border:0;border-radius:0;flex-direction:column;left:0;opacity:1;overflow:visible;padding:12px 0 0;top:0;visibility:visible;width:210px;z-index:101}.h13sn67b,.s1i19hnd{bottom:0;position:absolute;right:0;transition:opacity .3s cubic-bezier(.65,0,.35,1)}.h13sn67b{background:#fff;left:210px;overflow:hidden;top:12px;z-index:201}.s1k9r3in{height:100%;overflow:scroll}.c1t0msup{font-size:15px;line-height:24px;min-height:100%;padding:0;width:100%}.apqkghd,.c1t0msup{margin:0 auto;max-width:100%}.apqkghd{padding:20px 56px 40px;width:980px}.a10qws06{width:1200px}.h3zl32q{align-items:flex-start;display:flex;gap:30px;width:100%}.c1cmkhbs{flex:1 1 0;overflow:hidden}.n1rrfk2r{flex:none;margin-left:50px;margin-top:0;padding-left:16px;position:sticky;top:30px;width:180px}.hmi9h9e{color:#7051d4;font-size:18px;font-weight:300;margin-top:-18px}.h1dmvxug{border:1px solid #ececf1;border-radius:16px;min-width:0;overflow:hidden}.h1pb9ov9{background:linear-gradient(45deg,#f7f7f8,#f7f7f8)!important;border-bottom:0;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;flex:1 1 0%;min-width:0}.laeqccf{display:flex;flex-grow:1;gap:8px;justify-content:end;padding:0 10px}.brmq4h0{all:unset;align-items:center;border-radius:6px;color:#353740;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px}.brmq4h0[data-state=active]{border-bottom:1px solid #7051d4;border-bottom-left-radius:0;border-bottom-right-radius:0;color:#7051d4}.brmq4h0:hover{background:#e3e3eb;transition:.1s ease-in}.dht44{align-items:center;color:#353740;display:flex;font-size:14px;gap:4px;margin-left:4px;margin-right:4px}.d3qz0ka{border-radius:4px;display:flex;flex:1 1 0%;gap:16px;padding-left:16px;padding-right:16px}.cjcdygz{align-items:center;display:flex;padding-left:8px;padding-right:8px}:root{--xyd-navbar-height:46px;--xyd-global-page-gutter:8px;--xyd-sidebar-width:300px}.hbl2zih{background:#fff;overflow-x:hidden;width:100%}.h115et6c{align-items:center;background:#fff;display:flex;height:46px;justify-content:space-between;left:8px;position:fixed;right:8px;top:0;z-index:20}@media (max-width:768px){.h115et6c{padding:0}}.pqur9bs{align-items:center;display:flex;width:100%}.h1ca28gw{flex-direction:column;height:90px;transition:transform .2s}.h1wej3bq{transform:translateY(-43px)}.h10slvux{display:none}@media (max-width:768px){.h10slvux{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;width:40px}}.hs9zvag{display:flex;flex-direction:column;height:24px;justify-content:space-between;position:relative;width:24px}.hwo9ypt{background:#000;height:2px;transition:transform .3s cubic-bezier(.65,0,.35,1);width:100%}.hx2yh06:first-child{transform:translateY(11px) rotate(45deg)}.hx2yh06:nth-child(2){opacity:0}.hx2yh06:last-child{transform:translateY(-11px) rotate(-45deg)}.m1tsopzt{bottom:8px;display:flex;left:8px;margin-top:8px;position:fixed;right:8px;top:46px}.mrptvy0{top:90px;transition:top .2s}.s15p97dz{background:#fff;display:flex;flex:none;flex-direction:column;overflow:hidden;position:relative;width:300px}@media (max-width:768px){.s15p97dz{display:none}}.m1g98ss5{display:none}@media (max-width:768px){.m1g98ss5{background:#fff;bottom:0;box-shadow:4px 0 8px rgba(0,0,0,.1);display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.65,0,.35,1);width:300px;z-index:50}}.m12tfx9{transform:translateX(0)}.s1l70vy0{flex:1;overflow-y:auto}.c1xrwn4u{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:12px;top:12px;width:32px}.sx6vufc{border:1px solid #eaeaea;border-radius:6px;font-size:14px;height:40px;outline:none;padding:0 12px;transition:border-color .2s;width:100%}.sx6vufc:focus{border-color:#666}.c1k5z9a4{height:20px;position:relative;width:20px}.c1k5z9a4:after,.c1k5z9a4:before{background:#666;content:"";height:2px;left:0;position:absolute;top:50%;transform-origin:center;width:100%}.c1k5z9a4:before{transform:rotate(45deg)}.c1k5z9a4:after{transform:rotate(-45deg)}.o2vyfys{display:none}@media (max-width:768px){.o2vyfys{background:rgba(0,0,0,.6);bottom:0;display:block;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s;z-index:40}}.o3fargz{opacity:1;pointer-events:auto}.h178wvkm{background:#fff;flex:1;min-width:0;overflow:hidden;position:relative;top:12px}.s56lisa{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto;padding:0 48px}@media (max-width:1024px){.s56lisa{padding:0 32px}}@media (max-width:768px){.s56lisa{padding:0 24px}}.cr72phr{font-size:15px;line-height:24px;margin:0 auto;max-width:900px;padding:40px 0;width:100%}@media (max-width:768px){.cr72phr{padding:24px 0}}.cjrmmxf{max-width:1200px}.aqmdmmp{margin:0 auto;max-width:100%}.aqmdmmp,.h1scre76{box-sizing:border-box;width:100%}.h1scre76{align-items:flex-start;display:flex;gap:64px}@media (max-width:1024px){.h1scre76{gap:48px}}@media (max-width:768px){.h1scre76{flex-direction:column;gap:32px}}.cw4g864{flex:1;max-width:100%;min-width:0}.nj90fwq{flex:none;min-width:200px;padding-left:24px;position:sticky;top:24px;width:200px}@media (max-width:1024px){.nj90fwq{display:none;min-width:180px;padding-left:16px;width:180px}}@media (max-width:768px){.nj90fwq{border-top:1px solid #eaeaea;display:block;min-width:100%;padding-left:0;padding-top:24px;position:static;width:100%}}.hyawwu4{border-color:transparent;border-left-width:4px;display:flex;margin:4px 0}.l1i5ism5{flex:1 1 0%}._1fnx2sm{background-color:#eef2ff;border-color:#60a5fa}.h83ezas{margin:0 12px 0 4px;opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hwih9s3{background:linear-gradient(45deg,#f7f7f8,#f7f7f8)!important;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid #ececf1;font-size:12px;line-height:20px;margin:0;max-height:400px;overflow-y:scroll;padding:8px 16px;white-space:pre-wrap;word-break:break-all}.h1sbwmbs{max-height:100%}.h1seqss5{display:flex;flex-direction:column;gap:24px}.htyux6{color:#7051d4}.h1hvsyfb{all:unset;align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px}.h1hvsyfb:hover{background:#e3e3eb;transition:.1s ease-in}.h9tkkeg{font-size:30px;font-weight:400}.c1q2rf33{background:linear-gradient(45deg,#f7f7f8,#f7f7f8);border:1px solid var(--atlas-comp-apiref-item-border-color);border-radius:8px;font-size:13px;padding:8px}.lhk53ap{color:var(--atlas-comp-apiref-item-navbar-color);margin-right:4px}.h1t46rpg{display:flex;flex-direction:column;gap:16px;padding-bottom:25px}.gq5m3p7{align-items:normal;display:grid;gap:100px;grid-template-columns:repeat(2,minmax(0,1fr))}.i1lmmgv6{display:flex;flex-direction:column;gap:25px;margin-bottom:25px}.hpmrvhc{font-size:15px;font-weight:600}.l8q9wny{-webkit-text-decoration:none;text-decoration:none}.h1b8wz9m{-webkit-box-flex-wrap:wrap;border:none;display:flex;flex-direction:column;flex-wrap:wrap;gap:16px;list-style:none}.h1ayic9k,.h1b8wz9m{margin:0;padding:0}.h1ayic9k:first-child{padding-top:0}.h1ayic9k:last-child{padding-bottom:0}.hkisad5{color:var(--atlas-comp-apiref-properties-description-color);font-size:14px;line-height:22px}.h159tzrk{-webkit-box-flex-wrap:wrap;align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin:8px 0;position:relative}.h159tzrk dd{margin-inline-start:0}.ht6ukcw{color:var(--atlas-comp-apiref-properties-prop__name-color);font-size:13px;font-weight:600}.h1hhb1ak,.ht6ukcw{display:inline-flex;padding:4px 0}.h1hhb1ak{border-radius:4px;color:var(--atlas-comp-apiref-properties-prop__type-color);font-size:10px}.l1ud1m37{color:var(--atlas-comp-apiref-properties-color--active);-webkit-text-decoration:underline;text-decoration:underline}.l1ud1m37:hover{-webkit-text-decoration:none;text-decoration:none}.h1fjyrqx{border-style:none;display:none;padding:8px}.h12sxrry{display:unset}.u1ofrsp8{-webkit-box-flex-wrap:wrap;border:none;border-left:1px solid var(--atlas-comp-apiref-properties-border-color);display:flex;flex-direction:column;flex-wrap:wrap;gap:16px;list-style:none;margin:0;padding:0}.lmjvvs5{padding:0 16px}.h9u79h5{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;margin-top:16px;outline:inherit;padding:0}.h9u79h5,.h9u79h5 svg{font-size:13px}.h9u79h5:hover svg{color:var(--atlas-comp-apiref-properties-color--active);transition:all .1s ease-in}.l16o3qrr{cursor:pointer;margin-left:4px;-webkit-text-decoration:none;text-decoration:none}.l16o3qrr:hover{color:var(--atlas-comp-apiref-properties-color--active);transition:all .1s ease-in}.h47igvr{all:unset;align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px}.h47igvr:hover{background:var(--atlas-comp-code-copy-background--active);transition:.1s ease-in}.h1ur68ey{border:1px solid var(--atlas-comp-code-sample-border-color);border-radius:16px;flex:1 1 0;max-width:512px;min-width:0;overflow:hidden}.hp2fg9q{background:linear-gradient(45deg,#f7f7f8,#f7f7f8)!important;border-bottom:0;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;flex:1 1 0%;min-width:0;padding:8px 0}.l1u5q09{display:flex;flex-grow:1;gap:8px;justify-content:end;padding:0 10px}.b1g5l43{all:unset;align-items:center;border-radius:6px;color:var(--atlas-comp-code-sample-color);cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px}.b1g5l43[data-state=active]{border-bottom:1px solid var(--atlas-comp-code-sample-color--active);border-bottom-left-radius:0;border-bottom-right-radius:0;color:var(--atlas-comp-code-sample-color--active)}.b1g5l43:hover{background:var(--atlas-comp-code-sample-background);transition:.1s ease-in}.d1x4vxzj{align-items:center;color:var(--atlas-comp-code-sample-color);display:flex;font-size:14px;gap:4px;margin-left:4px;margin-right:4px}.d1n1kybx{border-radius:4px;display:flex;flex:1 1 0%;gap:16px;padding-left:16px;padding-right:16px}.c1qxxuld{align-items:center;display:flex;padding-left:8px;padding-right:8px}.h1gfddng{background:linear-gradient(45deg,#f7f7f8,#f7f7f8)!important;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid var(--atlas-comp-code-sample-border-color);font-size:14px;line-height:20px;margin:0;max-height:400px;overflow-y:scroll;padding:8px 16px;white-space:pre-wrap;word-break:break-all}.h1h0n8u6{border-color:transparent;border-left-width:4px;display:flex;margin:4px 0}.l12klvp{flex:1 1 0%}._4uqa3m{background-color:var(--atlas-comp-code-sample-mark-background--active);border-color:var(--atlas-comp-code-sample-mark-border--active)}.h18n51vi{margin:0 4px;opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}.h1de1isv{max-width:100%;position:relative}.c174knag{align-items:center;background-color:#f3f4f6;border-radius:8px;display:flex}.hdr58em{background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);padding:8px}.izmf263{height:16px;width:16px}.h1olbpn1{flex-grow:1;overflow-x:auto}.c1dubejs{display:inline-flex;gap:4px;margin-left:4px;padding:4px}.he063xp{border-radius:.375rem;color:#6b7280;font-size:.875rem;font-weight:500;line-height:1.25rem;padding:.5rem 1rem;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);white-space:nowrap}._lt697q,.he063xp:hover{color:#111827}._lt697q{background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.hskauww{display:flex;flex-direction:column;gap:32px;position:sticky;top:6rem}.hskauww:first-child{margin-top:0}.hskauww:last-child{margin-bottom:0}.h1nkbfqz{display:flex;flex-direction:column;gap:10px}.h5edgc7{width:100%}.h12vpet9{padding:16px 0}._18e99ku{padding:4px 0}:root{--headingEffect-color-tertiary:rgba(23,119,184,.5);--headingEffect-color-secondary:#7955f1;--headingEffect-color-primary:#ff69b4;--atlas-comp-apiref-properties-color--active:#7051d4;--atlas-comp-apiref-properties-border-color:#d2d5d8}@font-face{font-family:Mona Sans;font-stretch:75% 125%;font-weight:200 900;src:url(../public/fonts/MonaSans/Mona-Sans.woff2) format("woff2 supports variations"),url(../public/fonts/MonaSans/Mona-Sans.woff2) format("woff2-variations")}html{font-family:Mona Sans,serif}body{margin:0}menu,ol,ul{list-style:none;margin:0;padding:0}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}[role=button],button{cursor:pointer}button,select{text-transform:none}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}a{color:inherit;text-decoration:inherit}*,:after,:before{border-style:solid;border-width:0;box-sizing:border-box}p{margin:0;padding:0}.xyd_comp-comp-heading{font-weight:400}
|
package/dist/index.js
CHANGED
|
@@ -1,151 +1,25 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { helperContent } from '@xyd-js/components/content';
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
const globalHeaderHeight = '64px';
|
|
6
|
-
const $layout = {
|
|
7
|
-
host: "h1rnwuz9",
|
|
8
|
-
header: "h132y9go",
|
|
9
|
-
header$$sub: "h1ulv53s",
|
|
10
|
-
header$$hideMain: "h1xdz7qg",
|
|
11
|
-
hamburgerButton: "hk7pvq",
|
|
12
|
-
hamburgerIcon: "h8kgblw",
|
|
13
|
-
hamburgerLine: "hh5saf3",
|
|
14
|
-
hamburgerLine$$open: "h14fb2m2",
|
|
15
|
-
main: "mkdd2lx",
|
|
16
|
-
staticSidebar: "s3f1387",
|
|
17
|
-
mobileSidebar: "m85a4w5",
|
|
18
|
-
mobileSidebar$$open: "msxdsuf",
|
|
19
|
-
sidebarContent: "sl7s9k1",
|
|
20
|
-
closeButton: "ctha5be",
|
|
21
|
-
closeIcon: "c16jquc6",
|
|
22
|
-
overlay: "o18u8x95",
|
|
23
|
-
overlay$$visible: "oy9vl6h"
|
|
24
|
-
};
|
|
25
|
-
const $page = {
|
|
26
|
-
host: "h1y9uv5g",
|
|
27
|
-
scroll: "s1bt6hj0",
|
|
28
|
-
container: "c10i2k53",
|
|
29
|
-
container$$large: "czd8fkv",
|
|
30
|
-
articleContainer: "azjzrg2"
|
|
31
|
-
};
|
|
32
|
-
const $article = {
|
|
33
|
-
host: "hv1ik3l",
|
|
34
|
-
content: "c4bwsxq",
|
|
35
|
-
nav: "nhnl6xf"
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
// TODO: move scroller to xyd-foo
|
|
39
|
-
function Layout(props) {
|
|
40
|
-
const [isMobileNavOpen, setIsMobileNavOpen] = useState(false);
|
|
41
|
-
const { hideMainHeader } = props.subheader ? useSubHeader() : { hideMainHeader: false };
|
|
42
|
-
return React.createElement("div", { className: $layout.host },
|
|
43
|
-
React.createElement("header", { className: `
|
|
44
|
-
${$layout.header}
|
|
45
|
-
${props.subheader && $layout.header$$sub}
|
|
46
|
-
${hideMainHeader && $layout.header$$hideMain}
|
|
47
|
-
` },
|
|
48
|
-
props.header,
|
|
49
|
-
React.createElement("button", { className: $layout.hamburgerButton, onClick: () => setIsMobileNavOpen(!isMobileNavOpen), "aria-label": "Toggle navigation menu" },
|
|
50
|
-
React.createElement("div", { className: $layout.hamburgerIcon },
|
|
51
|
-
React.createElement("span", { className: `${$layout.hamburgerLine} ${isMobileNavOpen ? $layout.hamburgerLine$$open : ''}` }),
|
|
52
|
-
React.createElement("span", { className: `${$layout.hamburgerLine} ${isMobileNavOpen ? $layout.hamburgerLine$$open : ''}` }),
|
|
53
|
-
React.createElement("span", { className: `${$layout.hamburgerLine} ${isMobileNavOpen ? $layout.hamburgerLine$$open : ''}` })))),
|
|
54
|
-
React.createElement("div", { className: `${$layout.overlay} ${isMobileNavOpen ? $layout.overlay$$visible : ''}`, onClick: () => setIsMobileNavOpen(false) }),
|
|
55
|
-
React.createElement("aside", { className: `
|
|
56
|
-
${$layout.mobileSidebar}
|
|
57
|
-
${isMobileNavOpen ? $layout.mobileSidebar$$open : ''}
|
|
58
|
-
` },
|
|
59
|
-
React.createElement("div", { className: $layout.sidebarContent }, props.aside),
|
|
60
|
-
React.createElement("button", { className: $layout.closeButton, onClick: () => setIsMobileNavOpen(false), "aria-label": "Close navigation menu" },
|
|
61
|
-
React.createElement("div", { className: $layout.closeIcon }))),
|
|
62
|
-
React.createElement("main", { className: $layout.main },
|
|
63
|
-
React.createElement("aside", { className: $layout.staticSidebar }, props.aside),
|
|
64
|
-
React.createElement("div", { className: $page.host },
|
|
65
|
-
React.createElement("div", { className: $page.scroll },
|
|
66
|
-
React.createElement("div", { className: `
|
|
67
|
-
${$page.container}
|
|
68
|
-
${props.layoutSize == "large" && $page.container$$large}
|
|
69
|
-
` },
|
|
70
|
-
React.createElement("div", { className: `
|
|
71
|
-
${$page.articleContainer}
|
|
72
|
-
` },
|
|
73
|
-
React.createElement("article", { className: $article.host },
|
|
74
|
-
React.createElement("section", { className: $article.content }, props.content),
|
|
75
|
-
props.contentNav && React.createElement("nav", { className: `
|
|
76
|
-
${$article.nav}
|
|
77
|
-
` }, props.contentNav))))))));
|
|
78
|
-
}
|
|
79
|
-
// TODO: move to `xyd-foo` or somewhere else
|
|
80
|
-
function useSubHeader() {
|
|
81
|
-
const [hideMainHeader, setHideMainHeader] = useState(false);
|
|
82
|
-
const [scrollTop, setScrollTop] = useState(0);
|
|
83
|
-
const [controlScrollPos, setControlScrollPos] = useState(0);
|
|
84
|
-
useEffect(() => {
|
|
85
|
-
if (scrollTop === controlScrollPos) {
|
|
86
|
-
return;
|
|
87
|
-
}
|
|
88
|
-
const checkpoint = parseInt(globalHeaderHeight, 10) / 2;
|
|
89
|
-
const diff = scrollTop - controlScrollPos;
|
|
90
|
-
const reversePosDiff = Math.abs(scrollTop - controlScrollPos);
|
|
91
|
-
if (diff > checkpoint) {
|
|
92
|
-
setHideMainHeader(true);
|
|
93
|
-
}
|
|
94
|
-
else if (reversePosDiff > checkpoint) {
|
|
95
|
-
setHideMainHeader(false);
|
|
96
|
-
}
|
|
97
|
-
}, [
|
|
98
|
-
scrollTop,
|
|
99
|
-
controlScrollPos,
|
|
100
|
-
]);
|
|
101
|
-
function onScroll(e) {
|
|
102
|
-
var _a;
|
|
103
|
-
if (!(e.target instanceof HTMLElement)) {
|
|
104
|
-
return;
|
|
105
|
-
}
|
|
106
|
-
const scroll = (_a = e.target) === null || _a === void 0 ? void 0 : _a.scrollTop;
|
|
107
|
-
setScrollTop(scroll);
|
|
108
|
-
}
|
|
109
|
-
function onScrollFinish(e) {
|
|
110
|
-
var _a;
|
|
111
|
-
if (!(e.target instanceof HTMLElement)) {
|
|
112
|
-
return;
|
|
113
|
-
}
|
|
114
|
-
setControlScrollPos((_a = e.target) === null || _a === void 0 ? void 0 : _a.scrollTop);
|
|
115
|
-
}
|
|
116
|
-
// TODO: by ref?
|
|
117
|
-
// TODO: MOVE SOMEWHERE ELSE BECAUSE IT DECREASE PERFORMANCE (RERENDER)
|
|
118
|
-
useEffect(() => {
|
|
119
|
-
var _a, _b;
|
|
120
|
-
(_a = document.querySelector(`.${$page.scroll}`)) === null || _a === void 0 ? void 0 : _a.addEventListener("scroll", onScroll);
|
|
121
|
-
(_b = document.querySelector(`.${$page.scroll}`)) === null || _b === void 0 ? void 0 : _b.addEventListener("scrollend", onScrollFinish);
|
|
122
|
-
return () => {
|
|
123
|
-
var _a, _b;
|
|
124
|
-
(_a = document.querySelector(`.${$page.scroll}`)) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", onScroll);
|
|
125
|
-
(_b = document.querySelector(`.${$page.scroll}`)) === null || _b === void 0 ? void 0 : _b.removeEventListener("scrollend", onScrollFinish);
|
|
126
|
-
};
|
|
127
|
-
}, []);
|
|
128
|
-
return {
|
|
129
|
-
hideMainHeader,
|
|
130
|
-
};
|
|
131
|
-
}
|
|
3
|
+
import { LayoutPrimary } from '@xyd-js/components/layouts';
|
|
4
|
+
import { useMatchedSubNav, FwSubNav, FwToc, FwNavLinks, FwSidebarGroups, FwNav } from '@xyd-js/framework/react';
|
|
132
5
|
|
|
133
6
|
const { Content } = helperContent();
|
|
134
7
|
function ThemePoetry(props) {
|
|
135
8
|
var _a, _b, _c, _d;
|
|
136
|
-
|
|
9
|
+
const showSubheader = useMatchedSubNav() ? React.createElement(FwSubNav, null) : null;
|
|
10
|
+
return React.createElement(LayoutPrimary, { subheader: showSubheader, header: React.createElement($Navbar, null), aside: React.createElement($Sidebar, { themeSettings: props.themeSettings }), content: React.createElement(React.Fragment, null,
|
|
137
11
|
React.createElement(Content, null, props.children),
|
|
138
12
|
React.createElement(FwNavLinks, null)), contentNav: ((_a = props.themeSettings) === null || _a === void 0 ? void 0 : _a.hideToc)
|
|
139
13
|
? null
|
|
140
14
|
: ((_b = props.themeSettings) === null || _b === void 0 ? void 0 : _b.contentNav) ? props.themeSettings.contentNav : React.createElement(FwToc, null), layoutSize: ((_d = (_c = props.themeSettings) === null || _c === void 0 ? void 0 : _c.layout) === null || _d === void 0 ? void 0 : _d.size) || undefined });
|
|
141
15
|
}
|
|
142
16
|
// TODO: finish search
|
|
143
|
-
function Navbar() {
|
|
17
|
+
function $Navbar() {
|
|
144
18
|
return React.createElement(React.Fragment, null,
|
|
145
19
|
React.createElement(FwNav, { kind: "middle" }));
|
|
146
20
|
}
|
|
147
21
|
// TODO: onePathBehaviour does not work - fix that
|
|
148
|
-
function Sidebar({ themeSettings }) {
|
|
22
|
+
function $Sidebar({ themeSettings }) {
|
|
149
23
|
var _a, _b;
|
|
150
24
|
return React.createElement(FwSidebarGroups, { onePathBehaviour: (_a = themeSettings === null || themeSettings === void 0 ? void 0 : themeSettings.sidebar) === null || _a === void 0 ? void 0 : _a.onePathBehaviour, clientSideRouting: (_b = themeSettings === null || themeSettings === void 0 ? void 0 : themeSettings.sidebar) === null || _b === void 0 ? void 0 : _b.clientSideRouting });
|
|
151
25
|
}
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/components/Layouts/Layout.styles.tsx","../src/components/Layouts/Layout.tsx","../src/theme.tsx"],"sourcesContent":["import {css} from \"@linaria/core\";\n\nexport const globalHeaderHeight = '64px';\nconst globalHeaderWarningHeight = \"0px\";\n\nconst globalHeaderHeightWithSub = '90px';\n\nconst cubicMove = \"cubic-bezier(.65, 0, .35, 1)\";\nconst sidebarWidth = \"300px\";\n\n// TODO: better solution - design tokens\nexport const globals = css`\n :global() {\n :root {\n --xyd-navbar-height: ${globalHeaderHeight};\n --xyd-sidebar-width: ${sidebarWidth};\n }\n }\n`;\n\nexport const $layout = {\n host: css`\n width: 100%;\n overflow-x: hidden;\n background: #fff;\n `,\n header: css`\n display: flex;\n justify-content: space-between;\n align-items: center;\n position: fixed;\n top: ${globalHeaderWarningHeight};\n right: 0;\n left: 0;\n height: ${globalHeaderHeight};\n z-index: 20;\n background: #fff;\n padding: 0 24px;\n\n @media (max-width: 768px) {\n padding: 0;\n }\n `,\n header$$sub: css`\n flex-direction: column;\n height: ${globalHeaderHeightWithSub};\n transition: transform 200ms;\n `,\n header$$hideMain: css`\n transform: translateY(calc(-${globalHeaderHeight} + 3px));\n `,\n hamburgerButton: css`\n display: none;\n\n @media (max-width: 768px) {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border: none;\n background: none;\n cursor: pointer;\n padding: 0;\n }\n `,\n hamburgerIcon: css`\n width: 24px;\n height: 24px;\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n `,\n hamburgerLine: css`\n width: 100%;\n height: 2px;\n background: #000;\n transition: transform 0.3s ${cubicMove};\n `,\n hamburgerLine$$open: css`\n &:first-child {\n transform: translateY(11px) rotate(45deg);\n }\n &:nth-child(2) {\n opacity: 0;\n }\n &:last-child {\n transform: translateY(-11px) rotate(-45deg);\n }\n `,\n main: css`\n position: fixed;\n top: ${globalHeaderHeight};\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n overflow: hidden;\n background: #fff;\n `,\n staticSidebar: css`\n flex: none;\n width: ${sidebarWidth};\n background: #fff;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n padding: 0 0 0 15px;\n\n @media (max-width: 768px) {\n display: none;\n }\n `,\n mobileSidebar: css`\n display: none;\n\n @media (max-width: 768px) {\n display: flex;\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n width: ${sidebarWidth};\n background: #fff;\n flex-direction: column;\n overflow: hidden;\n z-index: 50;\n transform: translateX(-100%);\n transition: transform .3s ${cubicMove};\n box-shadow: 4px 0 8px rgba(0, 0, 0, 0.1);\n }\n `,\n mobileSidebar$$open: css`\n transform: translateX(0);\n `,\n sidebarContent: css`\n flex: 1;\n overflow-y: auto;\n `,\n closeButton: css`\n position: absolute;\n top: 12px;\n right: 12px;\n width: 32px;\n height: 32px;\n border: none;\n background: none;\n padding: 0;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n `,\n searchInput: css`\n width: 100%;\n height: 40px;\n padding: 0 12px;\n border: 1px solid #eaeaea;\n border-radius: 6px;\n font-size: 14px;\n outline: none;\n transition: border-color 0.2s;\n\n &:focus {\n border-color: #666;\n }\n `,\n closeIcon: css`\n width: 20px;\n height: 20px;\n position: relative;\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 0;\n width: 100%;\n height: 2px;\n background: #666;\n transform-origin: center;\n }\n\n &::before {\n transform: rotate(45deg);\n }\n\n &::after {\n transform: rotate(-45deg);\n }\n `,\n overlay: css`\n display: none;\n\n @media (max-width: 768px) {\n display: block;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: rgba(0, 0, 0, 0.6);\n transition: opacity .3s;\n opacity: 0;\n pointer-events: none;\n z-index: 40;\n }\n `,\n overlay$$visible: css`\n opacity: 1;\n pointer-events: auto;\n `\n}\n\nexport const $page = {\n host: css`\n position: relative;\n flex: 1;\n background: #fff;\n overflow: hidden;\n min-width: 0;\n `,\n scroll: css`\n overflow-y: auto;\n height: 100%;\n -webkit-overflow-scrolling: touch;\n padding: 0 48px;\n\n @media (max-width: 1024px) {\n padding: 0 32px;\n }\n\n @media (max-width: 768px) {\n padding: 0 24px;\n }\n `,\n container: css`\n padding: 40px 0;\n width: 100%;\n max-width: 900px;\n margin: 0 auto;\n font-size: 15px;\n line-height: 24px;\n\n @media (max-width: 768px) {\n padding: 24px 0;\n }\n `,\n container$$large: css`\n max-width: 1200px;\n `,\n articleContainer: css`\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n box-sizing: border-box;\n `,\n}\n\nexport const $article = {\n host: css`\n display: flex;\n gap: 64px;\n width: 100%;\n align-items: flex-start;\n box-sizing: border-box;\n\n @media (max-width: 1024px) {\n gap: 48px;\n }\n\n @media (max-width: 768px) {\n flex-direction: column;\n gap: 32px;\n }\n `,\n content: css`\n flex: 1;\n min-width: 0;\n max-width: 100%;\n `,\n nav: css`\n position: sticky;\n top: 24px;\n width: 200px;\n min-width: 200px;\n flex: none;\n padding-left: 24px;\n\n @media (max-width: 1024px) {\n display: none;\n width: 180px;\n min-width: 180px;\n padding-left: 16px;\n }\n\n @media (max-width: 768px) {\n display: block;\n position: static;\n width: 100%;\n min-width: 100%;\n padding-left: 0;\n padding-top: 24px;\n border-top: 1px solid #eaeaea;\n }\n `\n}","import React, {useEffect, useState} from \"react\"\n\nimport {$layout, $page, $article, globalHeaderHeight} from \"./Layout.styles\"\n\nexport interface LayoutProps {\n header: React.ReactNode;\n aside: React.ReactNode;\n content: React.ReactNode;\n contentNav: React.ReactNode;\n\n subheader?: boolean;\n layoutSize?: \"large\"\n}\n\n// TODO: move scroller to xyd-foo\nexport function Layout(props: LayoutProps) {\n const [isMobileNavOpen, setIsMobileNavOpen] = useState(false)\n\n const {hideMainHeader} = props.subheader ? useSubHeader() : {hideMainHeader: false}\n\n return <div className={$layout.host}>\n <header className={`\n ${$layout.header}\n ${props.subheader && $layout.header$$sub}\n ${hideMainHeader && $layout.header$$hideMain}\n `}>\n {props.header}\n\n <button\n className={$layout.hamburgerButton}\n onClick={() => setIsMobileNavOpen(!isMobileNavOpen)}\n aria-label=\"Toggle navigation menu\"\n >\n <div className={$layout.hamburgerIcon}>\n <span className={`${$layout.hamburgerLine} ${isMobileNavOpen ? $layout.hamburgerLine$$open : ''}`}/>\n <span className={`${$layout.hamburgerLine} ${isMobileNavOpen ? $layout.hamburgerLine$$open : ''}`}/>\n <span className={`${$layout.hamburgerLine} ${isMobileNavOpen ? $layout.hamburgerLine$$open : ''}`}/>\n </div>\n </button>\n </header>\n\n {/* Mobile Drawer Sidebar */}\n <div\n className={`${$layout.overlay} ${isMobileNavOpen ? $layout.overlay$$visible : ''}`}\n onClick={() => setIsMobileNavOpen(false)}\n />\n <aside className={`\n ${$layout.mobileSidebar}\n ${isMobileNavOpen ? $layout.mobileSidebar$$open : ''}\n `}>\n <div className={$layout.sidebarContent}>\n {props.aside}\n </div>\n <button\n className={$layout.closeButton}\n onClick={() => setIsMobileNavOpen(false)}\n aria-label=\"Close navigation menu\"\n >\n <div className={$layout.closeIcon}/>\n </button>\n </aside>\n\n <main className={$layout.main}>\n {/* Desktop Static Sidebar */}\n <aside className={$layout.staticSidebar}>\n {props.aside}\n </aside>\n\n <div className={$page.host}>\n <div className={$page.scroll}>\n <div className={`\n ${$page.container}\n ${props.layoutSize == \"large\" && $page.container$$large}\n `}>\n <div className={`\n ${$page.articleContainer}\n `}>\n <article className={$article.host}>\n <section className={$article.content}>\n {props.content}\n </section>\n {\n props.contentNav && <nav className={`\n ${$article.nav}\n `}>\n {props.contentNav}\n </nav>\n }\n </article>\n </div>\n </div>\n </div>\n </div>\n </main>\n </div>\n}\n\n// TODO: move to `xyd-foo` or somewhere else\nfunction useSubHeader() {\n const [hideMainHeader, setHideMainHeader] = useState(false)\n const [scrollTop, setScrollTop] = useState(0)\n const [controlScrollPos, setControlScrollPos] = useState(0)\n\n useEffect(() => {\n if (scrollTop === controlScrollPos) {\n return\n }\n\n const checkpoint = parseInt(globalHeaderHeight, 10) / 2\n const diff = scrollTop - controlScrollPos\n const reversePosDiff = Math.abs(scrollTop - controlScrollPos)\n\n if (diff > checkpoint) {\n setHideMainHeader(true)\n } else if (reversePosDiff > checkpoint) {\n setHideMainHeader(false)\n }\n }, [\n scrollTop,\n controlScrollPos,\n ]);\n\n function onScroll(e: Event) {\n if (!(e.target instanceof HTMLElement)) {\n return\n }\n\n const scroll = e.target?.scrollTop\n setScrollTop(scroll)\n }\n\n function onScrollFinish(e: Event) {\n if (!(e.target instanceof HTMLElement)) {\n return\n }\n\n setControlScrollPos(e.target?.scrollTop)\n }\n\n // TODO: by ref?\n // TODO: MOVE SOMEWHERE ELSE BECAUSE IT DECREASE PERFORMANCE (RERENDER)\n useEffect(() => {\n document.querySelector(`.${$page.scroll}`)?.addEventListener(\"scroll\", onScroll)\n document.querySelector(`.${$page.scroll}`)?.addEventListener(\"scrollend\", onScrollFinish)\n\n return () => {\n document.querySelector(`.${$page.scroll}`)?.removeEventListener(\"scroll\", onScroll)\n document.querySelector(`.${$page.scroll}`)?.removeEventListener(\"scrollend\", onScrollFinish)\n }\n }, []);\n\n return {\n hideMainHeader,\n }\n}","import React from \"react\"\n\nimport {helperContent} from \"@xyd-js/components/content\"\nimport type {\n ITheme\n} from \"@xyd-js/framework\"\nimport {\n FwNav,\n FwToc,\n FwNavLinks,\n\n FwSidebarGroups,\n} from \"@xyd-js/framework/react\"\n\nimport {Layout} from \"./components/Layouts\";\n\nimport \"@xyd-js/ui/index.css\";\nimport \"@xyd-js/components/index.css\";\nimport '@xyd-js/atlas/index.css';\n\nimport './index.css';\nimport './override.css';\n\nconst {Content} = helperContent()\n\nexport interface ThemeSettings {\n hideToc?: boolean // TODO: better prop name?\n sidebar?: {\n onePathBehaviour?: boolean\n clientSideRouting?: boolean\n }\n contentNav?: React.ReactNode\n layout?: {\n size?: \"large\"\n }\n}\n\nexport interface ThemeProps extends ITheme<ThemeSettings> {\n}\n\nexport default function ThemePoetry(props: ThemeProps) {\n return <Layout\n header={<Navbar/>}\n aside={<Sidebar themeSettings={props.themeSettings}/>}\n content={<>\n {/*TODO: optional breadcrumbs*/}\n {/*{props.breadcrumbs ? <FwBreadcrumbs/> : undefined}*/}\n <Content>\n {props.children}\n </Content>\n\n <FwNavLinks/>\n </>\n }\n contentNav={\n props.themeSettings?.hideToc\n ? null\n : props.themeSettings?.contentNav ? props.themeSettings.contentNav : <FwToc/>\n }\n layoutSize={props.themeSettings?.layout?.size || undefined}\n />\n}\n\n// TODO: finish search\nfunction Navbar() {\n return <>\n <FwNav kind=\"middle\"/>\n </>\n}\n\n// TODO: onePathBehaviour does not work - fix that\nfunction Sidebar({themeSettings}: { themeSettings?: ThemeSettings }) {\n return <FwSidebarGroups\n onePathBehaviour={themeSettings?.sidebar?.onePathBehaviour}\n clientSideRouting={themeSettings?.sidebar?.clientSideRouting}\n />\n}"],"names":["globalHeaderHeight","$layout","host","header","header$$sub","header$$hideMain","hamburgerButton","hamburgerIcon","hamburgerLine","hamburgerLine$$open","main","staticSidebar","mobileSidebar","mobileSidebar$$open","sidebarContent","closeButton","searchInput","closeIcon","overlay","overlay$$visible","$page","scroll","container","container$$large","articleContainer","$article","content","nav"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/theme.tsx"],"sourcesContent":["import React from \"react\"\n\nimport type {\n ITheme\n} from \"@xyd-js/framework\"\nimport {helperContent} from \"@xyd-js/components/content\"\nimport {\n LayoutPrimary\n} from \"@xyd-js/components/layouts\";\nimport {\n FwNav,\n FwSubNav,\n FwToc,\n FwNavLinks,\n FwSidebarGroups,\n\n useMatchedSubNav\n} from \"@xyd-js/framework/react\"\n\nimport \"@xyd-js/ui/index.css\";\nimport \"@xyd-js/components/index.css\";\nimport '@xyd-js/atlas/index.css';\n\nimport './index.css';\nimport './override.css';\n\nconst {Content} = helperContent()\n\nexport interface ThemeSettings {\n hideToc?: boolean // TODO: better prop name?\n sidebar?: {\n onePathBehaviour?: boolean\n clientSideRouting?: boolean\n }\n contentNav?: React.ReactNode\n layout?: {\n size?: \"large\"\n }\n}\n\nexport interface ThemeProps extends ITheme<ThemeSettings> {\n}\n\nexport default function ThemePoetry(props: ThemeProps) {\n const showSubheader = useMatchedSubNav() ? <FwSubNav/> : null\n\n return <LayoutPrimary\n subheader={showSubheader}\n header={<$Navbar/>}\n aside={<$Sidebar themeSettings={props.themeSettings}/>}\n content={<>\n {/*TODO: optional breadcrumbs*/}\n {/*{props.breadcrumbs ? <FwBreadcrumbs/> : undefined}*/}\n <Content>\n {props.children}\n </Content>\n\n <FwNavLinks/>\n </>\n }\n contentNav={\n props.themeSettings?.hideToc\n ? null\n : props.themeSettings?.contentNav ? props.themeSettings.contentNav : <FwToc/>\n }\n layoutSize={props.themeSettings?.layout?.size || undefined}\n />\n}\n\n// TODO: finish search\nfunction $Navbar() {\n return <>\n <FwNav kind=\"middle\"/>\n </>\n}\n\n// TODO: onePathBehaviour does not work - fix that\nfunction $Sidebar({themeSettings}: { themeSettings?: ThemeSettings }) {\n return <FwSidebarGroups\n onePathBehaviour={themeSettings?.sidebar?.onePathBehaviour}\n clientSideRouting={themeSettings?.sidebar?.clientSideRouting}\n />\n}"],"names":[],"mappings":";;;;;AA0BA,MAAM,EAAC,OAAO,EAAC,GAAG,aAAa,EAAE;AAiBT,SAAA,WAAW,CAAC,KAAiB,EAAA;;AACjD,IAAA,MAAM,aAAa,GAAG,gBAAgB,EAAE,GAAG,KAAC,CAAA,aAAA,CAAA,QAAQ,EAAE,IAAA,CAAA,GAAG,IAAI;IAE7D,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACjB,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,KAAC,CAAA,aAAA,CAAA,OAAO,EAAE,IAAA,CAAA,EAClB,KAAK,EAAE,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAC,aAAa,EAAE,KAAK,CAAC,aAAa,EAAA,CAAG,EACtD,OAAO,EAAE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AAGL,YAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,IAAA,EACH,KAAK,CAAC,QAAQ,CACT;AAEV,YAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA,CAAE,CACd,EAEH,UAAU,EACN,CAAA,CAAA,EAAA,GAAA,KAAK,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,OAAO;AACxB,cAAE;AACF,cAAE,CAAA,CAAA,EAAA,GAAA,KAAK,CAAC,aAAa,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,UAAU,IAAG,KAAK,CAAC,aAAa,CAAC,UAAU,GAAG,KAAC,CAAA,aAAA,CAAA,KAAK,OAAE,EAErF,UAAU,EAAE,CAAA,MAAA,CAAA,EAAA,GAAA,KAAK,CAAC,aAAa,0CAAE,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,KAAI,SAAS,GAC5D;AACN;AAEA;AACA,SAAS,OAAO,GAAA;IACZ,OAAO,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACH,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAC,EAAA,IAAI,EAAC,QAAQ,EAAA,CAAE,CACvB;AACP;AAEA;AACA,SAAS,QAAQ,CAAC,EAAC,aAAa,EAAoC,EAAA;;AAChE,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,eAAe,EACnB,EAAA,gBAAgB,EAAE,CAAA,EAAA,GAAA,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,gBAAgB,EAC1D,iBAAiB,EAAE,CAAA,EAAA,GAAA,aAAa,KAAb,IAAA,IAAA,aAAa,KAAb,MAAA,GAAA,MAAA,GAAA,aAAa,CAAE,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,iBAAiB,GAC9D;AACN;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xyd-js/theme-poetry",
|
|
3
|
-
"version": "0.1.0-xyd.
|
|
3
|
+
"version": "0.1.0-xyd.21",
|
|
4
4
|
"description": "",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -21,14 +21,14 @@
|
|
|
21
21
|
"@linaria/atomic": "^6.2.0",
|
|
22
22
|
"@linaria/core": "^6.2.0",
|
|
23
23
|
"@xyd-js/xtokens": "0.1.0-xyd.1",
|
|
24
|
-
"@xyd-js/atlas": "0.1.0-xyd.
|
|
24
|
+
"@xyd-js/atlas": "0.1.0-xyd.11"
|
|
25
25
|
},
|
|
26
26
|
"peerDependencies": {
|
|
27
27
|
"react": "^19.0.0",
|
|
28
28
|
"react-dom": "^19.0.0",
|
|
29
29
|
"react-router": "7.1.1",
|
|
30
|
-
"@xyd-js/components": "0.1.0-xyd.
|
|
31
|
-
"@xyd-js/framework": "0.1.0-xyd.
|
|
30
|
+
"@xyd-js/components": "0.1.0-xyd.6",
|
|
31
|
+
"@xyd-js/framework": "0.1.0-xyd.25"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@babel/preset-typescript": "^7.26.0",
|