71 lines
6.8 KiB
JavaScript
71 lines
6.8 KiB
JavaScript
import{f as a,a as o}from"./props-b4vEeO_8.js";import{B as z,C as S,k as O,D as M,F as e,G as F,I as v}from"./runtime-C3rQLW--.js";import{i as D}from"./lifecycle-F2p_Qkk3.js";import{c as j,d as q}from"./create-runtime-stories-7AWWVphH.js";import{T as s,t as T}from"./Theme-BVfrVjCx.js";import{A as E}from"./Article-DL33WKIV.js";import{H as I}from"./Headline-C-tkYFZ6.js";import{B as k}from"./BodyText-CXnxLnBi.js";import{G as J}from"./GraphicBlock-uLJTqaY1.js";import{S as K}from"./SiteHeader-D-9D6sLa.js";var U=a('<div class="fake-graphic svelte-a154z8"></div>'),L=a("<!> <!> <!> <!>",1);function G(P,B){z(B,!1),D(),E(P,{children:(b,C)=>{var h=L(),c=S(h);{let i=M(()=>new Date("2021-09-12").toISOString());I(c,{hed:"Reuters Graphics Interactive",dek:"The beginning of a beautiful page",section:"Global news",authors:["Jon McClure","Prasanta Kumar Dutta"],get publishTime(){return O(i)}})}var u=e(c,2);k(u,{text:"Bacon ipsum dolor amet cupim porchetta chuck buffalo sirloin beef. Biltong ham brisket tenderloin hamburger doner."});var _=e(u,2);J(_,{title:"Steak tar-tar",description:"Andouille pork loin cow buffalo pork chop shoulder.",notes:"Source: U.S. FDA",children:(i,t)=>{var l=U();o(i,l)},$$slots:{default:!0}});var r=e(_,2);k(r,{text:"Bacon ipsum dolor amet cupim porchetta chuck buffalo sirloin beef. Biltong ham brisket tenderloin hamburger doner."}),o(b,h)},$$slots:{default:!0}}),F()}G.__docgen={version:3,name:"ThemedPage.svelte",data:[],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};const N={title:"Components/Theming/Theme",component:s,argTypes:{base:{control:"select",options:["light","dark"]},theme:{control:{expanded:!0}}}},{Story:f}=q();var Q=a('<div class="reset-article"><!></div>'),V=a('<div class="gfont"><!> <!></div>'),W=a("<!> <!> <!>",1),X=a('<div id="pattern-bg" class="svelte-1pgzb87"><!></div>'),Y=a('<div class="themed svelte-1pgzb87"><p class="svelte-1pgzb87">Sub-sub</p></div>'),Z=a('<div class="themed svelte-1pgzb87"><p class="svelte-1pgzb87">Sub-sub sibling</p></div>'),ee=a('<div class="themed svelte-1pgzb87"><p class="svelte-1pgzb87">Sub-theme</p> <!> <!></div>'),te=a('<div class="themed svelte-1pgzb87"><p class="svelte-1pgzb87">Theme</p> <!></div>'),re=a("<!> <!> <!> <!> <!>",1);function H(P,B){z(B,!1),D();var b=re(),C=S(b);f(C,{name:"Demo",children:(r,i)=>{var t=Q(),l=v(t);s(l,{get theme(){return T.light},base:"light",children:(n,d)=>{G(n,{})},$$slots:{default:!0}}),o(r,t)},$$slots:{default:!0},parameters:{__svelteCsf:{rawCode:`<div class="reset-article">
|
|
<Theme theme={themes.light} base="light">
|
|
<ThemedPage />
|
|
</Theme>
|
|
</div>`}}});var h=e(C,2);f(h,{name:"Custom theme",exportName:"CustomTheme",children:(r,i)=>{s(r,{base:"dark",theme:{colour:{accent:"var(--tr-light-orange)"},font:{family:{hed:'"Newsreader Text", serif'}}},children:(t,l)=>{G(t,{})},$$slots:{default:!0}})},$$slots:{default:!0},parameters:{__svelteCsf:{rawCode:`<Theme
|
|
base="dark"
|
|
theme={{
|
|
colour: { accent: 'var(--tr-light-orange)' },
|
|
font: { family: { hed: '"Newsreader Text", serif' } },
|
|
}}
|
|
>
|
|
<ThemedPage />
|
|
</Theme>`}}});var c=e(h,2);f(c,{name:"Custom font",exportName:"CustomFont",children:(r,i)=>{s(r,{base:"light",theme:{font:{family:{hed:"Indie Flower",body:"Indie Flower"}}},children:(t,l)=>{var n=V(),d=v(n);I(d,{hed:"Reuters Graphics Interactive",dek:"The beginning of a beautiful page",section:"Global news"});var m=e(d,2);k(m,{text:"Bacon ipsum dolor amet cupim porchetta chuck buffalo sirloin beef. Biltong ham brisket tenderloin hamburger doner."}),o(t,n)},$$slots:{default:!0}})},$$slots:{default:!0},parameters:{__svelteCsf:{rawCode:`<Theme
|
|
base="light"
|
|
theme={{
|
|
font: { family: { hed: 'Indie Flower', body: 'Indie Flower' } },
|
|
}}
|
|
>
|
|
<div class="gfont">
|
|
<Headline
|
|
hed={'Reuters Graphics Interactive'}
|
|
dek={'The beginning of a beautiful page'}
|
|
section={'Global news'}
|
|
/>
|
|
<BodyText
|
|
text={'Bacon ipsum dolor amet cupim porchetta chuck buffalo sirloin beef. Biltong ham brisket tenderloin hamburger doner.'}
|
|
/>
|
|
</div>
|
|
</Theme>`}}});var u=e(c,2);f(u,{name:"Background patterns",exportName:"BackgroundPatterns",children:(r,i)=>{var t=X(),l=v(t);s(l,{base:"dark",theme:{colour:{background:"transparent"}},children:(n,d)=>{var m=W(),w=S(m);K(w,{});var p=e(w,2);I(p,{hed:"Reuters Graphics Interactive",dek:"The beginning of a beautiful page",section:"Global news"});var $=e(p,2);k($,{text:"Bacon ipsum dolor amet cupim porchetta chuck buffalo sirloin beef. Biltong ham brisket tenderloin hamburger doner."}),o(n,m)},$$slots:{default:!0}}),o(r,t)},$$slots:{default:!0},parameters:{__svelteCsf:{rawCode:`<div id="pattern-bg">
|
|
<Theme
|
|
base="dark"
|
|
theme={{
|
|
colour: { background: 'transparent' },
|
|
}}
|
|
>
|
|
<SiteHeader />
|
|
<Headline
|
|
hed={'Reuters Graphics Interactive'}
|
|
dek={'The beginning of a beautiful page'}
|
|
section={'Global news'}
|
|
/>
|
|
<BodyText
|
|
text={'Bacon ipsum dolor amet cupim porchetta chuck buffalo sirloin beef. Biltong ham brisket tenderloin hamburger doner.'}
|
|
/>
|
|
</Theme>
|
|
</div>`}}});var _=e(u,2);f(_,{name:"Inheritance",tags:["!autodocs","!dev"],children:(r,i)=>{s(r,{get theme(){return T.light},children:(t,l)=>{var n=te(),d=e(v(n),2);s(d,{get theme(){return T.dark},children:(m,w)=>{var p=ee(),$=e(v(p),2);s($,{get theme(){return T.light},children:(x,A)=>{var y=Y();o(x,y)},$$slots:{default:!0}});var R=e($,2);s(R,{theme:{colour:{background:"steelblue","text-primary":"#fff"},font:{family:{note:'"Newsreader Text", serif'}}},base:"dark",children:(x,A)=>{var y=Z();o(x,y)},$$slots:{default:!0}}),o(m,p)},$$slots:{default:!0}}),o(t,n)},$$slots:{default:!0}})},$$slots:{default:!0},parameters:{__svelteCsf:{rawCode:`<Theme theme={themes.light}>
|
|
<div class="themed">
|
|
<p>Theme</p>
|
|
<Theme theme={themes.dark}>
|
|
<div class="themed">
|
|
<p>Sub-theme</p>
|
|
<Theme theme={themes.light}>
|
|
<div class="themed">
|
|
<p>Sub-sub</p>
|
|
</div>
|
|
</Theme>
|
|
<Theme
|
|
theme={{
|
|
colour: { background: 'steelblue', 'text-primary': '#fff' },
|
|
font: { family: { note: '"Newsreader Text", serif' } },
|
|
}}
|
|
base="dark"
|
|
>
|
|
<div class="themed">
|
|
<p>Sub-sub sibling</p>
|
|
</div>
|
|
</Theme>
|
|
</div>
|
|
</Theme>
|
|
</div>
|
|
</Theme>`}}}),o(P,b),F()}H.__docgen={version:3,name:"Theme.stories.svelte",data:[],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};const g=j(H,N),oe=["Demo","CustomTheme","CustomFont","BackgroundPatterns","Inheritance"],ae=g.Demo,ne=g.CustomTheme,se=g.CustomFont,ie=g.BackgroundPatterns,le=g.Inheritance,_e=Object.freeze(Object.defineProperty({__proto__:null,BackgroundPatterns:ie,CustomFont:se,CustomTheme:ne,Demo:ae,Inheritance:le,__namedExportsOrder:oe,default:N},Symbol.toStringTag,{value:"Module"}));export{ie as B,ne as C,ae as D,le as I,_e as T,se as a};
|