wires/hypnagaga
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

published 1.0.30

Browse source
This commit is contained in:
github-actions 2024-08-20 10:01:02 +00:00
parent 1837dbb8e4
commit 203b102b55
204 changed files with 296 additions and 295 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
docs/assets/Color-6VNJS4EI-0b638be3.js → docs/assets/Color-6VNJS4EI-2998b315.js
View file

File diff suppressed because one or more lines are too long

2
docs/assets/Color-6VNJS4EI-0b638be3.js.map → docs/assets/Color-6VNJS4EI-2998b315.js.map
View file

File diff suppressed because one or more lines are too long

2
docs/assets/DocsRenderer-3PUGWF3O-254a878c.js
View file

@ -1,2 +0,0 @@
import{D as d,d as n}from"./chunk-S4VUQJ4A-ea782df4.js";import"./iframe-a0761ecd.js";import"../sb-preview/runtime.js";import"./index-cdc8a4d0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";export{d as DocsRenderer,n as defaultComponents};
//# sourceMappingURL=DocsRenderer-3PUGWF3O-254a878c.js.map

1
docs/assets/DocsRenderer-3PUGWF3O-254a878c.js.map
View file

@ -1 +0,0 @@
{"version":3,"file":"DocsRenderer-3PUGWF3O-254a878c.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

2
docs/assets/DocsRenderer-3PUGWF3O-36f09151.js Normal file
View file

@ -0,0 +1,2 @@
import{D as d,d as n}from"./chunk-S4VUQJ4A-e77a1bf8.js";import"./iframe-3532bc3f.js";import"../sb-preview/runtime.js";import"./index-33b6ba46.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";export{d as DocsRenderer,n as defaultComponents};
//# sourceMappingURL=DocsRenderer-3PUGWF3O-36f09151.js.map

1
docs/assets/DocsRenderer-3PUGWF3O-36f09151.js.map Normal file
View file

@ -0,0 +1 @@
{"version":3,"file":"DocsRenderer-3PUGWF3O-36f09151.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

4
docs/assets/GlobalScrollAreaStyles-UY5SB7EJ-7a9b6a24.js → docs/assets/GlobalScrollAreaStyles-UY5SB7EJ-df570642.js
View file

File diff suppressed because one or more lines are too long

2
docs/assets/GlobalScrollAreaStyles-UY5SB7EJ-7a9b6a24.js.map → docs/assets/GlobalScrollAreaStyles-UY5SB7EJ-df570642.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/ImportSnippet-eafb8037.js → docs/assets/ImportSnippet-5ad55b07.js
View file

@ -1,3 +1,3 @@
import{R as e,r}from"./index-cdc8a4d0.js";import{S as n,p as u}from"./prism-f1b28dc4.js";import{s as g}from"./scss-efc2351e.js";const d="_title_daft4_1",f="_table_daft4_20",_="_importsnippet_daft4_125",o={title:d,table:f,importsnippet:_};n.registerLanguage("scss",g);const p=t=>t.replace(/\/_/,"/").replace(/\.scss$/,""),E=t=>{const[s,c]=r.useState(!1);let a;r.useEffect(()=>{a&&clearTimeout(a),a=setTimeout(()=>{c(!1)},1500)},[s]);const i=async({partial:l})=>{const m=`@import "@reuters-graphics/graphics-components/scss/colours/${p(l)}";`;await navigator.clipboard.writeText(m),c(!0)};return e.createElement("button",{className:"copy-btn",onClick:()=>i(t)},e.createElement("span",{className:"material-symbols-outlined"},"content_copy"),s&&e.createElement("span",{className:"copy-tag"},"Copied"))},x=({included:t=!1,partial:s="thematic/_tr.scss"})=>t?e.createElement("div",{className:o.importsnippet},e.createElement("p",null,"Included")):e.createElement("div",{className:o.importsnippet},e.createElement(n,{language:"scss",style:u},`// global.scss
import{R as e,r}from"./index-33b6ba46.js";import{S as n,p as u}from"./prism-36d9c89b.js";import{s as g}from"./scss-efc2351e.js";const d="_title_daft4_1",f="_table_daft4_20",_="_importsnippet_daft4_125",o={title:d,table:f,importsnippet:_};n.registerLanguage("scss",g);const p=t=>t.replace(/\/_/,"/").replace(/\.scss$/,""),E=t=>{const[s,c]=r.useState(!1);let a;r.useEffect(()=>{a&&clearTimeout(a),a=setTimeout(()=>{c(!1)},1500)},[s]);const i=async({partial:l})=>{const m=`@import "@reuters-graphics/graphics-components/scss/colours/${p(l)}";`;await navigator.clipboard.writeText(m),c(!0)};return e.createElement("button",{className:"copy-btn",onClick:()=>i(t)},e.createElement("span",{className:"material-symbols-outlined"},"content_copy"),s&&e.createElement("span",{className:"copy-tag"},"Copied"))},x=({included:t=!1,partial:s="thematic/_tr.scss"})=>t?e.createElement("div",{className:o.importsnippet},e.createElement("p",null,"Included")):e.createElement("div",{className:o.importsnippet},e.createElement(n,{language:"scss",style:u},`// global.scss
@import "@reuters-graphics/graphics-components/scss/colours/${p(s)}";`),e.createElement(E,{partial:s}));export{x as I,o as c};
//# sourceMappingURL=ImportSnippet-eafb8037.js.map
//# sourceMappingURL=ImportSnippet-5ad55b07.js.map

2
docs/assets/ImportSnippet-eafb8037.js.map → docs/assets/ImportSnippet-5ad55b07.js.map
View file

@ -1 +1 @@
{"version":3,"file":"ImportSnippet-eafb8037.js","sources":["../../src/docs/docs-components/CopyColourTable/ImportSnippet.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism-light';\n// @ts-ignore\nimport classes from './styles.module.scss';\nimport prism from 'react-syntax-highlighter/dist/esm/styles/prism/prism';\nimport scss from 'react-syntax-highlighter/dist/esm/languages/prism/scss';\n\nSyntaxHighlighter.registerLanguage('scss', scss);\n\nconst formatPartial = (partial) => {\n return partial.replace(/\\/_/, '/').replace(/\\.scss$/, '');\n};\n\nconst Copyable = (props) => {\n const [copied, setCopied] = useState(false);\n\n let timeout;\n\n useEffect(() => {\n if(timeout) clearTimeout(timeout);\n timeout = setTimeout(() => { setCopied(false); }, 1500);\n }, [copied]);\n\n const handleClick = async({ partial }) => {\n const copyText = `@import \"@reuters-graphics/graphics-components/scss/colours/${formatPartial(partial)}\";`\n await navigator.clipboard.writeText(copyText);\n setCopied(true);\n }\n\n return (\n <button className=\"copy-btn\" onClick={() => handleClick(props)}>\n <span className=\"material-symbols-outlined\">content_copy</span>\n {copied && <span className=\"copy-tag\">Copied</span>}\n </button>\n );\n}\n\nconst ImportSnippet = ({ included = false, partial = 'thematic/_tr.scss' }) => {\n return included ? (\n <div className={classes.importsnippet}>\n <p>Included</p>\n </div>\n ) : (\n <div className={classes.importsnippet}>\n <SyntaxHighlighter language=\"scss\" style={prism}>\n {`// global.scss \\n@import \"@reuters-graphics/graphics-components/scss/colours/${formatPartial(partial)}\";`}\n </SyntaxHighlighter>\n <Copyable partial={partial} />\n </div>\n )\n};\n\nexport default ImportSnippet;"],"names":["SyntaxHighlighter","scss","formatPartial","partial","Copyable","props","copied","setCopied","useState","timeout","useEffect","handleClick","copyText","React","ImportSnippet","included","classes","prism"],"mappings":"8OAQAA,EAAkB,iBAAiB,OAAQC,CAAI,EAE/C,MAAMC,EAAiBC,GACdA,EAAQ,QAAQ,MAAO,GAAG,EAAE,QAAQ,UAAW,EAAE,EAGpDC,EAAYC,GAAU,CAC1B,KAAM,CAACC,EAAQC,CAAS,EAAIC,WAAS,EAAK,EAEtC,IAAAC,EAEJC,EAAAA,UAAU,IAAM,CACXD,GAAS,aAAaA,CAAO,EAChCA,EAAU,WAAW,IAAM,CAAEF,EAAU,EAAK,GAAM,IAAI,CAAA,EACrD,CAACD,CAAM,CAAC,EAEX,MAAMK,EAAc,MAAM,CAAE,QAAAR,KAAc,CACxC,MAAMS,EAAW,+DAA+DV,EAAcC,CAAO,CAAC,KAChG,MAAA,UAAU,UAAU,UAAUS,CAAQ,EAC5CL,EAAU,EAAI,CAAA,EAId,OAAAM,EAAA,cAAC,UAAO,UAAU,WAAW,QAAS,IAAMF,EAAYN,CAAK,GAC3DQ,EAAA,cAAC,QAAK,UAAU,2BAAA,EAA4B,cAAY,EACvDP,mBAAW,OAAK,CAAA,UAAU,UAAW,EAAA,QAAM,CAC9C,CAEJ,EAEMQ,EAAgB,CAAC,CAAE,SAAAC,EAAW,GAAO,QAAAZ,EAAU,uBAC5CY,kBACJ,MAAI,CAAA,UAAWC,EAAQ,aACtB,EAAAH,EAAA,cAAC,SAAE,UAAQ,CACb,EAECA,EAAA,cAAA,MAAA,CAAI,UAAWG,EAAQ,aAAA,kBACrBhB,EAAkB,CAAA,SAAS,OAAO,MAAOiB,CACvC,EAAA;AAAA,8DAAgFf,EAAcC,CAAO,CAAC,IACzG,EACCU,EAAA,cAAAT,EAAA,CAAS,QAAAD,EAAkB,CAC9B"}
{"version":3,"file":"ImportSnippet-5ad55b07.js","sources":["../../src/docs/docs-components/CopyColourTable/ImportSnippet.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism-light';\n// @ts-ignore\nimport classes from './styles.module.scss';\nimport prism from 'react-syntax-highlighter/dist/esm/styles/prism/prism';\nimport scss from 'react-syntax-highlighter/dist/esm/languages/prism/scss';\n\nSyntaxHighlighter.registerLanguage('scss', scss);\n\nconst formatPartial = (partial) => {\n return partial.replace(/\\/_/, '/').replace(/\\.scss$/, '');\n};\n\nconst Copyable = (props) => {\n const [copied, setCopied] = useState(false);\n\n let timeout;\n\n useEffect(() => {\n if(timeout) clearTimeout(timeout);\n timeout = setTimeout(() => { setCopied(false); }, 1500);\n }, [copied]);\n\n const handleClick = async({ partial }) => {\n const copyText = `@import \"@reuters-graphics/graphics-components/scss/colours/${formatPartial(partial)}\";`\n await navigator.clipboard.writeText(copyText);\n setCopied(true);\n }\n\n return (\n <button className=\"copy-btn\" onClick={() => handleClick(props)}>\n <span className=\"material-symbols-outlined\">content_copy</span>\n {copied && <span className=\"copy-tag\">Copied</span>}\n </button>\n );\n}\n\nconst ImportSnippet = ({ included = false, partial = 'thematic/_tr.scss' }) => {\n return included ? (\n <div className={classes.importsnippet}>\n <p>Included</p>\n </div>\n ) : (\n <div className={classes.importsnippet}>\n <SyntaxHighlighter language=\"scss\" style={prism}>\n {`// global.scss \\n@import \"@reuters-graphics/graphics-components/scss/colours/${formatPartial(partial)}\";`}\n </SyntaxHighlighter>\n <Copyable partial={partial} />\n </div>\n )\n};\n\nexport default ImportSnippet;"],"names":["SyntaxHighlighter","scss","formatPartial","partial","Copyable","props","copied","setCopied","useState","timeout","useEffect","handleClick","copyText","React","ImportSnippet","included","classes","prism"],"mappings":"8OAQAA,EAAkB,iBAAiB,OAAQC,CAAI,EAE/C,MAAMC,EAAiBC,GACdA,EAAQ,QAAQ,MAAO,GAAG,EAAE,QAAQ,UAAW,EAAE,EAGpDC,EAAYC,GAAU,CAC1B,KAAM,CAACC,EAAQC,CAAS,EAAIC,WAAS,EAAK,EAEtC,IAAAC,EAEJC,EAAAA,UAAU,IAAM,CACXD,GAAS,aAAaA,CAAO,EAChCA,EAAU,WAAW,IAAM,CAAEF,EAAU,EAAK,GAAM,IAAI,CAAA,EACrD,CAACD,CAAM,CAAC,EAEX,MAAMK,EAAc,MAAM,CAAE,QAAAR,KAAc,CACxC,MAAMS,EAAW,+DAA+DV,EAAcC,CAAO,CAAC,KAChG,MAAA,UAAU,UAAU,UAAUS,CAAQ,EAC5CL,EAAU,EAAI,CAAA,EAId,OAAAM,EAAA,cAAC,UAAO,UAAU,WAAW,QAAS,IAAMF,EAAYN,CAAK,GAC3DQ,EAAA,cAAC,QAAK,UAAU,2BAAA,EAA4B,cAAY,EACvDP,mBAAW,OAAK,CAAA,UAAU,UAAW,EAAA,QAAM,CAC9C,CAEJ,EAEMQ,EAAgB,CAAC,CAAE,SAAAC,EAAW,GAAO,QAAAZ,EAAU,uBAC5CY,kBACJ,MAAI,CAAA,UAAWC,EAAQ,aACtB,EAAAH,EAAA,cAAC,SAAE,UAAQ,CACb,EAECA,EAAA,cAAA,MAAA,CAAI,UAAWG,EAAQ,aAAA,kBACrBhB,EAAkB,CAAA,SAAS,OAAO,MAAOiB,CACvC,EAAA;AAAA,8DAAgFf,EAAcC,CAAO,CAAC,IACzG,EACCU,EAAA,cAAAT,EAAA,CAAS,QAAAD,EAAkB,CAC9B"}

4
docs/assets/InlineAd.stories-1e1e7b3f.js → docs/assets/InlineAd.stories-fea0250c.js
View file

@ -1,4 +1,4 @@
import{S as I,i as S,s as w,g as p,m as c,t as f,h as u,j as g,o as _,z as A,b as v,d as y,e as $,n as C,f as k,C as N}from"./index-85f88930.js";import{g as T,a as x}from"./spread-8a54911c.js";import{p as q,M as O,T as P,S as R}from"./collect-stories-fa95313f.js";import{R as V,A as j}from"./ResponsiveAd-d4d27ac4.js";import{B}from"./Block-d1b8152c.js";import{w as E}from"./withParams-47e2ab71.js";import"./throttle-dfed7c30.js";import"./isObject-32699ff3.js";import"./now-bd49f550.js";import"./isSymbol-50749e90.js";const z=`Add programmatic ads inline on your page.
import{S as I,i as S,s as w,g as p,m as c,t as f,h as u,j as g,o as _,z as A,b as v,d as y,e as $,n as C,f as k,C as N}from"./index-85f88930.js";import{g as T,a as x}from"./spread-8a54911c.js";import{p as q,M as O,T as P,S as R}from"./collect-stories-fa95313f.js";import{R as V,A as j}from"./ResponsiveAd-c5f27562.js";import{B}from"./Block-d1b8152c.js";import{w as E}from"./withParams-47e2ab71.js";import"./throttle-dfed7c30.js";import"./isObject-32699ff3.js";import"./now-bd49f550.js";import"./isSymbol-50749e90.js";const z=`Add programmatic ads inline on your page.
> **IMPORTANT!** Make sure ads are only used on dotcom pages, never on embeds.
@ -49,4 +49,4 @@ You may add **up to three** inline ads per page, but must set the \`n\` prop on
<InlineAd />
<InlineAd />
</div>`,hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","adDocs","AdScripts","InlineAd","withComponentDocs"]}),ie=D.meta,re=["Default"],le=D.stories.Default;export{le as Default,re as __namedExportsOrder,ie as default};
//# sourceMappingURL=InlineAd.stories-1e1e7b3f.js.map
//# sourceMappingURL=InlineAd.stories-fea0250c.js.map

2
docs/assets/InlineAd.stories-1e1e7b3f.js.map → docs/assets/InlineAd.stories-fea0250c.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/LeaderboardAd.stories-a948d9f8.js → docs/assets/LeaderboardAd.stories-00d26705.js
View file

@ -1,4 +1,4 @@
import{S as D,i as C,s as T,O as I,o as u,g as _,b as f,c as L,r as A,d as $,e as b,m as g,M as N,t as v,h as w,f as k,j as y,D as O,C as j,z as S,n as q}from"./index-85f88930.js";import{g as H,a as R}from"./spread-8a54911c.js";import{p as V,M as W,T as P,S as Y}from"./collect-stories-fa95313f.js";import{R as B,A as F}from"./ResponsiveAd-d4d27ac4.js";import{g as G}from"./globals-7f7f1b26.js";import{w as J}from"./withParams-47e2ab71.js";import"./throttle-dfed7c30.js";import"./isObject-32699ff3.js";import"./now-bd49f550.js";import"./isSymbol-50749e90.js";const K=`Add a leaderboard ad to your page.
import{S as D,i as C,s as T,O as I,o as u,g as _,b as f,c as L,r as A,d as $,e as b,m as g,M as N,t as v,h as w,f as k,j as y,D as O,C as j,z as S,n as q}from"./index-85f88930.js";import{g as H,a as R}from"./spread-8a54911c.js";import{p as V,M as W,T as P,S as Y}from"./collect-stories-fa95313f.js";import{R as B,A as F}from"./ResponsiveAd-c5f27562.js";import{g as G}from"./globals-7f7f1b26.js";import{w as J}from"./withParams-47e2ab71.js";import"./throttle-dfed7c30.js";import"./isObject-32699ff3.js";import"./now-bd49f550.js";import"./isSymbol-50749e90.js";const K=`Add a leaderboard ad to your page.
> **IMPORTANT!** Make sure ads are only used on dotcom pages, never on embeds.
@ -23,4 +23,4 @@ import{S as D,i as C,s as T,O as I,o as u,g as _,b as f,c as L,r as A,d as $,e a
<AdScripts />
<LeaderboardAd />
</div>`,hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","adDocs","AdScripts","LeaderboardAd","withComponentDocs"]}),pe=z.meta,me=["Default"],fe=z.stories.Default;export{fe as Default,me as __namedExportsOrder,pe as default};
//# sourceMappingURL=LeaderboardAd.stories-a948d9f8.js.map
//# sourceMappingURL=LeaderboardAd.stories-00d26705.js.map

2
docs/assets/LeaderboardAd.stories-a948d9f8.js.map → docs/assets/LeaderboardAd.stories-00d26705.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/OverlayScrollbars-GZGLA7DL-7a381ac5.js → docs/assets/OverlayScrollbars-GZGLA7DL-d2b63b4f.js
View file

File diff suppressed because one or more lines are too long

2
docs/assets/OverlayScrollbars-GZGLA7DL-7a381ac5.js.map → docs/assets/OverlayScrollbars-GZGLA7DL-d2b63b4f.js.map
View file

File diff suppressed because one or more lines are too long

1
docs/assets/ResponsiveAd-a5bd93e7.css Normal file
View file

@ -0,0 +1 @@
div.svelte-c97xlw iframe{width:auto}

2
docs/assets/ResponsiveAd-c5f27562.js Normal file
View file

File diff suppressed because one or more lines are too long

1
docs/assets/ResponsiveAd-c5f27562.js.map Normal file
View file

File diff suppressed because one or more lines are too long

2
docs/assets/ResponsiveAd-d4d27ac4.js
View file

File diff suppressed because one or more lines are too long

1
docs/assets/ResponsiveAd-d4d27ac4.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/SponsorshipAd.stories-6f512182.js → docs/assets/SponsorshipAd.stories-3fed169d.js
View file

@ -1,4 +1,4 @@
import{S as w,i as D,s as C,g as f,m as u,t as _,h as $,j as g,o as c,z as y,b as v,d as h,e as m,f as S,k as M,A as T,C as I,n as N}from"./index-85f88930.js";import{g as O,a as R}from"./spread-8a54911c.js";import{p as V,M as j,T as x,S as B}from"./collect-stories-fa95313f.js";import{R as E,A as P}from"./ResponsiveAd-d4d27ac4.js";import{B as z}from"./Block-d1b8152c.js";import{w as F}from"./withParams-47e2ab71.js";import"./throttle-dfed7c30.js";import"./isObject-32699ff3.js";import"./now-bd49f550.js";import"./isSymbol-50749e90.js";const G=`Add a sponsorship ad to your page.
import{S as w,i as D,s as C,g as f,m as u,t as _,h as $,j as g,o as c,z as y,b as v,d as h,e as m,f as S,k as M,A as T,C as I,n as N}from"./index-85f88930.js";import{g as O,a as R}from"./spread-8a54911c.js";import{p as V,M as j,T as x,S as B}from"./collect-stories-fa95313f.js";import{R as E,A as P}from"./ResponsiveAd-c5f27562.js";import{B as z}from"./Block-d1b8152c.js";import{w as F}from"./withParams-47e2ab71.js";import"./throttle-dfed7c30.js";import"./isObject-32699ff3.js";import"./now-bd49f550.js";import"./isSymbol-50749e90.js";const G=`Add a sponsorship ad to your page.
> **IMPORTANT!** Make sure ads are only used on dotcom pages, never on embeds.
@ -29,4 +29,4 @@ import{S as w,i as D,s as C,g as f,m as u,t as _,h as $,j as g,o as c,z as y,b a
<AdScripts />
<SponsorshipAd />
</div>`,hasArgs:!0},Default:{name:"Default",template:!1,source:"",hasArgs:!1}},allocatedIds:["default","Meta","Template","Story","adDocs","AdScripts","SponsorshipAd","withComponentDocs"]}),de=q.meta,pe=["Default"],ce=q.stories.Default;export{ce as Default,pe as __namedExportsOrder,de as default};
//# sourceMappingURL=SponsorshipAd.stories-6f512182.js.map
//# sourceMappingURL=SponsorshipAd.stories-3fed169d.js.map

2
docs/assets/SponsorshipAd.stories-6f512182.js.map → docs/assets/SponsorshipAd.stories-3fed169d.js.map
View file

@ -1 +1 @@
{"version":3,"file":"SponsorshipAd.stories-6f512182.js","sources":["../../src/components/AdSlot/stories/docs/sponsorship.md?raw","../../src/components/AdSlot/SponsorshipAd.svelte","../../src/components/AdSlot/SponsorshipAd.stories.svelte"],"sourcesContent":["export default \"Add a sponsorship ad to your page.\\n\\n> **IMPORTANT!** Make sure ads are only used on dotcom pages, never on embeds.\\n\\n```svelte\\n<!-- +page.svelte -->\\n<script>\\n import { AdScripts } from '@reuters-graphics/graphics-components';\\n</script>\\n\\n<!-- Include AdScripts only ONCE per page for any type of ad -->\\n<AdScripts />\\n```\\n\\n```svelte\\n<!-- App.svelte -->\\n<script>\\n import { SponsorshipAd } from '@reuters-graphics/graphics-components';\\n\\n export let embedded = false;\\n</script>\\n\\n<!-- Check if in an embed context! -->\\n{#if !embedded}\\n <SponsorshipAd />\\n{/if}\\n```\\n\"","<!-- @component `SponsorshipAd` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-SponsorshipAd--default) -->\n<script lang=\"ts\">\n import Block from '../Block/Block.svelte';\n import { SponsorshipAd } from './@types/ads';\n import ResponsiveAd from './ResponsiveAd.svelte';\n\n /** Add an ID to target with SCSS. */\n export let id: string = '';\n\n /** Add a class to target with SCSS. */\n let cls: string = 'my-12';\n export { cls as class };\n\n /**\n * Label placed directly above the sponsorship ad\n */\n export let adLabel = '';\n\n const desktopPlacementName: SponsorshipAd['desktop']['placementName'] =\n 'reuters_sponsorlogo';\n</script>\n\n<Block id=\"{id}\" class=\"freestar-adslot {cls}\">\n <div class=\"ad-block\">\n {#if adLabel}\n <div class=\"ad-label\">\n <div>{adLabel}</div>\n </div>\n {/if}\n <div class=\"ad-container\">\n <div class=\"ad-slot__inner\">\n <div>\n <ResponsiveAd desktopPlacementName=\"{desktopPlacementName}\" />\n </div>\n </div>\n </div>\n </div>\n</Block>\n\n<style lang=\"scss\">\n div.ad-block {\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n div.ad-label {\n font-family: Knowledge, 'Source Sans Pro', Arial, Helvetica, sans-serif;\n font-size: 12px;\n margin: 0;\n line-height: 1.333;\n color: var(--theme-colour-text-secondary);\n text-align: right;\n display: flex;\n align-items: center;\n justify-content: center;\n justify-items: center;\n }\n div.ad-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n min-height: 32px;\n div.ad-slot__inner {\n margin: auto 0;\n width: 100%;\n max-width: 100%;\n flex: unset;\n & > div {\n display: block;\n :global(div[data-freestar-ad]) {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n }\n }\n }\n }\n }\n</style>\n","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // @ts-ignore\n import adDocs from './stories/docs/sponsorship.md?raw';\n\n import AdScripts from './AdScripts.svelte';\n import SponsorshipAd from './SponsorshipAd.svelte';\n\n import { withComponentDocs } from '$docs/utils/withParams.js';\n\n const meta = {\n title: 'Components/SponsorshipAd',\n component: SponsorshipAd,\n ...withComponentDocs(adDocs),\n };\n</script>\n\n<Meta title=\"Components/SponsorshipAd\" {...meta} />\n\n<Template let:args>\n <div>\n <AdScripts />\n <SponsorshipAd />\n </div>\n</Template>\n\n<Story name=\"Default\" />\n"],"names":["adDocs","ctx","insert","target","div1","anchor","append","div0","create_if_block","desktopPlacementName","div3","div2","id","$$props","cls","adLabel","div","SponsorshipAd","withComponentDocs"],"mappings":"whBAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;+DC0BDC,EAAO,CAAA,CAAA,iDADfC,EAEKC,EAAAC,EAAAC,CAAA,EADHC,EAAmBF,EAAAG,CAAA,0BAAbN,EAAO,CAAA,CAAA,oDAFZA,EAAO,CAAA,GAAAO,EAAAP,CAAA,yBAQ+B,qBAAAQ,CAAoB,CAAA,CAAA,wPATjEP,EAaKC,EAAAO,EAAAL,CAAA,wBAPHC,EAMKI,EAAAC,CAAA,EALHL,EAIKK,EAAAP,CAAA,EAHHE,EAEKF,EAAAG,CAAA,2BATJN,EAAO,CAAA,uMAFJA,EAAE,CAAA,2BAA2BA,EAAG,CAAA,uHAAhCA,EAAE,CAAA,oCAA2BA,EAAG,CAAA,+HAJpC,MAAAQ,EACJ,wCAZS,GAAA,CAAA,GAAAG,EAAa,EAAE,EAAAC,EAGtB,CAAA,MAAAC,EAAc,OAAO,EAAAD,EAMd,CAAA,QAAAE,EAAU,EAAE,EAAAF,ijCCKvBX,EAGKC,EAAAa,EAAAX,CAAA,qPANoCJ,EAAI,CAAA,CAAA,8WAAJA,EAAI,CAAA,CAAA,CAAA,CAAA,mRAPnC,CACR,MAAO,2BACP,UAAWgB,EACR,GAAAC,EAAkBlB,CAAM;;;"}
{"version":3,"file":"SponsorshipAd.stories-3fed169d.js","sources":["../../src/components/AdSlot/stories/docs/sponsorship.md?raw","../../src/components/AdSlot/SponsorshipAd.svelte","../../src/components/AdSlot/SponsorshipAd.stories.svelte"],"sourcesContent":["export default \"Add a sponsorship ad to your page.\\n\\n> **IMPORTANT!** Make sure ads are only used on dotcom pages, never on embeds.\\n\\n```svelte\\n<!-- +page.svelte -->\\n<script>\\n import { AdScripts } from '@reuters-graphics/graphics-components';\\n</script>\\n\\n<!-- Include AdScripts only ONCE per page for any type of ad -->\\n<AdScripts />\\n```\\n\\n```svelte\\n<!-- App.svelte -->\\n<script>\\n import { SponsorshipAd } from '@reuters-graphics/graphics-components';\\n\\n export let embedded = false;\\n</script>\\n\\n<!-- Check if in an embed context! -->\\n{#if !embedded}\\n <SponsorshipAd />\\n{/if}\\n```\\n\"","<!-- @component `SponsorshipAd` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-SponsorshipAd--default) -->\n<script lang=\"ts\">\n import Block from '../Block/Block.svelte';\n import { SponsorshipAd } from './@types/ads';\n import ResponsiveAd from './ResponsiveAd.svelte';\n\n /** Add an ID to target with SCSS. */\n export let id: string = '';\n\n /** Add a class to target with SCSS. */\n let cls: string = 'my-12';\n export { cls as class };\n\n /**\n * Label placed directly above the sponsorship ad\n */\n export let adLabel = '';\n\n const desktopPlacementName: SponsorshipAd['desktop']['placementName'] =\n 'reuters_sponsorlogo';\n</script>\n\n<Block id=\"{id}\" class=\"freestar-adslot {cls}\">\n <div class=\"ad-block\">\n {#if adLabel}\n <div class=\"ad-label\">\n <div>{adLabel}</div>\n </div>\n {/if}\n <div class=\"ad-container\">\n <div class=\"ad-slot__inner\">\n <div>\n <ResponsiveAd desktopPlacementName=\"{desktopPlacementName}\" />\n </div>\n </div>\n </div>\n </div>\n</Block>\n\n<style lang=\"scss\">\n div.ad-block {\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n div.ad-label {\n font-family: Knowledge, 'Source Sans Pro', Arial, Helvetica, sans-serif;\n font-size: 12px;\n margin: 0;\n line-height: 1.333;\n color: var(--theme-colour-text-secondary);\n text-align: right;\n display: flex;\n align-items: center;\n justify-content: center;\n justify-items: center;\n }\n div.ad-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n min-height: 32px;\n div.ad-slot__inner {\n margin: auto 0;\n width: 100%;\n max-width: 100%;\n flex: unset;\n & > div {\n display: block;\n :global(div[data-freestar-ad]) {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n }\n }\n }\n }\n }\n</style>\n","<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n // @ts-ignore\n import adDocs from './stories/docs/sponsorship.md?raw';\n\n import AdScripts from './AdScripts.svelte';\n import SponsorshipAd from './SponsorshipAd.svelte';\n\n import { withComponentDocs } from '$docs/utils/withParams.js';\n\n const meta = {\n title: 'Components/SponsorshipAd',\n component: SponsorshipAd,\n ...withComponentDocs(adDocs),\n };\n</script>\n\n<Meta title=\"Components/SponsorshipAd\" {...meta} />\n\n<Template let:args>\n <div>\n <AdScripts />\n <SponsorshipAd />\n </div>\n</Template>\n\n<Story name=\"Default\" />\n"],"names":["adDocs","ctx","insert","target","div1","anchor","append","div0","create_if_block","desktopPlacementName","div3","div2","id","$$props","cls","adLabel","div","SponsorshipAd","withComponentDocs"],"mappings":"whBAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;+DC0BDC,EAAO,CAAA,CAAA,iDADfC,EAEKC,EAAAC,EAAAC,CAAA,EADHC,EAAmBF,EAAAG,CAAA,0BAAbN,EAAO,CAAA,CAAA,oDAFZA,EAAO,CAAA,GAAAO,EAAAP,CAAA,yBAQ+B,qBAAAQ,CAAoB,CAAA,CAAA,wPATjEP,EAaKC,EAAAO,EAAAL,CAAA,wBAPHC,EAMKI,EAAAC,CAAA,EALHL,EAIKK,EAAAP,CAAA,EAHHE,EAEKF,EAAAG,CAAA,2BATJN,EAAO,CAAA,uMAFJA,EAAE,CAAA,2BAA2BA,EAAG,CAAA,uHAAhCA,EAAE,CAAA,oCAA2BA,EAAG,CAAA,+HAJpC,MAAAQ,EACJ,wCAZS,GAAA,CAAA,GAAAG,EAAa,EAAE,EAAAC,EAGtB,CAAA,MAAAC,EAAc,OAAO,EAAAD,EAMd,CAAA,QAAAE,EAAU,EAAE,EAAAF,ijCCKvBX,EAGKC,EAAAa,EAAAX,CAAA,qPANoCJ,EAAI,CAAA,CAAA,8WAAJA,EAAI,CAAA,CAAA,CAAA,CAAA,mRAPnC,CACR,MAAO,2BACP,UAAWgB,EACR,GAAAC,EAAkBlB,CAAM;;;"}

4
docs/assets/Table-9272328f.js → docs/assets/Table-0c38e0ef.js
View file

@ -1,3 +1,3 @@
import{R as e,r as o}from"./index-cdc8a4d0.js";import{U as u}from"./chunk-S4VUQJ4A-ea782df4.js";const E="_title_13v0c_1",d="_table_13v0c_31",s={title:E,table:d},y=t=>t.children.split(`
import{R as e,r as o}from"./index-33b6ba46.js";import{U as u}from"./chunk-S4VUQJ4A-e77a1bf8.js";const E="_title_13v0c_1",d="_table_13v0c_31",s={title:E,table:d},y=t=>t.children.split(`
`).map(a=>e.createElement("div",{key:a},a)),b=t=>{const a=async l=>{const n=typeof l.copyable[l.column]=="function"?l.copyable[l.column](`${l.children}`):`${l.children}`;await navigator.clipboard.writeText(n),m(!0)},[c,m]=o.useState(!1);let r;return o.useEffect(()=>{r&&clearTimeout(r),r=setTimeout(()=>{m(!1)},1e3)},[c]),t.copyable&&t.copyable[t.column]?e.createElement("button",{className:"copy-btn",onClick:()=>a(t)},e.createElement("span",{className:"material-symbols-outlined"},"content_copy"),t.children,c&&e.createElement("div",{className:"copy-tag"},"Copied")):e.createElement(y,null,t.children)},h=t=>e.createElement("td",null,e.createElement(b,{...t},t.children)),f=t=>e.createElement("tr",null,t.children.map((a,c)=>e.createElement(h,{...t,column:c,key:c},a))),C=t=>e.createElement("th",null,t.children),v=({title:t=null,note:a=null,header:c,body:m,copyable:r,mdnLink:l=null})=>e.createElement(u,null,e.createElement("div",{className:s.title},t,t&&l&&e.createElement("a",{href:`https://developer.mozilla.org/en-US/docs/Web/CSS/${l}`,target:"_blank"},e.createElement("span",{className:"material-symbols-outlined"},"link")),a&&e.createElement("p",null,a)),e.createElement("table",{className:s.table},e.createElement("thead",null,e.createElement("tr",null,c.map(n=>e.createElement(C,{key:n},n)))),e.createElement("tbody",null,m.map((n,i)=>e.createElement(f,{title:t,header:c,body:m,copyable:r,mdnLink:l,key:i},n)))));export{v as C};
//# sourceMappingURL=Table-9272328f.js.map
//# sourceMappingURL=Table-0c38e0ef.js.map

2
docs/assets/Table-9272328f.js.map → docs/assets/Table-0c38e0ef.js.map
View file

@ -1 +1 @@
{"version":3,"file":"Table-9272328f.js","sources":["../../src/docs/docs-components/CopyTable/Table.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport { Unstyled } from '@storybook/blocks';\n// @ts-ignore\nimport classes from './styles.module.scss';\n\nconst MultiLine = (props) => props.children.split('\\n').map(t => (<div key={t}>{t}</div>))\n\nconst Copyable = (props) => {\n const handleClick = async(props) => {\n const copyText = typeof props.copyable[props.column] === 'function' ?\n props.copyable[props.column](`${props.children}`) : `${props.children}`;\n await navigator.clipboard.writeText(copyText);\n setCopied(true);\n }\n\n const [copied, setCopied] = useState(false);\n\n let timeout;\n\n useEffect(() => {\n if(timeout) clearTimeout(timeout);\n timeout = setTimeout(() => { setCopied(false); }, 1000);\n }, [copied]);\n\n return props.copyable && props.copyable[props.column] ?\n <button className=\"copy-btn\" onClick={() => handleClick(props)}>\n <span className=\"material-symbols-outlined\">content_copy</span>{props.children}\n {copied && <div className=\"copy-tag\">Copied</div>}\n </button> :\n <MultiLine>{props.children}</MultiLine>;\n}\n\n const TD = (props) => <td><Copyable {...props}>{props.children}</Copyable></td>\nconst TR = (props) => <tr>{props.children.map((c, i) => (<TD {...props} column={i} key={i}>{c}</TD>))}</tr>\nconst TH = (props) => <th>{props.children}</th>;\n\nconst CopyTable = ({ title = null, note = null, header, body, copyable, mdnLink = null }) => {\n return (\n <Unstyled>\n <div className={classes.title}>\n {title}\n {(title && mdnLink) && (\n <a href={`https://developer.mozilla.org/en-US/docs/Web/CSS/${mdnLink}`} target=\"_blank\">\n <span className=\"material-symbols-outlined\">link</span>\n </a>\n )}\n {(note) && (\n <p>{note}</p>\n )}\n </div>\n <table className={classes.table}>\n <thead>\n <tr>\n {header.map(h => (<TH key={h}>{h}</TH>))}\n </tr>\n </thead>\n <tbody>\n {body.map((b, i) => (<TR {...{ title, header, body, copyable, mdnLink}} key={i}>{b}</TR>))}\n </tbody>\n </table>\n </Unstyled>\n )\n};\n\nexport default CopyTable;"],"names":["MultiLine","props","React","t","Copyable","handleClick","copyText","setCopied","copied","useState","timeout","useEffect","TD","TR","c","i","TH","CopyTable","title","note","header","body","copyable","mdnLink","Unstyled","classes","h","b"],"mappings":"iKAMMA,EAAaC,GAAUA,EAAM,SAAS,MAAM;AAAA,CAAI,EAAE,OAAWC,EAAA,cAAA,MAAA,CAAI,IAAKC,CAAA,EAAIA,CAAE,CAAO,EAEnFC,EAAYH,GAAU,CACpB,MAAAI,EAAc,MAAMJ,GAAU,CAC5B,MAAAK,EAAW,OAAOL,EAAM,SAASA,EAAM,MAAM,GAAM,WACvDA,EAAM,SAASA,EAAM,MAAM,EAAE,GAAGA,EAAM,QAAQ,EAAE,EAAI,GAAGA,EAAM,QAAQ,GACjE,MAAA,UAAU,UAAU,UAAUK,CAAQ,EAC5CC,EAAU,EAAI,CAAA,EAGV,CAACC,EAAQD,CAAS,EAAIE,WAAS,EAAK,EAEtC,IAAAC,EAEJC,OAAAA,EAAAA,UAAU,IAAM,CACXD,GAAS,aAAaA,CAAO,EAChCA,EAAU,WAAW,IAAM,CAAEH,EAAU,EAAK,GAAM,GAAI,CAAA,EACrD,CAACC,CAAM,CAAC,EAEJP,EAAM,UAAYA,EAAM,SAASA,EAAM,MAAM,EACnDC,EAAA,cAAA,SAAA,CAAO,UAAU,WAAW,QAAS,IAAMG,EAAYJ,CAAK,GAC3DC,EAAA,cAAC,OAAK,CAAA,UAAU,6BAA4B,cAAY,EAAQD,EAAM,SACrEO,GAAWN,EAAA,cAAA,MAAA,CAAI,UAAU,YAAW,QAAM,CAC7C,EACCA,EAAA,cAAAF,EAAA,KAAWC,EAAM,QAAS,CAC7B,EAEQW,EAAMX,GAAWC,EAAA,cAAA,KAAA,KAAIA,EAAA,cAAAE,EAAA,CAAU,GAAGH,CAAA,EAAQA,EAAM,QAAS,CAAW,EACtEY,EAAMZ,GAAUC,EAAA,cAAC,UAAID,EAAM,SAAS,IAAI,CAACa,EAAGC,IAAQb,EAAA,cAAAU,EAAA,CAAI,GAAGX,EAAO,OAAQc,EAAG,IAAKA,CAAA,EAAID,CAAE,CAAM,CAAE,EAChGE,EAAMf,GAAWC,EAAA,cAAA,KAAA,KAAID,EAAM,QAAS,EAEpCgB,EAAY,CAAC,CAAE,MAAAC,EAAQ,KAAM,KAAAC,EAAO,KAAM,OAAAC,EAAQ,KAAAC,EAAM,SAAAC,EAAU,QAAAC,EAAU,IAAA,IAE7ErB,EAAA,cAAAsB,EAAA,KACEtB,EAAA,cAAA,MAAA,CAAI,UAAWuB,EAAQ,KAAA,EACrBP,EACCA,GAASK,GACRrB,EAAA,cAAA,IAAA,CAAE,KAAM,oDAAoDqB,CAAO,GAAI,OAAO,QAC7E,EAAArB,EAAA,cAAC,QAAK,UAAU,2BAAA,EAA4B,MAAI,CAClD,EAEAiB,GACAjB,EAAA,cAAC,IAAG,KAAAiB,CAAK,CAEb,EACAjB,EAAA,cAAC,QAAM,CAAA,UAAWuB,EAAQ,KACxB,EAAAvB,EAAA,cAAC,QACC,KAAAA,EAAA,cAAC,UACEkB,EAAO,IAAUM,GAAAxB,EAAA,cAACc,GAAG,IAAKU,CAAA,EAAIA,CAAE,CAAM,CACzC,CACF,EACCxB,EAAA,cAAA,QAAA,KACEmB,EAAK,IAAI,CAACM,EAAG,oBAAQd,EAAI,CAAK,MAAAK,EAAO,OAAAE,EAAQ,KAAAC,EAAM,SAAAC,EAAU,QAAAC,EAAU,IAAK,CAAI,EAAAI,CAAE,CAAM,CAC3F,CACF,CACF"}
{"version":3,"file":"Table-0c38e0ef.js","sources":["../../src/docs/docs-components/CopyTable/Table.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport { Unstyled } from '@storybook/blocks';\n// @ts-ignore\nimport classes from './styles.module.scss';\n\nconst MultiLine = (props) => props.children.split('\\n').map(t => (<div key={t}>{t}</div>))\n\nconst Copyable = (props) => {\n const handleClick = async(props) => {\n const copyText = typeof props.copyable[props.column] === 'function' ?\n props.copyable[props.column](`${props.children}`) : `${props.children}`;\n await navigator.clipboard.writeText(copyText);\n setCopied(true);\n }\n\n const [copied, setCopied] = useState(false);\n\n let timeout;\n\n useEffect(() => {\n if(timeout) clearTimeout(timeout);\n timeout = setTimeout(() => { setCopied(false); }, 1000);\n }, [copied]);\n\n return props.copyable && props.copyable[props.column] ?\n <button className=\"copy-btn\" onClick={() => handleClick(props)}>\n <span className=\"material-symbols-outlined\">content_copy</span>{props.children}\n {copied && <div className=\"copy-tag\">Copied</div>}\n </button> :\n <MultiLine>{props.children}</MultiLine>;\n}\n\n const TD = (props) => <td><Copyable {...props}>{props.children}</Copyable></td>\nconst TR = (props) => <tr>{props.children.map((c, i) => (<TD {...props} column={i} key={i}>{c}</TD>))}</tr>\nconst TH = (props) => <th>{props.children}</th>;\n\nconst CopyTable = ({ title = null, note = null, header, body, copyable, mdnLink = null }) => {\n return (\n <Unstyled>\n <div className={classes.title}>\n {title}\n {(title && mdnLink) && (\n <a href={`https://developer.mozilla.org/en-US/docs/Web/CSS/${mdnLink}`} target=\"_blank\">\n <span className=\"material-symbols-outlined\">link</span>\n </a>\n )}\n {(note) && (\n <p>{note}</p>\n )}\n </div>\n <table className={classes.table}>\n <thead>\n <tr>\n {header.map(h => (<TH key={h}>{h}</TH>))}\n </tr>\n </thead>\n <tbody>\n {body.map((b, i) => (<TR {...{ title, header, body, copyable, mdnLink}} key={i}>{b}</TR>))}\n </tbody>\n </table>\n </Unstyled>\n )\n};\n\nexport default CopyTable;"],"names":["MultiLine","props","React","t","Copyable","handleClick","copyText","setCopied","copied","useState","timeout","useEffect","TD","TR","c","i","TH","CopyTable","title","note","header","body","copyable","mdnLink","Unstyled","classes","h","b"],"mappings":"iKAMMA,EAAaC,GAAUA,EAAM,SAAS,MAAM;AAAA,CAAI,EAAE,OAAWC,EAAA,cAAA,MAAA,CAAI,IAAKC,CAAA,EAAIA,CAAE,CAAO,EAEnFC,EAAYH,GAAU,CACpB,MAAAI,EAAc,MAAMJ,GAAU,CAC5B,MAAAK,EAAW,OAAOL,EAAM,SAASA,EAAM,MAAM,GAAM,WACvDA,EAAM,SAASA,EAAM,MAAM,EAAE,GAAGA,EAAM,QAAQ,EAAE,EAAI,GAAGA,EAAM,QAAQ,GACjE,MAAA,UAAU,UAAU,UAAUK,CAAQ,EAC5CC,EAAU,EAAI,CAAA,EAGV,CAACC,EAAQD,CAAS,EAAIE,WAAS,EAAK,EAEtC,IAAAC,EAEJC,OAAAA,EAAAA,UAAU,IAAM,CACXD,GAAS,aAAaA,CAAO,EAChCA,EAAU,WAAW,IAAM,CAAEH,EAAU,EAAK,GAAM,GAAI,CAAA,EACrD,CAACC,CAAM,CAAC,EAEJP,EAAM,UAAYA,EAAM,SAASA,EAAM,MAAM,EACnDC,EAAA,cAAA,SAAA,CAAO,UAAU,WAAW,QAAS,IAAMG,EAAYJ,CAAK,GAC3DC,EAAA,cAAC,OAAK,CAAA,UAAU,6BAA4B,cAAY,EAAQD,EAAM,SACrEO,GAAWN,EAAA,cAAA,MAAA,CAAI,UAAU,YAAW,QAAM,CAC7C,EACCA,EAAA,cAAAF,EAAA,KAAWC,EAAM,QAAS,CAC7B,EAEQW,EAAMX,GAAWC,EAAA,cAAA,KAAA,KAAIA,EAAA,cAAAE,EAAA,CAAU,GAAGH,CAAA,EAAQA,EAAM,QAAS,CAAW,EACtEY,EAAMZ,GAAUC,EAAA,cAAC,UAAID,EAAM,SAAS,IAAI,CAACa,EAAGC,IAAQb,EAAA,cAAAU,EAAA,CAAI,GAAGX,EAAO,OAAQc,EAAG,IAAKA,CAAA,EAAID,CAAE,CAAM,CAAE,EAChGE,EAAMf,GAAWC,EAAA,cAAA,KAAA,KAAID,EAAM,QAAS,EAEpCgB,EAAY,CAAC,CAAE,MAAAC,EAAQ,KAAM,KAAAC,EAAO,KAAM,OAAAC,EAAQ,KAAAC,EAAM,SAAAC,EAAU,QAAAC,EAAU,IAAA,IAE7ErB,EAAA,cAAAsB,EAAA,KACEtB,EAAA,cAAA,MAAA,CAAI,UAAWuB,EAAQ,KAAA,EACrBP,EACCA,GAASK,GACRrB,EAAA,cAAA,IAAA,CAAE,KAAM,oDAAoDqB,CAAO,GAAI,OAAO,QAC7E,EAAArB,EAAA,cAAC,QAAK,UAAU,2BAAA,EAA4B,MAAI,CAClD,EAEAiB,GACAjB,EAAA,cAAC,IAAG,KAAAiB,CAAK,CAEb,EACAjB,EAAA,cAAC,QAAM,CAAA,UAAWuB,EAAQ,KACxB,EAAAvB,EAAA,cAAC,QACC,KAAAA,EAAA,cAAC,UACEkB,EAAO,IAAUM,GAAAxB,EAAA,cAACc,GAAG,IAAKU,CAAA,EAAIA,CAAE,CAAM,CACzC,CACF,EACCxB,EAAA,cAAA,QAAA,KACEmB,EAAK,IAAI,CAACM,EAAG,oBAAQd,EAAI,CAAK,MAAAK,EAAO,OAAAE,EAAQ,KAAAC,EAAM,SAAAC,EAAU,QAAAC,EAAU,IAAK,CAAI,EAAAI,CAAE,CAAM,CAC3F,CACF,CACF"}

4
docs/assets/Table-99cbdd1c.js → docs/assets/Table-7ad41e99.js
View file

@ -1,2 +1,2 @@
import{R as e,r as s}from"./index-cdc8a4d0.js";import{c as i,I as E}from"./ImportSnippet-eafb8037.js";import{U as y}from"./chunk-S4VUQJ4A-ea782df4.js";const d=t=>{const a=async l=>{const n=l.wrap?`var(${l.children})`:l.children;await navigator.clipboard.writeText(n),l.setCopied(!0)};return e.createElement("button",{className:"copy-btn",onClick:()=>a(t)},e.createElement("span",{className:"material-symbols-outlined"},"content_copy"),t.children,t.copied&&e.createElement("div",{className:"copy-tag"},"Copied"))},h=t=>{const[a,l]=s.useState(!1);let n;s.useEffect(()=>{n&&clearTimeout(n),n=setTimeout(()=>{l(!1)},1e3)},[a]);const c={...t,copied:a,setCopied:l};return t.column===0?e.createElement("div",{className:"swatch-container"},e.createElement("div",{className:"swatch",style:{backgroundColor:t.children}}),e.createElement("span",null,e.createElement(d,{...c},t.children))):t.children.map(r=>e.createElement("div",{key:r},e.createElement(d,{...c,wrap:!0},r)))},C=t=>e.createElement("td",null,e.createElement(h,{...t},t.children)),b=t=>e.createElement("tr",null,t.children.map((a,l)=>e.createElement(C,{...t,column:l,key:l},a))),f=t=>e.createElement("th",null,t.children),k=({title:t=null,body:a,copyable:l,mdnLink:n=null,included:c=!1,partial:r})=>{const o=["Colour","CSS variable"];return e.createElement(y,null,e.createElement("div",{className:i.title},t),e.createElement(E,{included:c,partial:r}),e.createElement("table",{className:i.table},e.createElement("thead",null,e.createElement("tr",null,o.map(m=>e.createElement(f,{key:m},m)))),e.createElement("tbody",null,a.map((m,u)=>e.createElement(b,{title:t,header:o,body:a,copyable:l,mdnLink:n,key:u},m)))))};export{k as C};
//# sourceMappingURL=Table-99cbdd1c.js.map
import{R as e,r as s}from"./index-33b6ba46.js";import{c as i,I as E}from"./ImportSnippet-5ad55b07.js";import{U as y}from"./chunk-S4VUQJ4A-e77a1bf8.js";const d=t=>{const a=async l=>{const n=l.wrap?`var(${l.children})`:l.children;await navigator.clipboard.writeText(n),l.setCopied(!0)};return e.createElement("button",{className:"copy-btn",onClick:()=>a(t)},e.createElement("span",{className:"material-symbols-outlined"},"content_copy"),t.children,t.copied&&e.createElement("div",{className:"copy-tag"},"Copied"))},h=t=>{const[a,l]=s.useState(!1);let n;s.useEffect(()=>{n&&clearTimeout(n),n=setTimeout(()=>{l(!1)},1e3)},[a]);const c={...t,copied:a,setCopied:l};return t.column===0?e.createElement("div",{className:"swatch-container"},e.createElement("div",{className:"swatch",style:{backgroundColor:t.children}}),e.createElement("span",null,e.createElement(d,{...c},t.children))):t.children.map(r=>e.createElement("div",{key:r},e.createElement(d,{...c,wrap:!0},r)))},C=t=>e.createElement("td",null,e.createElement(h,{...t},t.children)),b=t=>e.createElement("tr",null,t.children.map((a,l)=>e.createElement(C,{...t,column:l,key:l},a))),f=t=>e.createElement("th",null,t.children),k=({title:t=null,body:a,copyable:l,mdnLink:n=null,included:c=!1,partial:r})=>{const o=["Colour","CSS variable"];return e.createElement(y,null,e.createElement("div",{className:i.title},t),e.createElement(E,{included:c,partial:r}),e.createElement("table",{className:i.table},e.createElement("thead",null,e.createElement("tr",null,o.map(m=>e.createElement(f,{key:m},m)))),e.createElement("tbody",null,a.map((m,u)=>e.createElement(b,{title:t,header:o,body:a,copyable:l,mdnLink:n,key:u},m)))))};export{k as C};
//# sourceMappingURL=Table-7ad41e99.js.map

2
docs/assets/Table-99cbdd1c.js.map → docs/assets/Table-7ad41e99.js.map
View file

@ -1 +1 @@
{"version":3,"file":"Table-99cbdd1c.js","sources":["../../src/docs/docs-components/CopyColourTable/Table.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport ImportSnippet from './ImportSnippet';\nimport { Unstyled } from '@storybook/blocks';\n// @ts-ignore\nimport classes from './styles.module.scss';\n\nconst Copyable = (props) => {\n const handleClick = async(props) => {\n const copyText = props.wrap ? `var(${props.children})` : props.children;\n await navigator.clipboard.writeText(copyText);\n props.setCopied(true);\n }\n\n return (\n <button className=\"copy-btn\" onClick={() => handleClick(props)}>\n <span className=\"material-symbols-outlined\">content_copy</span>{props.children}\n {props.copied && <div className=\"copy-tag\">Copied</div>}\n </button>\n );\n}\n\nconst Cell = (props) => {\n const [copied, setCopied] = useState(false);\n\n let timeout;\n\n useEffect(() => {\n if(timeout) clearTimeout(timeout);\n timeout = setTimeout(() => { setCopied(false); }, 1000);\n }, [copied]);\n\n const copyProps = {...props, ...{ copied, setCopied } };\n\n return props.column === 0 ?\n <div className=\"swatch-container\">\n <div className=\"swatch\" style={{ backgroundColor: props.children }}></div>\n <span>\n <Copyable {...copyProps}>{props.children}</Copyable>\n </span>\n </div>\n : props.children.map(css => (\n <div key={css}>\n <Copyable {...copyProps} wrap>{css}</Copyable>\n </div>\n ));\n}\n\n const TD = (props) => <td><Cell {...props}>{props.children}</Cell></td>\nconst TR = (props) => <tr>{props.children.map((c, i) => (<TD {...props} column={i} key={i}>{c}</TD>))}</tr>\nconst TH = (props) => <th>{props.children}</th>;\n\nconst CopyTable = ({ title = null, body, copyable, mdnLink = null, included = false, partial }) => {\n const header=['Colour', 'CSS variable'];\n return (\n <Unstyled>\n <div className={classes.title}>\n {title}\n </div>\n <ImportSnippet included={included} partial={partial} />\n <table className={classes.table}>\n <thead>\n <tr>\n {header.map(h => (<TH key={h}>{h}</TH>))}\n </tr>\n </thead>\n <tbody>\n {body.map((b, i) => (<TR {...{ title, header, body, copyable, mdnLink}} key={i}>{b}</TR>))}\n </tbody>\n </table>\n </Unstyled>\n )\n};\n\nexport default CopyTable;"],"names":["Copyable","props","handleClick","copyText","React","Cell","copied","setCopied","useState","timeout","useEffect","copyProps","css","TD","TR","c","i","TH","CopyTable","title","body","copyable","mdnLink","included","partial","header","Unstyled","classes","ImportSnippet","h","b"],"mappings":"uJAOA,MAAMA,EAAYC,GAAU,CACpB,MAAAC,EAAc,MAAMD,GAAU,CAClC,MAAME,EAAWF,EAAM,KAAO,OAAOA,EAAM,QAAQ,IAAMA,EAAM,SACzD,MAAA,UAAU,UAAU,UAAUE,CAAQ,EAC5CF,EAAM,UAAU,EAAI,CAAA,EAIpB,OAAAG,EAAA,cAAC,SAAO,CAAA,UAAU,WAAW,QAAS,IAAMF,EAAYD,CAAK,CAC3D,EAAAG,EAAA,cAAC,OAAK,CAAA,UAAU,6BAA4B,cAAY,EAAQH,EAAM,SACrEA,EAAM,wBAAW,MAAI,CAAA,UAAU,UAAW,EAAA,QAAM,CACnD,CAEJ,EAEMI,EAAQJ,GAAU,CACtB,KAAM,CAACK,EAAQC,CAAS,EAAIC,WAAS,EAAK,EAEtC,IAAAC,EAEJC,EAAAA,UAAU,IAAM,CACXD,GAAS,aAAaA,CAAO,EAChCA,EAAU,WAAW,IAAM,CAAEF,EAAU,EAAK,GAAM,GAAI,CAAA,EACrD,CAACD,CAAM,CAAC,EAEL,MAAAK,EAAY,CAAC,GAAGV,EAAY,OAAAK,EAAQ,UAAAC,GAEnC,OAAAN,EAAM,SAAW,EACtBG,EAAA,cAAC,OAAI,UAAU,kBAAA,kBACZ,MAAI,CAAA,UAAU,SAAS,MAAO,CAAE,gBAAiBH,EAAM,UAAY,EACpEG,EAAA,cAAC,YACEA,EAAA,cAAAJ,EAAA,CAAU,GAAGW,CAAY,EAAAV,EAAM,QAAS,CAC3C,CACF,EACAA,EAAM,SAAS,IACfW,GAAAR,EAAA,cAAC,OAAI,IAAKQ,CAAA,kBACPZ,EAAU,CAAA,GAAGW,EAAW,KAAI,EAAA,EAAEC,CAAI,CACrC,CACD,CACH,EAEQC,EAAMZ,GAAWG,EAAA,cAAA,KAAA,KAAIA,EAAA,cAAAC,EAAA,CAAM,GAAGJ,CAAA,EAAQA,EAAM,QAAS,CAAO,EAC9Da,EAAMb,GAAUG,EAAA,cAAC,UAAIH,EAAM,SAAS,IAAI,CAACc,EAAGC,IAAQZ,EAAA,cAAAS,EAAA,CAAI,GAAGZ,EAAO,OAAQe,EAAG,IAAKA,CAAA,EAAID,CAAE,CAAM,CAAE,EAChGE,EAAMhB,GAAWG,EAAA,cAAA,KAAA,KAAIH,EAAM,QAAS,EAEpCiB,EAAY,CAAC,CAAE,MAAAC,EAAQ,KAAM,KAAAC,EAAM,SAAAC,EAAU,QAAAC,EAAU,KAAM,SAAAC,EAAW,GAAO,QAAAC,CAAA,IAAc,CAC3F,MAAAC,EAAO,CAAC,SAAU,cAAc,EAEpC,OAAArB,EAAA,cAACsB,EACC,KAAAtB,EAAA,cAAC,MAAI,CAAA,UAAWuB,EAAQ,KAAA,EACrBR,CACH,EACCf,EAAA,cAAAwB,EAAA,CAAc,SAAAL,EAAoB,QAAAC,CAAkB,CAAA,EACrDpB,EAAA,cAAC,QAAM,CAAA,UAAWuB,EAAQ,KAAA,EACvBvB,EAAA,cAAA,QAAA,KACEA,EAAA,cAAA,KAAA,KACEqB,EAAO,IAAUI,GAAAzB,EAAA,cAACa,EAAG,CAAA,IAAKY,GAAIA,CAAE,CAAM,CACzC,CACF,EACAzB,EAAA,cAAC,QACE,KAAAgB,EAAK,IAAI,CAACU,EAAGd,IAAQZ,EAAA,cAAAU,EAAA,CAAS,MAAAK,EAAO,OAAAM,EAAQ,KAAAL,EAAM,SAAAC,EAAU,QAAAC,EAAU,IAAKN,CAAA,EAAIc,CAAE,CAAM,CAC3F,CACF,CACF,CAEJ"}
{"version":3,"file":"Table-7ad41e99.js","sources":["../../src/docs/docs-components/CopyColourTable/Table.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport ImportSnippet from './ImportSnippet';\nimport { Unstyled } from '@storybook/blocks';\n// @ts-ignore\nimport classes from './styles.module.scss';\n\nconst Copyable = (props) => {\n const handleClick = async(props) => {\n const copyText = props.wrap ? `var(${props.children})` : props.children;\n await navigator.clipboard.writeText(copyText);\n props.setCopied(true);\n }\n\n return (\n <button className=\"copy-btn\" onClick={() => handleClick(props)}>\n <span className=\"material-symbols-outlined\">content_copy</span>{props.children}\n {props.copied && <div className=\"copy-tag\">Copied</div>}\n </button>\n );\n}\n\nconst Cell = (props) => {\n const [copied, setCopied] = useState(false);\n\n let timeout;\n\n useEffect(() => {\n if(timeout) clearTimeout(timeout);\n timeout = setTimeout(() => { setCopied(false); }, 1000);\n }, [copied]);\n\n const copyProps = {...props, ...{ copied, setCopied } };\n\n return props.column === 0 ?\n <div className=\"swatch-container\">\n <div className=\"swatch\" style={{ backgroundColor: props.children }}></div>\n <span>\n <Copyable {...copyProps}>{props.children}</Copyable>\n </span>\n </div>\n : props.children.map(css => (\n <div key={css}>\n <Copyable {...copyProps} wrap>{css}</Copyable>\n </div>\n ));\n}\n\n const TD = (props) => <td><Cell {...props}>{props.children}</Cell></td>\nconst TR = (props) => <tr>{props.children.map((c, i) => (<TD {...props} column={i} key={i}>{c}</TD>))}</tr>\nconst TH = (props) => <th>{props.children}</th>;\n\nconst CopyTable = ({ title = null, body, copyable, mdnLink = null, included = false, partial }) => {\n const header=['Colour', 'CSS variable'];\n return (\n <Unstyled>\n <div className={classes.title}>\n {title}\n </div>\n <ImportSnippet included={included} partial={partial} />\n <table className={classes.table}>\n <thead>\n <tr>\n {header.map(h => (<TH key={h}>{h}</TH>))}\n </tr>\n </thead>\n <tbody>\n {body.map((b, i) => (<TR {...{ title, header, body, copyable, mdnLink}} key={i}>{b}</TR>))}\n </tbody>\n </table>\n </Unstyled>\n )\n};\n\nexport default CopyTable;"],"names":["Copyable","props","handleClick","copyText","React","Cell","copied","setCopied","useState","timeout","useEffect","copyProps","css","TD","TR","c","i","TH","CopyTable","title","body","copyable","mdnLink","included","partial","header","Unstyled","classes","ImportSnippet","h","b"],"mappings":"uJAOA,MAAMA,EAAYC,GAAU,CACpB,MAAAC,EAAc,MAAMD,GAAU,CAClC,MAAME,EAAWF,EAAM,KAAO,OAAOA,EAAM,QAAQ,IAAMA,EAAM,SACzD,MAAA,UAAU,UAAU,UAAUE,CAAQ,EAC5CF,EAAM,UAAU,EAAI,CAAA,EAIpB,OAAAG,EAAA,cAAC,SAAO,CAAA,UAAU,WAAW,QAAS,IAAMF,EAAYD,CAAK,CAC3D,EAAAG,EAAA,cAAC,OAAK,CAAA,UAAU,6BAA4B,cAAY,EAAQH,EAAM,SACrEA,EAAM,wBAAW,MAAI,CAAA,UAAU,UAAW,EAAA,QAAM,CACnD,CAEJ,EAEMI,EAAQJ,GAAU,CACtB,KAAM,CAACK,EAAQC,CAAS,EAAIC,WAAS,EAAK,EAEtC,IAAAC,EAEJC,EAAAA,UAAU,IAAM,CACXD,GAAS,aAAaA,CAAO,EAChCA,EAAU,WAAW,IAAM,CAAEF,EAAU,EAAK,GAAM,GAAI,CAAA,EACrD,CAACD,CAAM,CAAC,EAEL,MAAAK,EAAY,CAAC,GAAGV,EAAY,OAAAK,EAAQ,UAAAC,GAEnC,OAAAN,EAAM,SAAW,EACtBG,EAAA,cAAC,OAAI,UAAU,kBAAA,kBACZ,MAAI,CAAA,UAAU,SAAS,MAAO,CAAE,gBAAiBH,EAAM,UAAY,EACpEG,EAAA,cAAC,YACEA,EAAA,cAAAJ,EAAA,CAAU,GAAGW,CAAY,EAAAV,EAAM,QAAS,CAC3C,CACF,EACAA,EAAM,SAAS,IACfW,GAAAR,EAAA,cAAC,OAAI,IAAKQ,CAAA,kBACPZ,EAAU,CAAA,GAAGW,EAAW,KAAI,EAAA,EAAEC,CAAI,CACrC,CACD,CACH,EAEQC,EAAMZ,GAAWG,EAAA,cAAA,KAAA,KAAIA,EAAA,cAAAC,EAAA,CAAM,GAAGJ,CAAA,EAAQA,EAAM,QAAS,CAAO,EAC9Da,EAAMb,GAAUG,EAAA,cAAC,UAAIH,EAAM,SAAS,IAAI,CAACc,EAAGC,IAAQZ,EAAA,cAAAS,EAAA,CAAI,GAAGZ,EAAO,OAAQe,EAAG,IAAKA,CAAA,EAAID,CAAE,CAAM,CAAE,EAChGE,EAAMhB,GAAWG,EAAA,cAAA,KAAA,KAAIH,EAAM,QAAS,EAEpCiB,EAAY,CAAC,CAAE,MAAAC,EAAQ,KAAM,KAAAC,EAAM,SAAAC,EAAU,QAAAC,EAAU,KAAM,SAAAC,EAAW,GAAO,QAAAC,CAAA,IAAc,CAC3F,MAAAC,EAAO,CAAC,SAAU,cAAc,EAEpC,OAAArB,EAAA,cAACsB,EACC,KAAAtB,EAAA,cAAC,MAAI,CAAA,UAAWuB,EAAQ,KAAA,EACrBR,CACH,EACCf,EAAA,cAAAwB,EAAA,CAAc,SAAAL,EAAoB,QAAAC,CAAkB,CAAA,EACrDpB,EAAA,cAAC,QAAM,CAAA,UAAWuB,EAAQ,KAAA,EACvBvB,EAAA,cAAA,QAAA,KACEA,EAAA,cAAA,KAAA,KACEqB,EAAO,IAAUI,GAAAzB,EAAA,cAACa,EAAG,CAAA,IAAKY,GAAIA,CAAE,CAAM,CACzC,CACF,EACAzB,EAAA,cAAC,QACE,KAAAgB,EAAK,IAAI,CAACU,EAAGd,IAAQZ,EAAA,cAAAU,EAAA,CAAS,MAAAK,EAAO,OAAAM,EAAQ,KAAAL,EAAM,SAAAC,EAAU,QAAAC,EAAU,IAAKN,CAAA,EAAIc,CAAE,CAAM,CAC3F,CACF,CACF,CAEJ"}

2
docs/assets/WithTooltip-J57HCPYA-568b2335.js Normal file
View file

@ -0,0 +1,2 @@
import{W as m,W,a as T}from"./index-33b6ba46.js";import"./iframe-3532bc3f.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";export{m as WithToolTipState,W as WithTooltip,T as WithTooltipPure};
//# sourceMappingURL=WithTooltip-J57HCPYA-568b2335.js.map

1
docs/assets/WithTooltip-J57HCPYA-568b2335.js.map Normal file
View file

@ -0,0 +1 @@
{"version":3,"file":"WithTooltip-J57HCPYA-568b2335.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

2
docs/assets/WithTooltip-J57HCPYA-ade10d26.js
View file

@ -1,2 +0,0 @@
import{W as m,W,a as T}from"./index-cdc8a4d0.js";import"./iframe-a0761ecd.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";export{m as WithToolTipState,W as WithTooltip,T as WithTooltipPure};
//# sourceMappingURL=WithTooltip-J57HCPYA-ade10d26.js.map

1
docs/assets/WithTooltip-J57HCPYA-ade10d26.js.map
View file

@ -1 +0,0 @@
{"version":3,"file":"WithTooltip-J57HCPYA-ade10d26.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

4
docs/assets/_main.stories-78f1330e.js → docs/assets/_main.stories-c137d334.js
View file

@ -1,4 +1,4 @@
import{M as u}from"./chunk-S4VUQJ4A-ea782df4.js";import{p as a,j as r}from"./jsx-runtime-b3ad9f48.js";import{C as s}from"./Table-9272328f.js";import{c as e}from"./parseCss-edeb1577.js";import{u as c}from"./index-4fcf5216.js";import"./iframe-a0761ecd.js";import"../sb-preview/runtime.js";import"./index-cdc8a4d0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";import"./index-d5a0ae09.js";import"./toString-25ea340b.js";import"./isSymbol-50749e90.js";const p=`.cursor-auto {
import{M as u}from"./chunk-S4VUQJ4A-e77a1bf8.js";import{p as a,j as r}from"./jsx-runtime-0eb16fb5.js";import{C as s}from"./Table-0c38e0ef.js";import{c as e}from"./parseCss-94d9ae3f.js";import{u as c}from"./index-5cce2c7b.js";import"./iframe-3532bc3f.js";import"../sb-preview/runtime.js";import"./index-33b6ba46.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";import"./index-aac3df73.js";import"./toString-25ea340b.js";import"./isSymbol-50749e90.js";const p=`.cursor-auto {
cursor: auto;
}
.cursor-default {
@ -91,4 +91,4 @@ import{M as u}from"./chunk-S4VUQJ4A-ea782df4.js";import{p as a,j as r}from"./jsx
`,r.jsx(n.h1,{id:"interactivity-tokens",children:"Interactivity tokens"}),`
`,r.jsx(s,{title:"Cursor",mdnLink:"cursor",header:["Class","Properties"],body:e(p),copyable:[!0,!1]}),`
`,r.jsx(s,{title:"Pointer events",mdnLink:"pointer-events",header:["Class","Properties"],body:e(m),copyable:[!0,!1]})]})}function l(o={}){const{wrapper:n}=Object.assign({},c(),o.components);return n?r.jsx(n,{...o,children:r.jsx(i,{...o})}):i(o)}const g=()=>{throw new Error("Docs-only story")};g.parameters={docsOnly:!0};const t={title:"Styles/Tokens/Interactivity",parameters:{...a},tags:["stories-mdx"],includeStories:["__page"]};t.parameters=t.parameters||{};t.parameters.docs={...t.parameters.docs||{},page:l};const D=["__page"];export{D as __namedExportsOrder,g as __page,t as default};
//# sourceMappingURL=_main.stories-78f1330e.js.map
//# sourceMappingURL=_main.stories-c137d334.js.map

2
docs/assets/_main.stories-78f1330e.js.map → docs/assets/_main.stories-c137d334.js.map
View file

@ -1 +1 @@
{"version":3,"file":"_main.stories-78f1330e.js","sources":["../../src/scss/tokens/interactivity/_cursor.scss?raw","../../src/scss/tokens/interactivity/_pointer-events.scss?raw","../../src/docs/styles/tokens/interactivity/_main.stories.mdx"],"sourcesContent":["export default \".cursor-auto {\\n cursor: auto;\\n}\\n.cursor-default {\\n cursor: default;\\n}\\n.cursor-pointer {\\n cursor: pointer;\\n}\\n.cursor-crosshair {\\n cursor: crosshair;\\n}\\n.cursor-text {\\n cursor: text;\\n}\\n.cursor-move {\\n cursor: move;\\n}\\n.cursor-grab {\\n cursor: grab;\\n}\\n.cursor-grabbing {\\n cursor: grabbing;\\n}\\n.cursor-col-resize {\\n cursor: col-resize;\\n}\\n.cursor-row-resize {\\n cursor: row-resize;\\n}\\n.cursor-zoom-in {\\n cursor: zoom-in;\\n}\\n.cursor-zoom-out {\\n cursor: zoom-out;\\n}\\n.\\\\!cursor-auto {\\n cursor: auto !important;\\n}\\n.\\\\!cursor-default {\\n cursor: default !important;\\n}\\n.\\\\!cursor-pointer {\\n cursor: pointer !important;\\n}\\n.\\\\!cursor-crosshair {\\n cursor: crosshair !important;\\n}\\n.\\\\!cursor-text {\\n cursor: text !important;\\n}\\n.\\\\!cursor-move {\\n cursor: move !important;\\n}\\n.\\\\!cursor-grab {\\n cursor: grab !important;\\n}\\n.\\\\!cursor-grabbing {\\n cursor: grabbing !important;\\n}\\n.\\\\!cursor-col-resize {\\n cursor: col-resize !important;\\n}\\n.\\\\!cursor-row-resize {\\n cursor: row-resize !important;\\n}\\n.\\\\!cursor-zoom-in {\\n cursor: zoom-in !important;\\n}\\n.\\\\!cursor-zoom-out {\\n cursor: zoom-out !important;\\n}\\n\"","export default \".pointer-events-none {\\n pointer-events: none;\\n}\\n.pointer-events-auto {\\n pointer-events: auto;\\n}\\n.\\\\!pointer-events-none {\\n pointer-events: none !important;\\n}\\n.\\\\!pointer-events-auto {\\n pointer-events: auto !important;\\n}\\n\"","import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\nimport CopyTable from '../../../docs-components/CopyTable/Table.jsx';\nimport { cssStringToTableArray } from '../../../utils/parseCss';\n\n{/* @ts-ignore */}\nimport cursor from '$lib/scss/tokens/interactivity/\\_cursor.scss?raw';\n\n{/* @ts-ignore */}\nimport pointerEvents from '$lib/scss/tokens/interactivity/\\_pointer-events.scss?raw';\n\n<Meta title=\"Styles/Tokens/Interactivity\" parameters={{ ...parameters }} />\n\n![](https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg)\n\n# Interactivity tokens\n\n<CopyTable\n title=\"Cursor\"\n mdnLink=\"cursor\"\n header={['Class', 'Properties']}\n body={cssStringToTableArray(cursor)}\n copyable={[true, false]}\n/>\n\n<CopyTable\n title=\"Pointer events\"\n mdnLink=\"pointer-events\"\n header={['Class', 'Properties']}\n body={cssStringToTableArray(pointerEvents)}\n copyable={[true, false]}\n/>\n"],"names":["cursor","pointerEvents","_createMdxContent","props","_components","_provideComponents","_jsxs","_Fragment","_jsx","Meta","parameters","CopyTable","cssStringToTableArray","MDXContent","MDXLayout","__page","componentMeta","__namedExportsOrder"],"mappings":"ghBAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,ECAAC,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,ECYf,SAASC,EAAkBC,EAAO,CAChC,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,IACL,EAAEC,EAAoB,EAAEF,EAAM,UAAU,EACzC,OAAoBG,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAC;AAAA,EAAM;AAAA,EAAM;AAAA,EAAM;AAAA,EAAmBC,EAAI,IAACC,EAAM,CACzD,MAAO,8BACP,WAAY,CACV,GAAGC,CACJ,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKJ,EAAY,EAAG,CACzC,SAAuBI,EAAAA,IAAKJ,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACb,CAAO,CACF,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,GAAI,CAC1C,GAAI,uBACJ,SAAU,sBAChB,CAAK,EAAG;AAAA,EAAmBI,EAAI,IAACG,EAAW,CACrC,MAAO,SACP,QAAS,SACT,OAAQ,CAAC,QAAS,YAAY,EAC9B,KAAMC,EAAsBZ,CAAM,EAClC,SAAU,CAAC,GAAM,EAAK,CAC5B,CAAK,EAAG;AAAA,EAAmBQ,EAAI,IAACG,EAAW,CACrC,MAAO,iBACP,QAAS,iBACT,OAAQ,CAAC,QAAS,YAAY,EAC9B,KAAMC,EAAsBX,CAAa,EACzC,SAAU,CAAC,GAAM,EAAK,CAC5B,CAAK,CAAC,CACN,CAAG,CACH,CACA,SAASY,EAAWV,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASW,CACb,EAAM,OAAO,OAAO,CAAE,EAAET,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOW,EAAyBN,EAAI,IAACM,EAAW,CAC9C,GAAGX,EACH,SAAuBK,EAAI,IAACN,EAAmB,CAC7C,GAAGC,CACT,CAAK,CACL,CAAG,EAAID,EAAkBC,CAAK,CAC9B,CAEY,MAACY,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,8BACP,WAAY,CACV,GAAGN,CACJ,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAM,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAC9B,GAAIA,EAAc,WAAW,MAAQ,GACrC,KAAMH,CACR,EAC4B,MAAAI,EAAA,CAAA,QAAA"}
{"version":3,"file":"_main.stories-c137d334.js","sources":["../../src/scss/tokens/interactivity/_cursor.scss?raw","../../src/scss/tokens/interactivity/_pointer-events.scss?raw","../../src/docs/styles/tokens/interactivity/_main.stories.mdx"],"sourcesContent":["export default \".cursor-auto {\\n cursor: auto;\\n}\\n.cursor-default {\\n cursor: default;\\n}\\n.cursor-pointer {\\n cursor: pointer;\\n}\\n.cursor-crosshair {\\n cursor: crosshair;\\n}\\n.cursor-text {\\n cursor: text;\\n}\\n.cursor-move {\\n cursor: move;\\n}\\n.cursor-grab {\\n cursor: grab;\\n}\\n.cursor-grabbing {\\n cursor: grabbing;\\n}\\n.cursor-col-resize {\\n cursor: col-resize;\\n}\\n.cursor-row-resize {\\n cursor: row-resize;\\n}\\n.cursor-zoom-in {\\n cursor: zoom-in;\\n}\\n.cursor-zoom-out {\\n cursor: zoom-out;\\n}\\n.\\\\!cursor-auto {\\n cursor: auto !important;\\n}\\n.\\\\!cursor-default {\\n cursor: default !important;\\n}\\n.\\\\!cursor-pointer {\\n cursor: pointer !important;\\n}\\n.\\\\!cursor-crosshair {\\n cursor: crosshair !important;\\n}\\n.\\\\!cursor-text {\\n cursor: text !important;\\n}\\n.\\\\!cursor-move {\\n cursor: move !important;\\n}\\n.\\\\!cursor-grab {\\n cursor: grab !important;\\n}\\n.\\\\!cursor-grabbing {\\n cursor: grabbing !important;\\n}\\n.\\\\!cursor-col-resize {\\n cursor: col-resize !important;\\n}\\n.\\\\!cursor-row-resize {\\n cursor: row-resize !important;\\n}\\n.\\\\!cursor-zoom-in {\\n cursor: zoom-in !important;\\n}\\n.\\\\!cursor-zoom-out {\\n cursor: zoom-out !important;\\n}\\n\"","export default \".pointer-events-none {\\n pointer-events: none;\\n}\\n.pointer-events-auto {\\n pointer-events: auto;\\n}\\n.\\\\!pointer-events-none {\\n pointer-events: none !important;\\n}\\n.\\\\!pointer-events-auto {\\n pointer-events: auto !important;\\n}\\n\"","import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\nimport CopyTable from '../../../docs-components/CopyTable/Table.jsx';\nimport { cssStringToTableArray } from '../../../utils/parseCss';\n\n{/* @ts-ignore */}\nimport cursor from '$lib/scss/tokens/interactivity/\\_cursor.scss?raw';\n\n{/* @ts-ignore */}\nimport pointerEvents from '$lib/scss/tokens/interactivity/\\_pointer-events.scss?raw';\n\n<Meta title=\"Styles/Tokens/Interactivity\" parameters={{ ...parameters }} />\n\n![](https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg)\n\n# Interactivity tokens\n\n<CopyTable\n title=\"Cursor\"\n mdnLink=\"cursor\"\n header={['Class', 'Properties']}\n body={cssStringToTableArray(cursor)}\n copyable={[true, false]}\n/>\n\n<CopyTable\n title=\"Pointer events\"\n mdnLink=\"pointer-events\"\n header={['Class', 'Properties']}\n body={cssStringToTableArray(pointerEvents)}\n copyable={[true, false]}\n/>\n"],"names":["cursor","pointerEvents","_createMdxContent","props","_components","_provideComponents","_jsxs","_Fragment","_jsx","Meta","parameters","CopyTable","cssStringToTableArray","MDXContent","MDXLayout","__page","componentMeta","__namedExportsOrder"],"mappings":"ghBAAA,MAAeA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,ECAAC,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,ECYf,SAASC,EAAkBC,EAAO,CAChC,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,IACL,EAAEC,EAAoB,EAAEF,EAAM,UAAU,EACzC,OAAoBG,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAC;AAAA,EAAM;AAAA,EAAM;AAAA,EAAM;AAAA,EAAmBC,EAAI,IAACC,EAAM,CACzD,MAAO,8BACP,WAAY,CACV,GAAGC,CACJ,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKJ,EAAY,EAAG,CACzC,SAAuBI,EAAAA,IAAKJ,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACb,CAAO,CACF,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,GAAI,CAC1C,GAAI,uBACJ,SAAU,sBAChB,CAAK,EAAG;AAAA,EAAmBI,EAAI,IAACG,EAAW,CACrC,MAAO,SACP,QAAS,SACT,OAAQ,CAAC,QAAS,YAAY,EAC9B,KAAMC,EAAsBZ,CAAM,EAClC,SAAU,CAAC,GAAM,EAAK,CAC5B,CAAK,EAAG;AAAA,EAAmBQ,EAAI,IAACG,EAAW,CACrC,MAAO,iBACP,QAAS,iBACT,OAAQ,CAAC,QAAS,YAAY,EAC9B,KAAMC,EAAsBX,CAAa,EACzC,SAAU,CAAC,GAAM,EAAK,CAC5B,CAAK,CAAC,CACN,CAAG,CACH,CACA,SAASY,EAAWV,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASW,CACb,EAAM,OAAO,OAAO,CAAE,EAAET,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOW,EAAyBN,EAAI,IAACM,EAAW,CAC9C,GAAGX,EACH,SAAuBK,EAAI,IAACN,EAAmB,CAC7C,GAAGC,CACT,CAAK,CACL,CAAG,EAAID,EAAkBC,CAAK,CAC9B,CAEY,MAACY,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,8BACP,WAAY,CACV,GAAGN,CACJ,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAM,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAC9B,GAAIA,EAAc,WAAW,MAAQ,GACrC,KAAMH,CACR,EAC4B,MAAAI,EAAA,CAAA,QAAA"}

4
docs/assets/arc-9f8eb6f6.js → docs/assets/arc-9e8ce139.js
View file

@ -1,2 +1,2 @@
import{w as ln,c as J}from"./path-53f90ab3.js";import{D as rn,E as N,F as D,G as an,H as y,I as on,J as z,K as _,L as un,M as t,N as sn,O as tn,P as fn}from"./intro.stories-a3a8c1fe.js";function cn(l){return l.innerRadius}function yn(l){return l.outerRadius}function gn(l){return l.startAngle}function mn(l){return l.endAngle}function pn(l){return l&&l.padAngle}function dn(l,h,O,E,v,A,K,r){var q=O-l,i=E-h,n=K-v,m=r-A,a=m*q-n*i;if(!(a*a<y))return a=(n*(h-A)-m*(l-v))/a,[l+a*q,h+a*i]}function W(l,h,O,E,v,A,K){var r=l-O,q=h-E,i=(K?A:-A)/z(r*r+q*q),n=i*q,m=-i*r,a=l+n,s=h+m,f=O+n,c=E+m,L=(a+f)/2,o=(s+c)/2,p=f-a,g=c-s,R=p*p+g*g,T=v-A,P=a*c-f*s,F=(g<0?-1:1)*z(fn(0,T*T*R-P*P)),G=(P*g-p*F)/R,H=(-P*p-g*F)/R,w=(P*g+p*F)/R,d=(-P*p+g*F)/R,x=G-L,e=H-o,u=w-L,M=d-o;return x*x+e*e>u*u+M*M&&(G=w,H=d),{cx:G,cy:H,x01:-n,y01:-m,x11:G*(v/T-1),y11:H*(v/T-1)}}function vn(){var l=cn,h=yn,O=J(0),E=null,v=gn,A=mn,K=pn,r=null,q=ln(i);function i(){var n,m,a=+l.apply(this,arguments),s=+h.apply(this,arguments),f=v.apply(this,arguments)-an,c=A.apply(this,arguments)-an,L=un(c-f),o=c>f;if(r||(r=n=q()),s<a&&(m=s,s=a,a=m),!(s>y))r.moveTo(0,0);else if(L>on-y)r.moveTo(s*N(f),s*D(f)),r.arc(0,0,s,f,c,!o),a>y&&(r.moveTo(a*N(c),a*D(c)),r.arc(0,0,a,c,f,o));else{var p=f,g=c,R=f,T=c,P=L,F=L,G=K.apply(this,arguments)/2,H=G>y&&(E?+E.apply(this,arguments):z(a*a+s*s)),w=_(un(s-a)/2,+O.apply(this,arguments)),d=w,x=w,e,u;if(H>y){var M=sn(H/a*D(G)),B=sn(H/s*D(G));(P-=M*2)>y?(M*=o?1:-1,R+=M,T-=M):(P=0,R=T=(f+c)/2),(F-=B*2)>y?(B*=o?1:-1,p+=B,g-=B):(F=0,p=g=(f+c)/2)}var S=s*N(p),j=s*D(p),C=a*N(T),Q=a*D(T);if(w>y){var U=s*N(g),V=s*D(g),X=a*N(R),Y=a*D(R),I;if(L<rn)if(I=dn(S,j,X,Y,U,V,C,Q)){var Z=S-I[0],$=j-I[1],k=U-I[0],b=V-I[1],nn=1/D(tn((Z*k+$*b)/(z(Z*Z+$*$)*z(k*k+b*b)))/2),en=z(I[0]*I[0]+I[1]*I[1]);d=_(w,(a-en)/(nn-1)),x=_(w,(s-en)/(nn+1))}else d=x=0}F>y?x>y?(e=W(X,Y,S,j,s,x,o),u=W(U,V,C,Q,s,x,o),r.moveTo(e.cx+e.x01,e.cy+e.y01),x<w?r.arc(e.cx,e.cy,x,t(e.y01,e.x01),t(u.y01,u.x01),!o):(r.arc(e.cx,e.cy,x,t(e.y01,e.x01),t(e.y11,e.x11),!o),r.arc(0,0,s,t(e.cy+e.y11,e.cx+e.x11),t(u.cy+u.y11,u.cx+u.x11),!o),r.arc(u.cx,u.cy,x,t(u.y11,u.x11),t(u.y01,u.x01),!o))):(r.moveTo(S,j),r.arc(0,0,s,p,g,!o)):r.moveTo(S,j),!(a>y)||!(P>y)?r.lineTo(C,Q):d>y?(e=W(C,Q,U,V,a,-d,o),u=W(S,j,X,Y,a,-d,o),r.lineTo(e.cx+e.x01,e.cy+e.y01),d<w?r.arc(e.cx,e.cy,d,t(e.y01,e.x01),t(u.y01,u.x01),!o):(r.arc(e.cx,e.cy,d,t(e.y01,e.x01),t(e.y11,e.x11),!o),r.arc(0,0,a,t(e.cy+e.y11,e.cx+e.x11),t(u.cy+u.y11,u.cx+u.x11),o),r.arc(u.cx,u.cy,d,t(u.y11,u.x11),t(u.y01,u.x01),!o))):r.arc(0,0,a,T,R,o)}if(r.closePath(),n)return r=null,n+""||null}return i.centroid=function(){var n=(+l.apply(this,arguments)+ +h.apply(this,arguments))/2,m=(+v.apply(this,arguments)+ +A.apply(this,arguments))/2-rn/2;return[N(m)*n,D(m)*n]},i.innerRadius=function(n){return arguments.length?(l=typeof n=="function"?n:J(+n),i):l},i.outerRadius=function(n){return arguments.length?(h=typeof n=="function"?n:J(+n),i):h},i.cornerRadius=function(n){return arguments.length?(O=typeof n=="function"?n:J(+n),i):O},i.padRadius=function(n){return arguments.length?(E=n==null?null:typeof n=="function"?n:J(+n),i):E},i.startAngle=function(n){return arguments.length?(v=typeof n=="function"?n:J(+n),i):v},i.endAngle=function(n){return arguments.length?(A=typeof n=="function"?n:J(+n),i):A},i.padAngle=function(n){return arguments.length?(K=typeof n=="function"?n:J(+n),i):K},i.context=function(n){return arguments.length?(r=n??null,i):r},i}export{vn as a};
//# sourceMappingURL=arc-9f8eb6f6.js.map
import{w as ln,c as J}from"./path-53f90ab3.js";import{D as rn,E as N,F as D,G as an,H as y,I as on,J as z,K as _,L as un,M as t,N as sn,O as tn,P as fn}from"./intro.stories-de1ba0ac.js";function cn(l){return l.innerRadius}function yn(l){return l.outerRadius}function gn(l){return l.startAngle}function mn(l){return l.endAngle}function pn(l){return l&&l.padAngle}function dn(l,h,O,E,v,A,K,r){var q=O-l,i=E-h,n=K-v,m=r-A,a=m*q-n*i;if(!(a*a<y))return a=(n*(h-A)-m*(l-v))/a,[l+a*q,h+a*i]}function W(l,h,O,E,v,A,K){var r=l-O,q=h-E,i=(K?A:-A)/z(r*r+q*q),n=i*q,m=-i*r,a=l+n,s=h+m,f=O+n,c=E+m,L=(a+f)/2,o=(s+c)/2,p=f-a,g=c-s,R=p*p+g*g,T=v-A,P=a*c-f*s,F=(g<0?-1:1)*z(fn(0,T*T*R-P*P)),G=(P*g-p*F)/R,H=(-P*p-g*F)/R,w=(P*g+p*F)/R,d=(-P*p+g*F)/R,x=G-L,e=H-o,u=w-L,M=d-o;return x*x+e*e>u*u+M*M&&(G=w,H=d),{cx:G,cy:H,x01:-n,y01:-m,x11:G*(v/T-1),y11:H*(v/T-1)}}function vn(){var l=cn,h=yn,O=J(0),E=null,v=gn,A=mn,K=pn,r=null,q=ln(i);function i(){var n,m,a=+l.apply(this,arguments),s=+h.apply(this,arguments),f=v.apply(this,arguments)-an,c=A.apply(this,arguments)-an,L=un(c-f),o=c>f;if(r||(r=n=q()),s<a&&(m=s,s=a,a=m),!(s>y))r.moveTo(0,0);else if(L>on-y)r.moveTo(s*N(f),s*D(f)),r.arc(0,0,s,f,c,!o),a>y&&(r.moveTo(a*N(c),a*D(c)),r.arc(0,0,a,c,f,o));else{var p=f,g=c,R=f,T=c,P=L,F=L,G=K.apply(this,arguments)/2,H=G>y&&(E?+E.apply(this,arguments):z(a*a+s*s)),w=_(un(s-a)/2,+O.apply(this,arguments)),d=w,x=w,e,u;if(H>y){var M=sn(H/a*D(G)),B=sn(H/s*D(G));(P-=M*2)>y?(M*=o?1:-1,R+=M,T-=M):(P=0,R=T=(f+c)/2),(F-=B*2)>y?(B*=o?1:-1,p+=B,g-=B):(F=0,p=g=(f+c)/2)}var S=s*N(p),j=s*D(p),C=a*N(T),Q=a*D(T);if(w>y){var U=s*N(g),V=s*D(g),X=a*N(R),Y=a*D(R),I;if(L<rn)if(I=dn(S,j,X,Y,U,V,C,Q)){var Z=S-I[0],$=j-I[1],k=U-I[0],b=V-I[1],nn=1/D(tn((Z*k+$*b)/(z(Z*Z+$*$)*z(k*k+b*b)))/2),en=z(I[0]*I[0]+I[1]*I[1]);d=_(w,(a-en)/(nn-1)),x=_(w,(s-en)/(nn+1))}else d=x=0}F>y?x>y?(e=W(X,Y,S,j,s,x,o),u=W(U,V,C,Q,s,x,o),r.moveTo(e.cx+e.x01,e.cy+e.y01),x<w?r.arc(e.cx,e.cy,x,t(e.y01,e.x01),t(u.y01,u.x01),!o):(r.arc(e.cx,e.cy,x,t(e.y01,e.x01),t(e.y11,e.x11),!o),r.arc(0,0,s,t(e.cy+e.y11,e.cx+e.x11),t(u.cy+u.y11,u.cx+u.x11),!o),r.arc(u.cx,u.cy,x,t(u.y11,u.x11),t(u.y01,u.x01),!o))):(r.moveTo(S,j),r.arc(0,0,s,p,g,!o)):r.moveTo(S,j),!(a>y)||!(P>y)?r.lineTo(C,Q):d>y?(e=W(C,Q,U,V,a,-d,o),u=W(S,j,X,Y,a,-d,o),r.lineTo(e.cx+e.x01,e.cy+e.y01),d<w?r.arc(e.cx,e.cy,d,t(e.y01,e.x01),t(u.y01,u.x01),!o):(r.arc(e.cx,e.cy,d,t(e.y01,e.x01),t(e.y11,e.x11),!o),r.arc(0,0,a,t(e.cy+e.y11,e.cx+e.x11),t(u.cy+u.y11,u.cx+u.x11),o),r.arc(u.cx,u.cy,d,t(u.y11,u.x11),t(u.y01,u.x01),!o))):r.arc(0,0,a,T,R,o)}if(r.closePath(),n)return r=null,n+""||null}return i.centroid=function(){var n=(+l.apply(this,arguments)+ +h.apply(this,arguments))/2,m=(+v.apply(this,arguments)+ +A.apply(this,arguments))/2-rn/2;return[N(m)*n,D(m)*n]},i.innerRadius=function(n){return arguments.length?(l=typeof n=="function"?n:J(+n),i):l},i.outerRadius=function(n){return arguments.length?(h=typeof n=="function"?n:J(+n),i):h},i.cornerRadius=function(n){return arguments.length?(O=typeof n=="function"?n:J(+n),i):O},i.padRadius=function(n){return arguments.length?(E=n==null?null:typeof n=="function"?n:J(+n),i):E},i.startAngle=function(n){return arguments.length?(v=typeof n=="function"?n:J(+n),i):v},i.endAngle=function(n){return arguments.length?(A=typeof n=="function"?n:J(+n),i):A},i.padAngle=function(n){return arguments.length?(K=typeof n=="function"?n:J(+n),i):K},i.context=function(n){return arguments.length?(r=n??null,i):r},i}export{vn as a};
//# sourceMappingURL=arc-9e8ce139.js.map

2
docs/assets/arc-9f8eb6f6.js.map → docs/assets/arc-9e8ce139.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/basic-story.stories-c7d36a94.js → docs/assets/basic-story.stories-87ed7a8c.js
View file

@ -1,4 +1,4 @@
import{M as i}from"./chunk-S4VUQJ4A-ea782df4.js";import{p as s,j as e}from"./jsx-runtime-b3ad9f48.js";import{u as a}from"./index-4fcf5216.js";import"./iframe-a0761ecd.js";import"../sb-preview/runtime.js";import"./index-cdc8a4d0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";function r(n){const o=Object.assign({p:"p",img:"img",h1:"h1",a:"a",code:"code",pre:"pre",em:"em",blockquote:"blockquote",strong:"strong"},a(),n.components);return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Contributing/Recipes: Basic story",parameters:{...s}}),`
import{M as i}from"./chunk-S4VUQJ4A-e77a1bf8.js";import{p as s,j as e}from"./jsx-runtime-0eb16fb5.js";import{u as a}from"./index-5cce2c7b.js";import"./iframe-3532bc3f.js";import"../sb-preview/runtime.js";import"./index-33b6ba46.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";function r(n){const o=Object.assign({p:"p",img:"img",h1:"h1",a:"a",code:"code",pre:"pre",em:"em",blockquote:"blockquote",strong:"strong"},a(),n.components);return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Contributing/Recipes: Basic story",parameters:{...s}}),`
`,e.jsx(o.p,{children:e.jsx(o.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
`,e.jsx(o.h1,{id:"recipes-basic-story",children:"Recipes: Basic story"}),`
`,e.jsxs(o.p,{children:["To make a basic story, you'll need to setup a few things from storybook's Svelte ",e.jsx(o.a,{href:"https://storybook.js.org/docs/svelte/api/csf",target:"_blank",rel:"nofollow noopener noreferrer",children:"Component Story Framework (CSF)"})," library."]}),`
@ -57,4 +57,4 @@ import{M as i}from"./chunk-S4VUQJ4A-ea782df4.js";import{p as s,j as e}from"./jsx
`,e.jsxs(o.blockquote,{children:[`
`,e.jsxs(o.p,{children:[e.jsx(o.strong,{children:"Pro tip:"})," If you pass your component in directly, your users won't be able to control its props using Storybook's built-in ",e.jsx(o.a,{href:"https://storybook.js.org/docs/svelte/essentials/controls",target:"_blank",rel:"nofollow noopener noreferrer",children:"controls panel"}),", so it's always best to start with a default example using ",e.jsx(o.code,{children:"args"}),"."]}),`
`]})]})}function l(n={}){const{wrapper:o}=Object.assign({},a(),n.components);return o?e.jsx(o,{...n,children:e.jsx(r,{...n})}):r(n)}const c=()=>{throw new Error("Docs-only story")};c.parameters={docsOnly:!0};const t={title:"Contributing/Recipes: Basic story",parameters:{...s},tags:["stories-mdx"],includeStories:["__page"]};t.parameters=t.parameters||{};t.parameters.docs={...t.parameters.docs||{},page:l};const f=["__page"];export{f as __namedExportsOrder,c as __page,t as default};
//# sourceMappingURL=basic-story.stories-c7d36a94.js.map
//# sourceMappingURL=basic-story.stories-87ed7a8c.js.map

2
docs/assets/basic-story.stories-c7d36a94.js.map → docs/assets/basic-story.stories-87ed7a8c.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/c4Diagram-36d27044-4c46684c.js → docs/assets/c4Diagram-36d27044-71a6f759.js
View file

File diff suppressed because one or more lines are too long

2
docs/assets/c4Diagram-36d27044-4c46684c.js.map → docs/assets/c4Diagram-36d27044-71a6f759.js.map
View file

File diff suppressed because one or more lines are too long

10
docs/assets/chunk-S4VUQJ4A-ea782df4.js → docs/assets/chunk-S4VUQJ4A-e77a1bf8.js
View file

File diff suppressed because one or more lines are too long

2
docs/assets/chunk-S4VUQJ4A-ea782df4.js.map → docs/assets/chunk-S4VUQJ4A-e77a1bf8.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/classDiagram-5e843ae7-c1ef8e36.js → docs/assets/classDiagram-5e843ae7-f66be633.js
View file

@ -1,2 +1,2 @@
import{p as N,d as M,s as W}from"./styles-88ad4441-7b76855a.js";import{c as S,l as i,h as u,i as H}from"./intro.stories-a3a8c1fe.js";import{G as X,l as Y}from"./layout-500d78a8.js";import{s as l}from"./svgDraw-5d8a058e-68d3b77d.js";import"./dayjs.min-1b995edc.js";import"./chunk-S4VUQJ4A-ea782df4.js";import"./iframe-a0761ecd.js";import"../sb-preview/runtime.js";import"./index-cdc8a4d0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";import"./jsx-runtime-b3ad9f48.js";import"./_getTag-edecb89a.js";import"./isSymbol-50749e90.js";import"./isObject-32699ff3.js";import"./toString-25ea340b.js";import"./Table-9272328f.js";import"./parseCss-edeb1577.js";import"./index-d5a0ae09.js";import"./_color-087aa1f8.js";import"./index-4fcf5216.js";import"./_baseSet-db0c20a6.js";import"./now-bd49f550.js";import"./line-5cdca97a.js";import"./array-9f3ba611.js";import"./path-53f90ab3.js";let g={};const m=20,p=function(e){const d=Object.entries(g).find(k=>k[1].label===e);if(d)return d[0]},Z=function(e){e.append("defs").append("marker").attr("id","extensionStart").attr("class","extension").attr("refX",0).attr("refY",7).attr("markerWidth",190).attr("markerHeight",240).attr("orient","auto").append("path").attr("d","M 1,7 L18,13 V 1 Z"),e.append("defs").append("marker").attr("id","extensionEnd").attr("refX",19).attr("refY",7).attr("markerWidth",20).attr("markerHeight",28).attr("orient","auto").append("path").attr("d","M 1,1 V 13 L18,7 Z"),e.append("defs").append("marker").attr("id","compositionStart").attr("class","extension").attr("refX",0).attr("refY",7).attr("markerWidth",190).attr("markerHeight",240).attr("orient","auto").append("path").attr("d","M 18,7 L9,13 L1,7 L9,1 Z"),e.append("defs").append("marker").attr("id","compositionEnd").attr("refX",19).attr("refY",7).attr("markerWidth",20).attr("markerHeight",28).attr("orient","auto").append("path").attr("d","M 18,7 L9,13 L1,7 L9,1 Z"),e.append("defs").append("marker").attr("id","aggregationStart").attr("class","extension").attr("refX",0).attr("refY",7).attr("markerWidth",190).attr("markerHeight",240).attr("orient","auto").append("path").attr("d","M 18,7 L9,13 L1,7 L9,1 Z"),e.append("defs").append("marker").attr("id","aggregationEnd").attr("refX",19).attr("refY",7).attr("markerWidth",20).attr("markerHeight",28).attr("orient","auto").append("path").attr("d","M 18,7 L9,13 L1,7 L9,1 Z"),e.append("defs").append("marker").attr("id","dependencyStart").attr("class","extension").attr("refX",0).attr("refY",7).attr("markerWidth",190).attr("markerHeight",240).attr("orient","auto").append("path").attr("d","M 5,7 L9,13 L1,7 L9,1 Z"),e.append("defs").append("marker").attr("id","dependencyEnd").attr("refX",19).attr("refY",7).attr("markerWidth",20).attr("markerHeight",28).attr("orient","auto").append("path").attr("d","M 18,7 L9,13 L14,7 L9,1 Z")},D=function(e,d,k,a){const c=S().class;g={},i.info("Rendering diagram "+e);const L=S().securityLevel;let y;L==="sandbox"&&(y=u("#i"+d));const x=L==="sandbox"?u(y.nodes()[0].contentDocument.body):u("body"),o=x.select(`[id='${d}']`);Z(o);const r=new X({multigraph:!0});r.setGraph({isMultiGraph:!0}),r.setDefaultEdgeLabel(function(){return{}});const h=a.db.getClasses(),$=Object.keys(h);for(const t of $){const n=h[t],s=l.drawClass(o,n,c,a);g[s.id]=s,r.setNode(s.id,s),i.info("Org height: "+s.height)}a.db.getRelations().forEach(function(t){i.info("tjoho"+p(t.id1)+p(t.id2)+JSON.stringify(t)),r.setEdge(p(t.id1),p(t.id2),{relation:t},t.title||"DEFAULT")}),a.db.getNotes().forEach(function(t){i.debug(`Adding note: ${JSON.stringify(t)}`);const n=l.drawNote(o,t,c,a);g[n.id]=n,r.setNode(n.id,n),t.class&&t.class in h&&r.setEdge(t.id,p(t.class),{relation:{id1:t.id,id2:t.class,relation:{type1:"none",type2:"none",lineType:10}}},"DEFAULT")}),Y(r),r.nodes().forEach(function(t){t!==void 0&&r.node(t)!==void 0&&(i.debug("Node "+t+": "+JSON.stringify(r.node(t))),x.select("#"+(a.db.lookUpDomId(t)||t)).attr("transform","translate("+(r.node(t).x-r.node(t).width/2)+","+(r.node(t).y-r.node(t).height/2)+" )"))}),r.edges().forEach(function(t){t!==void 0&&r.edge(t)!==void 0&&(i.debug("Edge "+t.v+" -> "+t.w+": "+JSON.stringify(r.edge(t))),l.drawEdge(o,r.edge(t),r.edge(t).relation,c,a))});const f=o.node().getBBox(),E=f.width+m*2,b=f.height+m*2;H(o,b,E,c.useMaxWidth);const w=`${f.x-m} ${f.y-m} ${E} ${b}`;i.debug(`viewBox ${w}`),o.attr("viewBox",w)},B={draw:D},ft={parser:N,db:M,renderer:B,styles:W,init:e=>{e.class||(e.class={}),e.class.arrowMarkerAbsolute=e.arrowMarkerAbsolute,M.clear()}};export{ft as diagram};
//# sourceMappingURL=classDiagram-5e843ae7-c1ef8e36.js.map
import{p as N,d as M,s as W}from"./styles-88ad4441-dedf44c1.js";import{c as S,l as i,h as u,i as H}from"./intro.stories-de1ba0ac.js";import{G as X,l as Y}from"./layout-96037854.js";import{s as l}from"./svgDraw-5d8a058e-b91d3414.js";import"./dayjs.min-1b995edc.js";import"./chunk-S4VUQJ4A-e77a1bf8.js";import"./iframe-3532bc3f.js";import"../sb-preview/runtime.js";import"./index-33b6ba46.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";import"./jsx-runtime-0eb16fb5.js";import"./_getTag-edecb89a.js";import"./isSymbol-50749e90.js";import"./isObject-32699ff3.js";import"./toString-25ea340b.js";import"./Table-0c38e0ef.js";import"./parseCss-94d9ae3f.js";import"./index-aac3df73.js";import"./_color-087aa1f8.js";import"./index-5cce2c7b.js";import"./_baseSet-db0c20a6.js";import"./now-bd49f550.js";import"./line-b3a566c6.js";import"./array-9f3ba611.js";import"./path-53f90ab3.js";let g={};const m=20,p=function(e){const d=Object.entries(g).find(k=>k[1].label===e);if(d)return d[0]},Z=function(e){e.append("defs").append("marker").attr("id","extensionStart").attr("class","extension").attr("refX",0).attr("refY",7).attr("markerWidth",190).attr("markerHeight",240).attr("orient","auto").append("path").attr("d","M 1,7 L18,13 V 1 Z"),e.append("defs").append("marker").attr("id","extensionEnd").attr("refX",19).attr("refY",7).attr("markerWidth",20).attr("markerHeight",28).attr("orient","auto").append("path").attr("d","M 1,1 V 13 L18,7 Z"),e.append("defs").append("marker").attr("id","compositionStart").attr("class","extension").attr("refX",0).attr("refY",7).attr("markerWidth",190).attr("markerHeight",240).attr("orient","auto").append("path").attr("d","M 18,7 L9,13 L1,7 L9,1 Z"),e.append("defs").append("marker").attr("id","compositionEnd").attr("refX",19).attr("refY",7).attr("markerWidth",20).attr("markerHeight",28).attr("orient","auto").append("path").attr("d","M 18,7 L9,13 L1,7 L9,1 Z"),e.append("defs").append("marker").attr("id","aggregationStart").attr("class","extension").attr("refX",0).attr("refY",7).attr("markerWidth",190).attr("markerHeight",240).attr("orient","auto").append("path").attr("d","M 18,7 L9,13 L1,7 L9,1 Z"),e.append("defs").append("marker").attr("id","aggregationEnd").attr("refX",19).attr("refY",7).attr("markerWidth",20).attr("markerHeight",28).attr("orient","auto").append("path").attr("d","M 18,7 L9,13 L1,7 L9,1 Z"),e.append("defs").append("marker").attr("id","dependencyStart").attr("class","extension").attr("refX",0).attr("refY",7).attr("markerWidth",190).attr("markerHeight",240).attr("orient","auto").append("path").attr("d","M 5,7 L9,13 L1,7 L9,1 Z"),e.append("defs").append("marker").attr("id","dependencyEnd").attr("refX",19).attr("refY",7).attr("markerWidth",20).attr("markerHeight",28).attr("orient","auto").append("path").attr("d","M 18,7 L9,13 L14,7 L9,1 Z")},D=function(e,d,k,a){const c=S().class;g={},i.info("Rendering diagram "+e);const L=S().securityLevel;let y;L==="sandbox"&&(y=u("#i"+d));const x=L==="sandbox"?u(y.nodes()[0].contentDocument.body):u("body"),o=x.select(`[id='${d}']`);Z(o);const r=new X({multigraph:!0});r.setGraph({isMultiGraph:!0}),r.setDefaultEdgeLabel(function(){return{}});const h=a.db.getClasses(),$=Object.keys(h);for(const t of $){const n=h[t],s=l.drawClass(o,n,c,a);g[s.id]=s,r.setNode(s.id,s),i.info("Org height: "+s.height)}a.db.getRelations().forEach(function(t){i.info("tjoho"+p(t.id1)+p(t.id2)+JSON.stringify(t)),r.setEdge(p(t.id1),p(t.id2),{relation:t},t.title||"DEFAULT")}),a.db.getNotes().forEach(function(t){i.debug(`Adding note: ${JSON.stringify(t)}`);const n=l.drawNote(o,t,c,a);g[n.id]=n,r.setNode(n.id,n),t.class&&t.class in h&&r.setEdge(t.id,p(t.class),{relation:{id1:t.id,id2:t.class,relation:{type1:"none",type2:"none",lineType:10}}},"DEFAULT")}),Y(r),r.nodes().forEach(function(t){t!==void 0&&r.node(t)!==void 0&&(i.debug("Node "+t+": "+JSON.stringify(r.node(t))),x.select("#"+(a.db.lookUpDomId(t)||t)).attr("transform","translate("+(r.node(t).x-r.node(t).width/2)+","+(r.node(t).y-r.node(t).height/2)+" )"))}),r.edges().forEach(function(t){t!==void 0&&r.edge(t)!==void 0&&(i.debug("Edge "+t.v+" -> "+t.w+": "+JSON.stringify(r.edge(t))),l.drawEdge(o,r.edge(t),r.edge(t).relation,c,a))});const f=o.node().getBBox(),E=f.width+m*2,b=f.height+m*2;H(o,b,E,c.useMaxWidth);const w=`${f.x-m} ${f.y-m} ${E} ${b}`;i.debug(`viewBox ${w}`),o.attr("viewBox",w)},B={draw:D},ft={parser:N,db:M,renderer:B,styles:W,init:e=>{e.class||(e.class={}),e.class.arrowMarkerAbsolute=e.arrowMarkerAbsolute,M.clear()}};export{ft as diagram};
//# sourceMappingURL=classDiagram-5e843ae7-f66be633.js.map

2
docs/assets/classDiagram-5e843ae7-c1ef8e36.js.map → docs/assets/classDiagram-5e843ae7-f66be633.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/classDiagram-v2-8c3b3e6a-f48f847c.js → docs/assets/classDiagram-v2-8c3b3e6a-189ae5f7.js
View file

@ -1,3 +1,3 @@
import{p as I,d as N,s as M}from"./styles-88ad4441-7b76855a.js";import{l as d,c,h as w,u as R,U as B,V as E,W as _,X as G,j as C}from"./intro.stories-a3a8c1fe.js";import{G as z}from"./layout-500d78a8.js";import{r as P}from"./index-4c4adb72-14459582.js";import"./dayjs.min-1b995edc.js";import"./chunk-S4VUQJ4A-ea782df4.js";import"./iframe-a0761ecd.js";import"../sb-preview/runtime.js";import"./index-cdc8a4d0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";import"./jsx-runtime-b3ad9f48.js";import"./_getTag-edecb89a.js";import"./isSymbol-50749e90.js";import"./isObject-32699ff3.js";import"./toString-25ea340b.js";import"./Table-9272328f.js";import"./parseCss-edeb1577.js";import"./index-d5a0ae09.js";import"./_color-087aa1f8.js";import"./index-4fcf5216.js";import"./_baseSet-db0c20a6.js";import"./now-bd49f550.js";import"./edges-b00f0ec2-f99f67fa.js";import"./createText-285e50b4-75065164.js";import"./svgDraw-5d8a058e-68d3b77d.js";import"./line-5cdca97a.js";import"./array-9f3ba611.js";import"./path-53f90ab3.js";const S=s=>C.sanitizeText(s,c());let k={dividerMargin:10,padding:5,textHeight:10,curve:void 0};const V=function(s,e,y,n){const t=Object.keys(s);d.info("keys:",t),d.info(s),t.forEach(function(i){var o,r;const l=s[i],p={shape:"rect",id:l.id,domId:l.domId,labelText:S(l.id),labelStyle:"",style:"fill: none; stroke: black",padding:((o=c().flowchart)==null?void 0:o.padding)??((r=c().class)==null?void 0:r.padding)};e.setNode(l.id,p),A(l.classes,e,y,n,l.id),d.info("setNode",p)})},A=function(s,e,y,n,t){const i=Object.keys(s);d.info("keys:",i),d.info(s),i.filter(o=>s[o].parent==t).forEach(function(o){var r,l;const a=s[o],p=a.cssClasses.join(" "),f={labelStyle:"",style:""},h=a.label??a.id,m=0,u="class_box",b={labelStyle:f.labelStyle,shape:u,labelText:S(h),classData:a,rx:m,ry:m,class:p,style:f.style,id:a.id,domId:a.domId,tooltip:n.db.getTooltip(a.id,t)||"",haveCallback:a.haveCallback,link:a.link,width:a.type==="group"?500:void 0,type:a.type,padding:((r=c().flowchart)==null?void 0:r.padding)??((l=c().class)==null?void 0:l.padding)};e.setNode(a.id,b),t&&e.setParent(a.id,t),d.info("setNode",b)})},W=function(s,e,y,n){d.info(s),s.forEach(function(t,i){var o,r;const l=t,a="",p={labelStyle:"",style:""},f=l.text,h=0,m="note",u={labelStyle:p.labelStyle,shape:m,labelText:S(f),noteData:l,rx:h,ry:h,class:a,style:p.style,id:l.id,domId:l.id,tooltip:"",type:"note",padding:((o=c().flowchart)==null?void 0:o.padding)??((r=c().class)==null?void 0:r.padding)};if(e.setNode(l.id,u),d.info("setNode",u),!l.class||!(l.class in n))return;const b=y+i,g={id:`edgeNote${b}`,classes:"relation",pattern:"dotted",arrowhead:"none",startLabelRight:"",endLabelLeft:"",arrowTypeStart:"none",arrowTypeEnd:"none",style:"fill:none",labelStyle:"",curve:E(k.curve,_)};e.setEdge(l.id,l.class,g,b)})},q=function(s,e){const y=c().flowchart;let n=0;s.forEach(function(t){var i;n++;const o={classes:"relation",pattern:t.relation.lineType==1?"dashed":"solid",id:"id"+n,arrowhead:t.type==="arrow_open"?"none":"normal",startLabelRight:t.relationTitle1==="none"?"":t.relationTitle1,endLabelLeft:t.relationTitle2==="none"?"":t.relationTitle2,arrowTypeStart:D(t.relation.type1),arrowTypeEnd:D(t.relation.type2),style:"fill:none",labelStyle:"",curve:E(y==null?void 0:y.curve,_)};if(d.info(o,t),t.style!==void 0){const r=G(t.style);o.style=r.style,o.labelStyle=r.labelStyle}t.text=t.title,t.text===void 0?t.style!==void 0&&(o.arrowheadStyle="fill: #333"):(o.arrowheadStyle="fill: #333",o.labelpos="c",((i=c().flowchart)==null?void 0:i.htmlLabels)??c().htmlLabels?(o.labelType="html",o.label='<span class="edgeLabel">'+t.text+"</span>"):(o.labelType="text",o.label=t.text.replace(C.lineBreakRegex,`
import{p as I,d as N,s as M}from"./styles-88ad4441-dedf44c1.js";import{l as d,c,h as w,u as R,U as B,V as E,W as _,X as G,j as C}from"./intro.stories-de1ba0ac.js";import{G as z}from"./layout-96037854.js";import{r as P}from"./index-4c4adb72-13059da4.js";import"./dayjs.min-1b995edc.js";import"./chunk-S4VUQJ4A-e77a1bf8.js";import"./iframe-3532bc3f.js";import"../sb-preview/runtime.js";import"./index-33b6ba46.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";import"./jsx-runtime-0eb16fb5.js";import"./_getTag-edecb89a.js";import"./isSymbol-50749e90.js";import"./isObject-32699ff3.js";import"./toString-25ea340b.js";import"./Table-0c38e0ef.js";import"./parseCss-94d9ae3f.js";import"./index-aac3df73.js";import"./_color-087aa1f8.js";import"./index-5cce2c7b.js";import"./_baseSet-db0c20a6.js";import"./now-bd49f550.js";import"./edges-b00f0ec2-d589eec0.js";import"./createText-285e50b4-b74a936a.js";import"./svgDraw-5d8a058e-b91d3414.js";import"./line-b3a566c6.js";import"./array-9f3ba611.js";import"./path-53f90ab3.js";const S=s=>C.sanitizeText(s,c());let k={dividerMargin:10,padding:5,textHeight:10,curve:void 0};const V=function(s,e,y,n){const t=Object.keys(s);d.info("keys:",t),d.info(s),t.forEach(function(i){var o,r;const l=s[i],p={shape:"rect",id:l.id,domId:l.domId,labelText:S(l.id),labelStyle:"",style:"fill: none; stroke: black",padding:((o=c().flowchart)==null?void 0:o.padding)??((r=c().class)==null?void 0:r.padding)};e.setNode(l.id,p),A(l.classes,e,y,n,l.id),d.info("setNode",p)})},A=function(s,e,y,n,t){const i=Object.keys(s);d.info("keys:",i),d.info(s),i.filter(o=>s[o].parent==t).forEach(function(o){var r,l;const a=s[o],p=a.cssClasses.join(" "),f={labelStyle:"",style:""},h=a.label??a.id,m=0,u="class_box",b={labelStyle:f.labelStyle,shape:u,labelText:S(h),classData:a,rx:m,ry:m,class:p,style:f.style,id:a.id,domId:a.domId,tooltip:n.db.getTooltip(a.id,t)||"",haveCallback:a.haveCallback,link:a.link,width:a.type==="group"?500:void 0,type:a.type,padding:((r=c().flowchart)==null?void 0:r.padding)??((l=c().class)==null?void 0:l.padding)};e.setNode(a.id,b),t&&e.setParent(a.id,t),d.info("setNode",b)})},W=function(s,e,y,n){d.info(s),s.forEach(function(t,i){var o,r;const l=t,a="",p={labelStyle:"",style:""},f=l.text,h=0,m="note",u={labelStyle:p.labelStyle,shape:m,labelText:S(f),noteData:l,rx:h,ry:h,class:a,style:p.style,id:l.id,domId:l.id,tooltip:"",type:"note",padding:((o=c().flowchart)==null?void 0:o.padding)??((r=c().class)==null?void 0:r.padding)};if(e.setNode(l.id,u),d.info("setNode",u),!l.class||!(l.class in n))return;const b=y+i,g={id:`edgeNote${b}`,classes:"relation",pattern:"dotted",arrowhead:"none",startLabelRight:"",endLabelLeft:"",arrowTypeStart:"none",arrowTypeEnd:"none",style:"fill:none",labelStyle:"",curve:E(k.curve,_)};e.setEdge(l.id,l.class,g,b)})},q=function(s,e){const y=c().flowchart;let n=0;s.forEach(function(t){var i;n++;const o={classes:"relation",pattern:t.relation.lineType==1?"dashed":"solid",id:"id"+n,arrowhead:t.type==="arrow_open"?"none":"normal",startLabelRight:t.relationTitle1==="none"?"":t.relationTitle1,endLabelLeft:t.relationTitle2==="none"?"":t.relationTitle2,arrowTypeStart:D(t.relation.type1),arrowTypeEnd:D(t.relation.type2),style:"fill:none",labelStyle:"",curve:E(y==null?void 0:y.curve,_)};if(d.info(o,t),t.style!==void 0){const r=G(t.style);o.style=r.style,o.labelStyle=r.labelStyle}t.text=t.title,t.text===void 0?t.style!==void 0&&(o.arrowheadStyle="fill: #333"):(o.arrowheadStyle="fill: #333",o.labelpos="c",((i=c().flowchart)==null?void 0:i.htmlLabels)??c().htmlLabels?(o.labelType="html",o.label='<span class="edgeLabel">'+t.text+"</span>"):(o.labelType="text",o.label=t.text.replace(C.lineBreakRegex,`
`),t.style===void 0&&(o.style=o.style||"stroke: #333; stroke-width: 1.5px;fill:none"),o.labelStyle=o.labelStyle.replace("color:","fill:"))),e.setEdge(t.id1,t.id2,o,n)})},F=function(s){k={...k,...s}},H=async function(s,e,y,n){d.info("Drawing class - ",e);const t=c().flowchart??c().class,i=c().securityLevel;d.info("config:",t);const o=(t==null?void 0:t.nodeSpacing)??50,r=(t==null?void 0:t.rankSpacing)??50,l=new z({multigraph:!0,compound:!0}).setGraph({rankdir:n.db.getDirection(),nodesep:o,ranksep:r,marginx:8,marginy:8}).setDefaultEdgeLabel(function(){return{}}),a=n.db.getNamespaces(),p=n.db.getClasses(),f=n.db.getRelations(),h=n.db.getNotes();d.info(f),V(a,l,e,n),A(p,l,e,n),q(f,l),W(h,l,f.length+1,p);let m;i==="sandbox"&&(m=w("#i"+e));const u=i==="sandbox"?w(m.nodes()[0].contentDocument.body):w("body"),b=u.select(`[id="${e}"]`),g=u.select("#"+e+" g");if(await P(g,l,["aggregation","extension","composition","dependency","lollipop"],"classDiagram",e),R.insertTitle(b,"classTitleText",(t==null?void 0:t.titleTopMargin)??5,n.db.getDiagramTitle()),B(l,b,t==null?void 0:t.diagramPadding,t==null?void 0:t.useMaxWidth),!(t!=null&&t.htmlLabels)){const T=i==="sandbox"?m.nodes()[0].contentDocument:document,$=T.querySelectorAll('[id="'+e+'"] .edgeLabel .label');for(const x of $){const L=x.getBBox(),v=T.createElementNS("http://www.w3.org/2000/svg","rect");v.setAttribute("rx",0),v.setAttribute("ry",0),v.setAttribute("width",L.width),v.setAttribute("height",L.height),x.insertBefore(v,x.firstChild)}}};function D(s){let e;switch(s){case 0:e="aggregation";break;case 1:e="extension";break;case 2:e="composition";break;case 3:e="dependency";break;case 4:e="lollipop";break;default:e="none"}return e}const U={setConf:F,draw:H},St={parser:I,db:N,renderer:U,styles:M,init:s=>{s.class||(s.class={}),s.class.arrowMarkerAbsolute=s.arrowMarkerAbsolute,N.clear()}};export{St as diagram};
//# sourceMappingURL=classDiagram-v2-8c3b3e6a-f48f847c.js.map
//# sourceMappingURL=classDiagram-v2-8c3b3e6a-189ae5f7.js.map

2
docs/assets/classDiagram-v2-8c3b3e6a-f48f847c.js.map → docs/assets/classDiagram-v2-8c3b3e6a-189ae5f7.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/component-guidelines.stories-03d5d7ee.js → docs/assets/component-guidelines.stories-6fb52b69.js
View file

@ -1,4 +1,4 @@
import{M as i}from"./chunk-S4VUQJ4A-ea782df4.js";import{p as o,j as e}from"./jsx-runtime-b3ad9f48.js";import{u as l}from"./index-4fcf5216.js";import"./iframe-a0761ecd.js";import"../sb-preview/runtime.js";import"./index-cdc8a4d0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";function s(t){const n=Object.assign({p:"p",img:"img",h1:"h1",h2:"h2",blockquote:"blockquote",a:"a",h3:"h3",h4:"h4",pre:"pre",code:"code",strong:"strong"},l(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Contributing/Component guidelines",parameters:{...o}}),`
import{M as i}from"./chunk-S4VUQJ4A-e77a1bf8.js";import{p as o,j as e}from"./jsx-runtime-0eb16fb5.js";import{u as l}from"./index-5cce2c7b.js";import"./iframe-3532bc3f.js";import"../sb-preview/runtime.js";import"./index-33b6ba46.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";function s(t){const n=Object.assign({p:"p",img:"img",h1:"h1",h2:"h2",blockquote:"blockquote",a:"a",h3:"h3",h4:"h4",pre:"pre",code:"code",strong:"strong"},l(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Contributing/Component guidelines",parameters:{...o}}),`
`,e.jsx(n.p,{children:e.jsx(n.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
`,e.jsx(n.h1,{id:"component-guidelines",children:"Component guidelines"}),`
`,e.jsx(n.h2,{id:"dependencies",children:"Dependencies"}),`
@ -117,4 +117,4 @@ import{M as i}from"./chunk-S4VUQJ4A-ea782df4.js";import{p as o,j as e}from"./jsx
}
</style>
`})})]})}function c(t={}){const{wrapper:n}=Object.assign({},l(),t.components);return n?e.jsx(n,{...t,children:e.jsx(s,{...t})}):s(t)}const p=()=>{throw new Error("Docs-only story")};p.parameters={docsOnly:!0};const r={title:"Contributing/Component guidelines",parameters:{...o},tags:["stories-mdx"],includeStories:["__page"]};r.parameters=r.parameters||{};r.parameters.docs={...r.parameters.docs||{},page:c};const b=["__page"];export{b as __namedExportsOrder,p as __page,r as default};
//# sourceMappingURL=component-guidelines.stories-03d5d7ee.js.map
//# sourceMappingURL=component-guidelines.stories-6fb52b69.js.map

2
docs/assets/component-guidelines.stories-03d5d7ee.js.map → docs/assets/component-guidelines.stories-6fb52b69.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/createText-285e50b4-75065164.js → docs/assets/createText-285e50b4-b74a936a.js
View file

File diff suppressed because one or more lines are too long

2
docs/assets/createText-285e50b4-75065164.js.map → docs/assets/createText-285e50b4-b74a936a.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/css-variables.stories-f6103a6a.js → docs/assets/css-variables.stories-f120b574.js
View file

@ -1,4 +1,4 @@
import{M as i}from"./chunk-S4VUQJ4A-ea782df4.js";import{p as t,j as e}from"./jsx-runtime-b3ad9f48.js";import{u as a}from"./index-4fcf5216.js";import"./iframe-a0761ecd.js";import"../sb-preview/runtime.js";import"./index-cdc8a4d0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";function o(n){const s=Object.assign({p:"p",img:"img",h1:"h1",a:"a",code:"code",strong:"strong",blockquote:"blockquote",h2:"h2",pre:"pre"},a(),n.components);return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Theming/CSS variables",parameters:{...t}}),`
import{M as i}from"./chunk-S4VUQJ4A-e77a1bf8.js";import{p as t,j as e}from"./jsx-runtime-0eb16fb5.js";import{u as a}from"./index-5cce2c7b.js";import"./iframe-3532bc3f.js";import"../sb-preview/runtime.js";import"./index-33b6ba46.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";function o(n){const s=Object.assign({p:"p",img:"img",h1:"h1",a:"a",code:"code",strong:"strong",blockquote:"blockquote",h2:"h2",pre:"pre"},a(),n.components);return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Theming/CSS variables",parameters:{...t}}),`
`,e.jsx(s.p,{children:e.jsx(s.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
`,e.jsx(s.h1,{id:"css-variables",children:"CSS variables"}),`
`,e.jsxs(s.p,{children:["The ",e.jsx(s.a,{href:"?path=/docs/components-theme--default",children:e.jsx(s.code,{children:"Theme"})})," component uses ",e.jsx(s.strong,{children:e.jsx(s.a,{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties",target:"_blank",rel:"nofollow noopener noreferrer",children:"CSS variables"})})," to control major parts of your page's theme."]}),`
@ -77,4 +77,4 @@ import{M as i}from"./chunk-S4VUQJ4A-ea782df4.js";import{p as t,j as e}from"./jsx
<!-- page stuff -->
</Theme>
`})})]})}function l(n={}){const{wrapper:s}=Object.assign({},a(),n.components);return s?e.jsx(s,{...n,children:e.jsx(o,{...n})}):o(n)}const c=()=>{throw new Error("Docs-only story")};c.parameters={docsOnly:!0};const r={title:"Theming/CSS variables",parameters:{...t},tags:["stories-mdx"],includeStories:["__page"]};r.parameters=r.parameters||{};r.parameters.docs={...r.parameters.docs||{},page:l};const y=["__page"];export{y as __namedExportsOrder,c as __page,r as default};
//# sourceMappingURL=css-variables.stories-f6103a6a.js.map
//# sourceMappingURL=css-variables.stories-f120b574.js.map

2
docs/assets/css-variables.stories-f6103a6a.js.map → docs/assets/css-variables.stories-f120b574.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/cssVariables.stories-d84b2e7f.js → docs/assets/cssVariables.stories-edfd59a7.js
View file

@ -1,4 +1,4 @@
import{M as i}from"./chunk-S4VUQJ4A-ea782df4.js";import{p as o,j as e}from"./jsx-runtime-b3ad9f48.js";import{u as a}from"./index-4fcf5216.js";import"./iframe-a0761ecd.js";import"../sb-preview/runtime.js";import"./index-cdc8a4d0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";function n(t){const s=Object.assign({p:"p",img:"img",h1:"h1",code:"code",a:"a",pre:"pre"},a(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Actions/cssVariables",parameters:{...o}}),`
import{M as i}from"./chunk-S4VUQJ4A-e77a1bf8.js";import{p as o,j as e}from"./jsx-runtime-0eb16fb5.js";import{u as a}from"./index-5cce2c7b.js";import"./iframe-3532bc3f.js";import"../sb-preview/runtime.js";import"./index-33b6ba46.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";function n(t){const s=Object.assign({p:"p",img:"img",h1:"h1",code:"code",a:"a",pre:"pre"},a(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Actions/cssVariables",parameters:{...o}}),`
`,e.jsx(s.p,{children:e.jsx(s.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
`,e.jsx(s.h1,{id:"cssvariables",children:e.jsx(s.code,{children:"cssVariables"})}),`
`,e.jsxs(s.p,{children:["An action you can use to easily set ",e.jsx(s.a,{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties",target:"_blank",rel:"nofollow noopener noreferrer",children:"CSS variables"})," on HTML elements. Useful for passing JavaScript values to your component SCSS like this:"]}),`
@ -32,4 +32,4 @@ import{M as i}from"./chunk-S4VUQJ4A-ea782df4.js";import{p as o,j as e}from"./jsx
}
</style>
`})})]})}function c(t={}){const{wrapper:s}=Object.assign({},a(),t.components);return s?e.jsx(s,{...t,children:e.jsx(n,{...t})}):n(t)}const l=()=>{throw new Error("Docs-only story")};l.parameters={docsOnly:!0};const r={title:"Actions/cssVariables",parameters:{...o},tags:["stories-mdx"],includeStories:["__page"]};r.parameters=r.parameters||{};r.parameters.docs={...r.parameters.docs||{},page:c};const b=["__page"];export{b as __namedExportsOrder,l as __page,r as default};
//# sourceMappingURL=cssVariables.stories-d84b2e7f.js.map
//# sourceMappingURL=cssVariables.stories-edfd59a7.js.map

2
docs/assets/cssVariables.stories-d84b2e7f.js.map → docs/assets/cssVariables.stories-edfd59a7.js.map
View file

@ -1 +1 @@
{"version":3,"file":"cssVariables.stories-d84b2e7f.js","sources":["../../src/actions/cssVariables/cssVariables.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"Actions/cssVariables\" parameters={{ ...parameters }} />\n\n![](https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg)\n\n# `cssVariables`\n\nAn action you can use to easily set [CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) on HTML elements. Useful for passing JavaScript values to your component SCSS like this:\n\n```svelte\n<script>\n import { cssVariables } from '@reuters-graphics/graphics-components';\n\n export let height = 300;\n export let textColour = 'red';\n\n // Create an object of variable names and CSS values...\n $: variables = {\n height: height + 'px',\n textColour: textColour,\n };\n</script>\n\n<!-- Attach it to a parent element with the action -->\n<div use:cssVariables=\"{variables}\">\n <p>My text...</p>\n</div>\n\n<style lang=\"scss\">\n /**\n * Now use your variables in your SCSS!\n */\n div {\n height: var(--height);\n p {\n color: var(--textColour);\n }\n }\n</style>\n```\n"],"names":["_createMdxContent","props","_components","_provideComponents","_jsxs","_Fragment","_jsx","Meta","parameters","MDXContent","MDXLayout","__page","componentMeta","__namedExportsOrder"],"mappings":"mWAMA,SAASA,EAAkBC,EAAO,CAChC,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,KACJ,KAAM,OACN,EAAG,IACH,IAAK,KACN,EAAEC,EAAoB,EAAEF,EAAM,UAAU,EACzC,OAAoBG,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcC,EAAI,IAACC,EAAM,CACjC,MAAO,uBACP,WAAY,CACV,GAAGC,CACJ,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKJ,EAAY,EAAG,CACzC,SAAuBI,EAAAA,IAAKJ,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACb,CAAO,CACF,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,GAAI,CAC1C,GAAI,eACJ,SAAuBI,EAAAA,IAAKJ,EAAY,KAAM,CAC5C,SAAU,cAClB,CAAO,CACF,CAAA,EAAG;AAAA,EAAmBE,OAAMF,EAAY,EAAG,CAC1C,SAAU,CAAC,uCAAqDI,MAAKJ,EAAY,EAAG,CAClF,KAAM,+EACN,OAAQ,SACR,IAAK,+BACL,SAAU,eACX,CAAA,EAAG,2FAA2F,CAChG,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,IAAK,CAC3C,SAAuBI,EAAAA,IAAKJ,EAAY,KAAM,CAC5C,UAAW,kBACX,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAClB,CAAO,CACP,CAAK,CAAC,CACN,CAAG,CACH,CACA,SAASO,EAAWR,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASS,CACb,EAAM,OAAO,OAAO,CAAE,EAAEP,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOS,EAAyBJ,EAAI,IAACI,EAAW,CAC9C,GAAGT,EACH,SAAuBK,EAAI,IAACN,EAAmB,CAC7C,GAAGC,CACT,CAAK,CACL,CAAG,EAAID,EAAkBC,CAAK,CAC9B,CAEY,MAACU,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,uBACP,WAAY,CACV,GAAGJ,CACJ,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAI,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAC9B,GAAIA,EAAc,WAAW,MAAQ,GACrC,KAAMH,CACR,EAC4B,MAAAI,EAAA,CAAA,QAAA"}
{"version":3,"file":"cssVariables.stories-edfd59a7.js","sources":["../../src/actions/cssVariables/cssVariables.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"Actions/cssVariables\" parameters={{ ...parameters }} />\n\n![](https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg)\n\n# `cssVariables`\n\nAn action you can use to easily set [CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) on HTML elements. Useful for passing JavaScript values to your component SCSS like this:\n\n```svelte\n<script>\n import { cssVariables } from '@reuters-graphics/graphics-components';\n\n export let height = 300;\n export let textColour = 'red';\n\n // Create an object of variable names and CSS values...\n $: variables = {\n height: height + 'px',\n textColour: textColour,\n };\n</script>\n\n<!-- Attach it to a parent element with the action -->\n<div use:cssVariables=\"{variables}\">\n <p>My text...</p>\n</div>\n\n<style lang=\"scss\">\n /**\n * Now use your variables in your SCSS!\n */\n div {\n height: var(--height);\n p {\n color: var(--textColour);\n }\n }\n</style>\n```\n"],"names":["_createMdxContent","props","_components","_provideComponents","_jsxs","_Fragment","_jsx","Meta","parameters","MDXContent","MDXLayout","__page","componentMeta","__namedExportsOrder"],"mappings":"mWAMA,SAASA,EAAkBC,EAAO,CAChC,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,KACJ,KAAM,OACN,EAAG,IACH,IAAK,KACN,EAAEC,EAAoB,EAAEF,EAAM,UAAU,EACzC,OAAoBG,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcC,EAAI,IAACC,EAAM,CACjC,MAAO,uBACP,WAAY,CACV,GAAGC,CACJ,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKJ,EAAY,EAAG,CACzC,SAAuBI,EAAAA,IAAKJ,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACb,CAAO,CACF,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,GAAI,CAC1C,GAAI,eACJ,SAAuBI,EAAAA,IAAKJ,EAAY,KAAM,CAC5C,SAAU,cAClB,CAAO,CACF,CAAA,EAAG;AAAA,EAAmBE,OAAMF,EAAY,EAAG,CAC1C,SAAU,CAAC,uCAAqDI,MAAKJ,EAAY,EAAG,CAClF,KAAM,+EACN,OAAQ,SACR,IAAK,+BACL,SAAU,eACX,CAAA,EAAG,2FAA2F,CAChG,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,IAAK,CAC3C,SAAuBI,EAAAA,IAAKJ,EAAY,KAAM,CAC5C,UAAW,kBACX,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAClB,CAAO,CACP,CAAK,CAAC,CACN,CAAG,CACH,CACA,SAASO,EAAWR,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASS,CACb,EAAM,OAAO,OAAO,CAAE,EAAEP,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOS,EAAyBJ,EAAI,IAACI,EAAW,CAC9C,GAAGT,EACH,SAAuBK,EAAI,IAACN,EAAmB,CAC7C,GAAGC,CACT,CAAK,CACL,CAAG,EAAID,EAAkBC,CAAK,CAC9B,CAEY,MAACU,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,uBACP,WAAY,CACV,GAAGJ,CACJ,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAI,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAC9B,GAAIA,EAAc,WAAW,MAAQ,GACrC,KAAMH,CACR,EAC4B,MAAAI,EAAA,CAAA,QAAA"}

4
docs/assets/customising-with-scss.stories-78da9992.js → docs/assets/customising-with-scss.stories-d96be1a2.js
View file

@ -1,4 +1,4 @@
import{M as a}from"./chunk-S4VUQJ4A-ea782df4.js";import{p as o,j as e}from"./jsx-runtime-b3ad9f48.js";import{u as i}from"./index-4fcf5216.js";import"./iframe-a0761ecd.js";import"../sb-preview/runtime.js";import"./index-cdc8a4d0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";const c=""+new URL("scss-start-2a80c71b.png",import.meta.url).href,h=""+new URL("scss-highlight-be092e13.png",import.meta.url).href,l=""+new URL("scss-inspector-ad61f9f6.png",import.meta.url).href,d=""+new URL("scss-change-08eee85b.png",import.meta.url).href,p=""+new URL("scss-test-248bae69.png",import.meta.url).href,m=""+new URL("scss-winning-4f1df231.png",import.meta.url).href;function r(t){const s=Object.assign({p:"p",img:"img",h1:"h1",h2:"h2",code:"code",em:"em",pre:"pre",h4:"h4",strong:"strong"},i(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(a,{title:"Guides/Customising components with SCSS",parameters:{...o}}),`
import{M as a}from"./chunk-S4VUQJ4A-e77a1bf8.js";import{p as o,j as e}from"./jsx-runtime-0eb16fb5.js";import{u as i}from"./index-5cce2c7b.js";import"./iframe-3532bc3f.js";import"../sb-preview/runtime.js";import"./index-33b6ba46.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";const c=""+new URL("scss-start-2a80c71b.png",import.meta.url).href,h=""+new URL("scss-highlight-be092e13.png",import.meta.url).href,l=""+new URL("scss-inspector-ad61f9f6.png",import.meta.url).href,d=""+new URL("scss-change-08eee85b.png",import.meta.url).href,p=""+new URL("scss-test-248bae69.png",import.meta.url).href,m=""+new URL("scss-winning-4f1df231.png",import.meta.url).href;function r(t){const s=Object.assign({p:"p",img:"img",h1:"h1",h2:"h2",code:"code",em:"em",pre:"pre",h4:"h4",strong:"strong"},i(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(a,{title:"Guides/Customising components with SCSS",parameters:{...o}}),`
`,e.jsx(s.p,{children:e.jsx(s.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
`,e.jsx(s.h1,{id:"customising-components-with-scss",children:"Customising components with SCSS"}),`
`,e.jsx(s.p,{children:"One of the most powerful ways to customise components isn't props or, even, Svelte."}),`
@ -40,4 +40,4 @@ import{M as a}from"./chunk-S4VUQJ4A-ea782df4.js";import{p as o,j as e}from"./jsx
`,e.jsx(s.p,{children:"Done!"}),`
`,e.jsxs(s.h4,{id:"can-i-just-important-it",children:["Can I just... ",e.jsx(s.code,{children:"important!"})," it?"]}),`
`,e.jsxs(s.p,{children:["Yep, as a last result. Just be sure your style rule is ",e.jsx(s.strong,{children:"very specific"})," and not something generic that might apply to other elements like ",e.jsx(s.code,{children:"div.container"}),"."]})]})}function g(t={}){const{wrapper:s}=Object.assign({},i(),t.components);return s?e.jsx(s,{...t,children:e.jsx(r,{...t})}):r(t)}const u=()=>{throw new Error("Docs-only story")};u.parameters={docsOnly:!0};const n={title:"Guides/Customising components with SCSS",parameters:{...o},tags:["stories-mdx"],includeStories:["__page"]};n.parameters=n.parameters||{};n.parameters.docs={...n.parameters.docs||{},page:g};const I=["__page"];export{I as __namedExportsOrder,u as __page,n as default};
//# sourceMappingURL=customising-with-scss.stories-78da9992.js.map
//# sourceMappingURL=customising-with-scss.stories-d96be1a2.js.map

2
docs/assets/customising-with-scss.stories-78da9992.js.map → docs/assets/customising-with-scss.stories-d96be1a2.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/edges-b00f0ec2-f99f67fa.js → docs/assets/edges-b00f0ec2-d589eec0.js
View file

File diff suppressed because one or more lines are too long

2
docs/assets/edges-b00f0ec2-f99f67fa.js.map → docs/assets/edges-b00f0ec2-d589eec0.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/erDiagram-0ccc0425-b3b463c1.js → docs/assets/erDiagram-0ccc0425-77a45e0a.js
View file

File diff suppressed because one or more lines are too long

2
docs/assets/erDiagram-0ccc0425-b3b463c1.js.map → docs/assets/erDiagram-0ccc0425-77a45e0a.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/flowDb-8f9fc471-25d2a703.js → docs/assets/flowDb-8f9fc471-19b6935b.js
View file

File diff suppressed because one or more lines are too long

2
docs/assets/flowDb-8f9fc471-25d2a703.js.map → docs/assets/flowDb-8f9fc471-19b6935b.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/flowDiagram-698c8d5d-e58221fa.js → docs/assets/flowDiagram-698c8d5d-ec37b95f.js
View file

File diff suppressed because one or more lines are too long

2
docs/assets/flowDiagram-698c8d5d-e58221fa.js.map → docs/assets/flowDiagram-698c8d5d-ec37b95f.js.map
View file

File diff suppressed because one or more lines are too long

2
docs/assets/flowDiagram-v2-d6437390-7898de4f.js Normal file
View file

@ -0,0 +1,2 @@
import{p as i,f as o}from"./flowDb-8f9fc471-19b6935b.js";import{f as t,a as m}from"./styles-ff678862-7c91904f.js";import{z as p}from"./intro.stories-de1ba0ac.js";import"./layout-96037854.js";import"./dayjs.min-1b995edc.js";import"./index-4c4adb72-13059da4.js";import"./_baseSet-db0c20a6.js";import"./_getTag-edecb89a.js";import"./isSymbol-50749e90.js";import"./isObject-32699ff3.js";import"./toString-25ea340b.js";import"./edges-b00f0ec2-d589eec0.js";import"./createText-285e50b4-b74a936a.js";import"./index-356e4a49.js";import"./svgDraw-5d8a058e-b91d3414.js";import"./line-b3a566c6.js";import"./array-9f3ba611.js";import"./path-53f90ab3.js";import"./chunk-S4VUQJ4A-e77a1bf8.js";import"./iframe-3532bc3f.js";import"../sb-preview/runtime.js";import"./index-33b6ba46.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./jsx-runtime-0eb16fb5.js";import"./Table-0c38e0ef.js";import"./parseCss-94d9ae3f.js";import"./index-aac3df73.js";import"./_color-087aa1f8.js";import"./index-5cce2c7b.js";import"./now-bd49f550.js";const H={parser:i,db:o,renderer:t,styles:m,init:r=>{r.flowchart||(r.flowchart={}),r.flowchart.arrowMarkerAbsolute=r.arrowMarkerAbsolute,p({flowchart:{arrowMarkerAbsolute:r.arrowMarkerAbsolute}}),t.setConf(r.flowchart),o.clear(),o.setGen("gen-2")}};export{H as diagram};
//# sourceMappingURL=flowDiagram-v2-d6437390-7898de4f.js.map

2
docs/assets/flowDiagram-v2-d6437390-cd3e8b87.js.map → docs/assets/flowDiagram-v2-d6437390-7898de4f.js.map
View file

@ -1 +1 @@
{"version":3,"file":"flowDiagram-v2-d6437390-cd3e8b87.js","sources":["../../node_modules/mermaid/dist/flowDiagram-v2-d6437390.js"],"sourcesContent":["import { p as parser, f as flowDb } from \"./flowDb-8f9fc471.js\";\nimport { f as flowRendererV2, a as flowStyles } from \"./styles-ff678862.js\";\nimport { q as setConfig } from \"./mermaid-a98f434b.js\";\nimport \"d3\";\nimport \"dagre-d3-es/src/graphlib/index.js\";\nimport \"./index-4c4adb72.js\";\nimport \"dagre-d3-es/src/dagre/index.js\";\nimport \"dagre-d3-es/src/graphlib/json.js\";\nimport \"./edges-b00f0ec2.js\";\nimport \"./createText-285e50b4.js\";\nimport \"mdast-util-from-markdown\";\nimport \"ts-dedent\";\nimport \"./svgDraw-5d8a058e.js\";\nimport \"dagre-d3-es/src/dagre-js/label/add-html-label.js\";\nimport \"khroma\";\nimport \"dayjs\";\nimport \"@braintree/sanitize-url\";\nimport \"dompurify\";\nimport \"lodash-es/memoize.js\";\nimport \"stylis\";\nimport \"lodash-es/isEmpty.js\";\nconst diagram = {\n parser,\n db: flowDb,\n renderer: flowRendererV2,\n styles: flowStyles,\n init: (cnf) => {\n if (!cnf.flowchart) {\n cnf.flowchart = {};\n }\n cnf.flowchart.arrowMarkerAbsolute = cnf.arrowMarkerAbsolute;\n setConfig({ flowchart: { arrowMarkerAbsolute: cnf.arrowMarkerAbsolute } });\n flowRendererV2.setConf(cnf.flowchart);\n flowDb.clear();\n flowDb.setGen(\"gen-2\");\n }\n};\nexport {\n diagram\n};\n"],"names":["diagram","parser","flowDb","flowRendererV2","flowStyles","cnf","setConfig"],"mappings":"4iCAqBK,MAACA,EAAU,CAChB,OAAEC,EACA,GAAIC,EACJ,SAAUC,EACV,OAAQC,EACR,KAAOC,GAAQ,CACRA,EAAI,YACPA,EAAI,UAAY,IAElBA,EAAI,UAAU,oBAAsBA,EAAI,oBACxCC,EAAU,CAAE,UAAW,CAAE,oBAAqBD,EAAI,mBAAqB,CAAA,CAAE,EACzEF,EAAe,QAAQE,EAAI,SAAS,EACpCH,EAAO,MAAK,EACZA,EAAO,OAAO,OAAO,CACtB,CACH","x_google_ignoreList":[0]}
{"version":3,"file":"flowDiagram-v2-d6437390-7898de4f.js","sources":["../../node_modules/mermaid/dist/flowDiagram-v2-d6437390.js"],"sourcesContent":["import { p as parser, f as flowDb } from \"./flowDb-8f9fc471.js\";\nimport { f as flowRendererV2, a as flowStyles } from \"./styles-ff678862.js\";\nimport { q as setConfig } from \"./mermaid-a98f434b.js\";\nimport \"d3\";\nimport \"dagre-d3-es/src/graphlib/index.js\";\nimport \"./index-4c4adb72.js\";\nimport \"dagre-d3-es/src/dagre/index.js\";\nimport \"dagre-d3-es/src/graphlib/json.js\";\nimport \"./edges-b00f0ec2.js\";\nimport \"./createText-285e50b4.js\";\nimport \"mdast-util-from-markdown\";\nimport \"ts-dedent\";\nimport \"./svgDraw-5d8a058e.js\";\nimport \"dagre-d3-es/src/dagre-js/label/add-html-label.js\";\nimport \"khroma\";\nimport \"dayjs\";\nimport \"@braintree/sanitize-url\";\nimport \"dompurify\";\nimport \"lodash-es/memoize.js\";\nimport \"stylis\";\nimport \"lodash-es/isEmpty.js\";\nconst diagram = {\n parser,\n db: flowDb,\n renderer: flowRendererV2,\n styles: flowStyles,\n init: (cnf) => {\n if (!cnf.flowchart) {\n cnf.flowchart = {};\n }\n cnf.flowchart.arrowMarkerAbsolute = cnf.arrowMarkerAbsolute;\n setConfig({ flowchart: { arrowMarkerAbsolute: cnf.arrowMarkerAbsolute } });\n flowRendererV2.setConf(cnf.flowchart);\n flowDb.clear();\n flowDb.setGen(\"gen-2\");\n }\n};\nexport {\n diagram\n};\n"],"names":["diagram","parser","flowDb","flowRendererV2","flowStyles","cnf","setConfig"],"mappings":"4iCAqBK,MAACA,EAAU,CAChB,OAAEC,EACA,GAAIC,EACJ,SAAUC,EACV,OAAQC,EACR,KAAOC,GAAQ,CACRA,EAAI,YACPA,EAAI,UAAY,IAElBA,EAAI,UAAU,oBAAsBA,EAAI,oBACxCC,EAAU,CAAE,UAAW,CAAE,oBAAqBD,EAAI,mBAAqB,CAAA,CAAE,EACzEF,EAAe,QAAQE,EAAI,SAAS,EACpCH,EAAO,MAAK,EACZA,EAAO,OAAO,OAAO,CACtB,CACH","x_google_ignoreList":[0]}

2
docs/assets/flowDiagram-v2-d6437390-cd3e8b87.js
View file

@ -1,2 +0,0 @@
import{p as i,f as o}from"./flowDb-8f9fc471-25d2a703.js";import{f as t,a as m}from"./styles-ff678862-7b031ccd.js";import{z as p}from"./intro.stories-a3a8c1fe.js";import"./layout-500d78a8.js";import"./dayjs.min-1b995edc.js";import"./index-4c4adb72-14459582.js";import"./_baseSet-db0c20a6.js";import"./_getTag-edecb89a.js";import"./isSymbol-50749e90.js";import"./isObject-32699ff3.js";import"./toString-25ea340b.js";import"./edges-b00f0ec2-f99f67fa.js";import"./createText-285e50b4-75065164.js";import"./index-356e4a49.js";import"./svgDraw-5d8a058e-68d3b77d.js";import"./line-5cdca97a.js";import"./array-9f3ba611.js";import"./path-53f90ab3.js";import"./chunk-S4VUQJ4A-ea782df4.js";import"./iframe-a0761ecd.js";import"../sb-preview/runtime.js";import"./index-cdc8a4d0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./jsx-runtime-b3ad9f48.js";import"./Table-9272328f.js";import"./parseCss-edeb1577.js";import"./index-d5a0ae09.js";import"./_color-087aa1f8.js";import"./index-4fcf5216.js";import"./now-bd49f550.js";const H={parser:i,db:o,renderer:t,styles:m,init:r=>{r.flowchart||(r.flowchart={}),r.flowchart.arrowMarkerAbsolute=r.arrowMarkerAbsolute,p({flowchart:{arrowMarkerAbsolute:r.arrowMarkerAbsolute}}),t.setConf(r.flowchart),o.clear(),o.setGen("gen-2")}};export{H as diagram};
//# sourceMappingURL=flowDiagram-v2-d6437390-cd3e8b87.js.map

4
docs/assets/flowchart-elk-definition-6f4e6aa0-a77e27b3.js → docs/assets/flowchart-elk-definition-6f4e6aa0-bf10c999.js
View file

File diff suppressed because one or more lines are too long

2
docs/assets/flowchart-elk-definition-6f4e6aa0-a77e27b3.js.map → docs/assets/flowchart-elk-definition-6f4e6aa0-bf10c999.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/formatter-SWP5E3XI-e26dc13d.js → docs/assets/formatter-SWP5E3XI-eb609ae3.js
View file

File diff suppressed because one or more lines are too long

2
docs/assets/formatter-SWP5E3XI-e26dc13d.js.map → docs/assets/formatter-SWP5E3XI-eb609ae3.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/ganttDiagram-60845bff-c379e128.js → docs/assets/ganttDiagram-60845bff-6c441408.js
View file

File diff suppressed because one or more lines are too long

2
docs/assets/ganttDiagram-60845bff-c379e128.js.map → docs/assets/ganttDiagram-60845bff-6c441408.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/getting-help.stories-ab9345f0.js → docs/assets/getting-help.stories-8c1aebbe.js
View file

@ -1,4 +1,4 @@
import{M as a}from"./chunk-S4VUQJ4A-ea782df4.js";import{p as t,j as e}from"./jsx-runtime-b3ad9f48.js";import{u as i}from"./index-4fcf5216.js";import"./iframe-a0761ecd.js";import"../sb-preview/runtime.js";import"./index-cdc8a4d0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";function n(s){const r=Object.assign({p:"p",img:"img",h1:"h1",strong:"strong",em:"em",hr:"hr",h3:"h3",a:"a"},i(),s.components);return e.jsxs(e.Fragment,{children:[e.jsx(a,{title:"Guides/Getting help",parameters:{...t}}),`
import{M as a}from"./chunk-S4VUQJ4A-e77a1bf8.js";import{p as t,j as e}from"./jsx-runtime-0eb16fb5.js";import{u as i}from"./index-5cce2c7b.js";import"./iframe-3532bc3f.js";import"../sb-preview/runtime.js";import"./index-33b6ba46.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";function n(s){const r=Object.assign({p:"p",img:"img",h1:"h1",strong:"strong",em:"em",hr:"hr",h3:"h3",a:"a"},i(),s.components);return e.jsxs(e.Fragment,{children:[e.jsx(a,{title:"Guides/Getting help",parameters:{...t}}),`
`,e.jsx(r.p,{children:e.jsx(r.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
`,e.jsx(r.h1,{id:"getting-help",children:"Getting help"}),`
`,e.jsxs(r.p,{children:["🚨 ",e.jsx(r.strong,{children:"If you're on deadline"}),", talk to your editor who can point you to the nearest developer."]}),`
@ -12,4 +12,4 @@ import{M as a}from"./chunk-S4VUQJ4A-ea782df4.js";import{p as t,j as e}from"./jsx
`,e.jsx(r.hr,{}),`
`,e.jsx(r.h3,{id:"have-an-idea-for-a-new-component-or-how-to-improve-an-existing-one",children:"Have an idea for a new component or how to improve an existing one?"}),`
`,e.jsxs(r.p,{children:["🏷️ ",e.jsx(r.a,{href:"https://github.com/reuters-graphics/graphics-components/issues/new?labels=%F0%9F%9A%80%20new%20feature&assignees=hobbes7878",target:"_blank",rel:"nofollow noopener noreferrer",children:"Click here"})," and tell us more."]})]})}function h(s={}){const{wrapper:r}=Object.assign({},i(),s.components);return r?e.jsx(r,{...s,children:e.jsx(n,{...s})}):n(s)}const c=()=>{throw new Error("Docs-only story")};c.parameters={docsOnly:!0};const o={title:"Guides/Getting help",parameters:{...t},tags:["stories-mdx"],includeStories:["__page"]};o.parameters=o.parameters||{};o.parameters.docs={...o.parameters.docs||{},page:h};const b=["__page"];export{b as __namedExportsOrder,c as __page,o as default};
//# sourceMappingURL=getting-help.stories-ab9345f0.js.map
//# sourceMappingURL=getting-help.stories-8c1aebbe.js.map

2
docs/assets/getting-help.stories-ab9345f0.js.map → docs/assets/getting-help.stories-8c1aebbe.js.map
View file

@ -1 +1 @@
{"version":3,"file":"getting-help.stories-ab9345f0.js","sources":["../../src/docs/guides/getting-help.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"Guides/Getting help\" parameters={{ ...parameters }} />\n\n![](https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg)\n\n# Getting help\n\n🚨 **If you're on deadline**, talk to your editor who can point you to the nearest developer.\n\nIf you're _off_ deadline, we use GitHub issues to track things that need fixing up or could be improved. Use one of the links below to create a new issue.\n\n---\n\n### Is something wrong in the code?\n\n🏷️ [Click here](https://github.com/reuters-graphics/graphics-components/issues/new?labels=%F0%9F%90%9B%20bug&assignees=hobbes7878) to create an issue on GitHub and report any bugs you've found. It's **very** helpful if you also share a link to any repo you're working in where you've spotted the bug.\n\n---\n\n### Is something wrong in the docs?\n\n🏷️ [Click here](https://github.com/reuters-graphics/graphics-components/issues/new?labels=%F0%9F%93%9A%20documentation&assignees=hobbes7878) and tell us which docs are incorrect, unclear or could otherwise be improved.\n\n---\n\n### Have an idea for a new component or how to improve an existing one?\n\n🏷️ [Click here](https://github.com/reuters-graphics/graphics-components/issues/new?labels=%F0%9F%9A%80%20new%20feature&assignees=hobbes7878) and tell us more.\n"],"names":["_createMdxContent","props","_components","_provideComponents","_jsxs","_Fragment","_jsx","Meta","parameters","MDXContent","MDXLayout","__page","componentMeta","__namedExportsOrder"],"mappings":"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"}
{"version":3,"file":"getting-help.stories-8c1aebbe.js","sources":["../../src/docs/guides/getting-help.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"Guides/Getting help\" parameters={{ ...parameters }} />\n\n![](https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg)\n\n# Getting help\n\n🚨 **If you're on deadline**, talk to your editor who can point you to the nearest developer.\n\nIf you're _off_ deadline, we use GitHub issues to track things that need fixing up or could be improved. Use one of the links below to create a new issue.\n\n---\n\n### Is something wrong in the code?\n\n🏷️ [Click here](https://github.com/reuters-graphics/graphics-components/issues/new?labels=%F0%9F%90%9B%20bug&assignees=hobbes7878) to create an issue on GitHub and report any bugs you've found. It's **very** helpful if you also share a link to any repo you're working in where you've spotted the bug.\n\n---\n\n### Is something wrong in the docs?\n\n🏷️ [Click here](https://github.com/reuters-graphics/graphics-components/issues/new?labels=%F0%9F%93%9A%20documentation&assignees=hobbes7878) and tell us which docs are incorrect, unclear or could otherwise be improved.\n\n---\n\n### Have an idea for a new component or how to improve an existing one?\n\n🏷️ [Click here](https://github.com/reuters-graphics/graphics-components/issues/new?labels=%F0%9F%9A%80%20new%20feature&assignees=hobbes7878) and tell us more.\n"],"names":["_createMdxContent","props","_components","_provideComponents","_jsxs","_Fragment","_jsx","Meta","parameters","MDXContent","MDXLayout","__page","componentMeta","__namedExportsOrder"],"mappings":"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"}

4
docs/assets/gitGraphDiagram-a13ae597-d72ac857.js → docs/assets/gitGraphDiagram-a13ae597-179be4ac.js
View file

File diff suppressed because one or more lines are too long

2
docs/assets/gitGraphDiagram-a13ae597-d72ac857.js.map → docs/assets/gitGraphDiagram-a13ae597-179be4ac.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/google-docs.stories-ae77241d.js → docs/assets/google-docs.stories-848086a2.js
View file

@ -1,4 +1,4 @@
import{M as i}from"./chunk-S4VUQJ4A-ea782df4.js";import{p as r,j as e}from"./jsx-runtime-b3ad9f48.js";import{u as a}from"./index-4fcf5216.js";import"./iframe-a0761ecd.js";import"../sb-preview/runtime.js";import"./index-cdc8a4d0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";function s(t){const o=Object.assign({p:"p",img:"img",h1:"h1",code:"code",pre:"pre"},a(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Guides/Using with Google docs",parameters:{...r}}),`
import{M as i}from"./chunk-S4VUQJ4A-e77a1bf8.js";import{p as r,j as e}from"./jsx-runtime-0eb16fb5.js";import{u as a}from"./index-5cce2c7b.js";import"./iframe-3532bc3f.js";import"../sb-preview/runtime.js";import"./index-33b6ba46.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";function s(t){const o=Object.assign({p:"p",img:"img",h1:"h1",code:"code",pre:"pre"},a(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Guides/Using with Google docs",parameters:{...r}}),`
`,e.jsx(o.p,{children:e.jsx(o.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
`,e.jsx(o.h1,{id:"using-with-google-docs",children:"Using with Google docs"}),`
`,e.jsx(o.p,{children:"Most of the default examples in these docs show how to use components by passing data into them directly through props. In the Kit, though, you likely won't be hard-coding things like text strings in your code and instead will get them from a Google Doc."}),`
@ -53,4 +53,4 @@ Staff: true
{/each}
`})}),`
`,e.jsxs(o.p,{children:["Notice how we're coercing some of our data from strings into other data types: a boolean for ",e.jsx(o.code,{children:"isStaff"}),", a date for ",e.jsx(o.code,{children:"birthday"})," and an absolute path for ",e.jsx(o.code,{children:"img"}),"."]})]})}function c(t={}){const{wrapper:o}=Object.assign({},a(),t.components);return o?e.jsx(o,{...t,children:e.jsx(s,{...t})}):s(t)}const l=()=>{throw new Error("Docs-only story")};l.parameters={docsOnly:!0};const n={title:"Guides/Using with Google docs",parameters:{...r},tags:["stories-mdx"],includeStories:["__page"]};n.parameters=n.parameters||{};n.parameters.docs={...n.parameters.docs||{},page:c};const b=["__page"];export{b as __namedExportsOrder,l as __page,n as default};
//# sourceMappingURL=google-docs.stories-ae77241d.js.map
//# sourceMappingURL=google-docs.stories-848086a2.js.map

2
docs/assets/google-docs.stories-ae77241d.js.map → docs/assets/google-docs.stories-848086a2.js.map
View file

@ -1 +1 @@
{"version":3,"file":"google-docs.stories-ae77241d.js","sources":["../../src/docs/guides/google-docs.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"Guides/Using with Google docs\" parameters={{ ...parameters }} />\n\n![](https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg)\n\n# Using with Google docs\n\nMost of the default examples in these docs show how to use components by passing data into them directly through props. In the Kit, though, you likely won't be hard-coding things like text strings in your code and instead will get them from a Google Doc.\n\nIt's usually easy to use a Google Doc to fill in the props for our components, but it may mean you need to write a tiny bit of code to translate strings from a doc into the data type our component's props expect.\n\nLet's look at a basic component, a `ProfileCard`, with a demo that looks like this in the docs:\n\n```svelte\n<script>\n import { ProfileCard } from '@reuters-graphics/graphics-components';\n</script>\n\n<ProfileCard\n name=\"Tom\"\n img=\"https://cats.com/cat1.jpg\"\n birthday=\"{new Date('2020-09-25')}\"\n bio=\"Some notes.\\n\\nWith multiple paragraphs.\"\n isStaff=\"{true}\"\n/>\n```\n\nThe data for the component's props includes strings, a date and a boolean.\n\nIn our Google doc, we might fill out a block for this component like this:\n\n```yaml\nType: profile-card\nName: Tom\nImage: images/tom-the-cat.jpg\nBirthday: 2020-09-25\nBio: Some notes.\n\nWith multiple paragraphs.\n:end\nStaff: true\n```\n\nNow we can tie that data into your blocks loop like this:\n\n```svelte\n<script>\n // These are usually already imported for you\n import { assets } from '$app/paths';\n import content from '$locales/en/content.json';\n\n import { ProfileCard } from '@reuters-graphics/graphics-components';\n</script>\n\n{#each content.blocks as block}\n <!-- ... -->\n\n {:else if block.Type === 'profile-card'}\n <ProfileCard\n name=\"{block.Name}\"\n img={`${assets}/${block.Image}`}\n birthday={new Date(block.Birthday)}\n bio=\"{block.Bio}\"\n isStaff={block.Staff === 'true'}\n />\n\n <!-- ... -->\n{/each}\n```\n\nNotice how we're coercing some of our data from strings into other data types: a boolean for `isStaff`, a date for `birthday` and an absolute path for `img`.\n"],"names":["_createMdxContent","props","_components","_provideComponents","_jsxs","_Fragment","_jsx","Meta","parameters","MDXContent","MDXLayout","__page","componentMeta","__namedExportsOrder"],"mappings":"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"}
{"version":3,"file":"google-docs.stories-848086a2.js","sources":["../../src/docs/guides/google-docs.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"Guides/Using with Google docs\" parameters={{ ...parameters }} />\n\n![](https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg)\n\n# Using with Google docs\n\nMost of the default examples in these docs show how to use components by passing data into them directly through props. In the Kit, though, you likely won't be hard-coding things like text strings in your code and instead will get them from a Google Doc.\n\nIt's usually easy to use a Google Doc to fill in the props for our components, but it may mean you need to write a tiny bit of code to translate strings from a doc into the data type our component's props expect.\n\nLet's look at a basic component, a `ProfileCard`, with a demo that looks like this in the docs:\n\n```svelte\n<script>\n import { ProfileCard } from '@reuters-graphics/graphics-components';\n</script>\n\n<ProfileCard\n name=\"Tom\"\n img=\"https://cats.com/cat1.jpg\"\n birthday=\"{new Date('2020-09-25')}\"\n bio=\"Some notes.\\n\\nWith multiple paragraphs.\"\n isStaff=\"{true}\"\n/>\n```\n\nThe data for the component's props includes strings, a date and a boolean.\n\nIn our Google doc, we might fill out a block for this component like this:\n\n```yaml\nType: profile-card\nName: Tom\nImage: images/tom-the-cat.jpg\nBirthday: 2020-09-25\nBio: Some notes.\n\nWith multiple paragraphs.\n:end\nStaff: true\n```\n\nNow we can tie that data into your blocks loop like this:\n\n```svelte\n<script>\n // These are usually already imported for you\n import { assets } from '$app/paths';\n import content from '$locales/en/content.json';\n\n import { ProfileCard } from '@reuters-graphics/graphics-components';\n</script>\n\n{#each content.blocks as block}\n <!-- ... -->\n\n {:else if block.Type === 'profile-card'}\n <ProfileCard\n name=\"{block.Name}\"\n img={`${assets}/${block.Image}`}\n birthday={new Date(block.Birthday)}\n bio=\"{block.Bio}\"\n isStaff={block.Staff === 'true'}\n />\n\n <!-- ... -->\n{/each}\n```\n\nNotice how we're coercing some of our data from strings into other data types: a boolean for `isStaff`, a date for `birthday` and an absolute path for `img`.\n"],"names":["_createMdxContent","props","_components","_provideComponents","_jsxs","_Fragment","_jsx","Meta","parameters","MDXContent","MDXLayout","__page","componentMeta","__namedExportsOrder"],"mappings":"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"}

4
docs/assets/graphics-kit.stories-fc186309.js → docs/assets/graphics-kit.stories-9d356bf0.js
View file

@ -1,4 +1,4 @@
import{M as a}from"./chunk-S4VUQJ4A-ea782df4.js";import{p as i,j as e}from"./jsx-runtime-b3ad9f48.js";import{u as r}from"./index-4fcf5216.js";import"./iframe-a0761ecd.js";import"../sb-preview/runtime.js";import"./index-cdc8a4d0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";function n(o){const s=Object.assign({p:"p",img:"img",h1:"h1",a:"a",h2:"h2",h3:"h3",em:"em",code:"code",pre:"pre"},r(),o.components);return e.jsxs(e.Fragment,{children:[e.jsx(a,{title:"Guides/Using with the Graphics Kit",parameters:{...i}}),`
import{M as a}from"./chunk-S4VUQJ4A-e77a1bf8.js";import{p as i,j as e}from"./jsx-runtime-0eb16fb5.js";import{u as r}from"./index-5cce2c7b.js";import"./iframe-3532bc3f.js";import"../sb-preview/runtime.js";import"./index-33b6ba46.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";function n(o){const s=Object.assign({p:"p",img:"img",h1:"h1",a:"a",h2:"h2",h3:"h3",em:"em",code:"code",pre:"pre"},r(),o.components);return e.jsxs(e.Fragment,{children:[e.jsx(a,{title:"Guides/Using with the Graphics Kit",parameters:{...i}}),`
`,e.jsx(s.p,{children:e.jsx(s.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
`,e.jsx(s.h1,{id:"using-with-the-graphics-kit",children:"Using with the Graphics Kit"}),`
`,e.jsxs(s.p,{children:["If you haven't, check out ",e.jsx(s.a,{href:"https://reuters-graphics.github.io/docs_graphics-kit/for_developers/graphics-components/",target:"_blank",rel:"nofollow noopener noreferrer",children:'"Using Reuters Graphics Components" in the Graphics Kit docs'})," to get a general idea of how to use components."]}),`
@ -28,4 +28,4 @@ shortcut getting a component working in the Graphics Kit.`]}),`
`})}),`
`,e.jsx(s.h3,{id:"how-do-i-change-this-components-styles",children:"How do I change this component's styles?"}),`
`,e.jsxs(s.p,{children:["Check out our guide on ",e.jsx(s.a,{href:"?path=/docs/guides-customising-components-with-scss--page",children:"customising components with SCSS"})]})]})}function c(o={}){const{wrapper:s}=Object.assign({},r(),o.components);return s?e.jsx(s,{...o,children:e.jsx(n,{...o})}):n(o)}const h=()=>{throw new Error("Docs-only story")};h.parameters={docsOnly:!0};const t={title:"Guides/Using with the Graphics Kit",parameters:{...i},tags:["stories-mdx"],includeStories:["__page"]};t.parameters=t.parameters||{};t.parameters.docs={...t.parameters.docs||{},page:c};const y=["__page"];export{y as __namedExportsOrder,h as __page,t as default};
//# sourceMappingURL=graphics-kit.stories-fc186309.js.map
//# sourceMappingURL=graphics-kit.stories-9d356bf0.js.map

2
docs/assets/graphics-kit.stories-fc186309.js.map → docs/assets/graphics-kit.stories-9d356bf0.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/iframe-a0761ecd.js → docs/assets/iframe-3532bc3f.js
View file

File diff suppressed because one or more lines are too long

2
docs/assets/iframe-a0761ecd.js.map → docs/assets/iframe-3532bc3f.js.map
View file

File diff suppressed because one or more lines are too long

1
docs/assets/index-1f81d674.js.map
View file

@ -1 +0,0 @@
{"version":3,"file":"index-1f81d674.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

4
docs/assets/index-1f81d674.js → docs/assets/index-285fca71.js
View file

@ -1,2 +1,2 @@
import{M as e,a,u as n,w as M}from"./index-4fcf5216.js";import"./index-cdc8a4d0.js";import"./iframe-a0761ecd.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";export{e as MDXContext,a as MDXProvider,n as useMDXComponents,M as withMDXComponents};
//# sourceMappingURL=index-1f81d674.js.map
import{M as e,a,u as n,w as M}from"./index-5cce2c7b.js";import"./index-33b6ba46.js";import"./iframe-3532bc3f.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";export{e as MDXContext,a as MDXProvider,n as useMDXComponents,M as withMDXComponents};
//# sourceMappingURL=index-285fca71.js.map

1
docs/assets/index-285fca71.js.map Normal file
View file

@ -0,0 +1 @@
{"version":3,"file":"index-285fca71.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

10
docs/assets/index-cdc8a4d0.js → docs/assets/index-33b6ba46.js
View file

File diff suppressed because one or more lines are too long

2
docs/assets/index-cdc8a4d0.js.map → docs/assets/index-33b6ba46.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/index-4c4adb72-14459582.js → docs/assets/index-4c4adb72-13059da4.js
View file

File diff suppressed because one or more lines are too long

2
docs/assets/index-4c4adb72-14459582.js.map → docs/assets/index-4c4adb72-13059da4.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/index-4fcf5216.js → docs/assets/index-5cce2c7b.js
View file

@ -1,2 +1,2 @@
import{R as o}from"./index-cdc8a4d0.js";const u=o.createContext({});function c(t){return e;function e(r){const n=a(r.components);return o.createElement(t,{...r,allComponents:n})}}function a(t){const e=o.useContext(u);return o.useMemo(()=>typeof t=="function"?t(e):{...e,...t},[e,t])}const i={};function f({components:t,children:e,disableParentContext:r}){let n;return r?n=typeof t=="function"?t({}):t||i:n=a(t),o.createElement(u.Provider,{value:n},e)}export{u as M,f as a,a as u,c as w};
//# sourceMappingURL=index-4fcf5216.js.map
import{R as o}from"./index-33b6ba46.js";const u=o.createContext({});function c(t){return e;function e(r){const n=a(r.components);return o.createElement(t,{...r,allComponents:n})}}function a(t){const e=o.useContext(u);return o.useMemo(()=>typeof t=="function"?t(e):{...e,...t},[e,t])}const i={};function f({components:t,children:e,disableParentContext:r}){let n;return r?n=typeof t=="function"?t({}):t||i:n=a(t),o.createElement(u.Provider,{value:n},e)}export{u as M,f as a,a as u,c as w};
//# sourceMappingURL=index-5cce2c7b.js.map

2
docs/assets/index-4fcf5216.js.map → docs/assets/index-5cce2c7b.js.map
View file

@ -1 +1 @@
{"version":3,"file":"index-4fcf5216.js","sources":["../../node_modules/@mdx-js/react/lib/index.js"],"sourcesContent":["/**\n * @typedef {import('react').ReactNode} ReactNode\n * @typedef {import('mdx/types.js').MDXComponents} Components\n *\n * @typedef Props\n * Configuration.\n * @property {Components | MergeComponents | null | undefined} [components]\n * Mapping of names for JSX components to React components.\n * @property {boolean | null | undefined} [disableParentContext=false]\n * Turn off outer component context.\n * @property {ReactNode | null | undefined} [children]\n * Children.\n *\n * @callback MergeComponents\n * Custom merge function.\n * @param {Components} currentComponents\n * Current components from the context.\n * @returns {Components}\n * Merged components.\n */\n\nimport React from 'react'\n\n/**\n * @type {import('react').Context<Components>}\n * @deprecated\n * This export is marked as a legacy feature.\n * That means it’s no longer recommended for use as it might be removed\n * in a future major release.\n *\n * Please use `useMDXComponents` to get context based components and\n * `MDXProvider` to set context based components instead.\n */\nexport const MDXContext = React.createContext({})\n\n/**\n * @param {import('react').ComponentType<any>} Component\n * @deprecated\n * This export is marked as a legacy feature.\n * That means it’s no longer recommended for use as it might be removed\n * in a future major release.\n *\n * Please use `useMDXComponents` to get context based components instead.\n */\nexport function withMDXComponents(Component) {\n return boundMDXComponent\n\n /**\n * @param {Record<string, unknown> & {components?: Components | null | undefined}} props\n * @returns {JSX.Element}\n */\n function boundMDXComponent(props) {\n const allComponents = useMDXComponents(props.components)\n return React.createElement(Component, {...props, allComponents})\n }\n}\n\n/**\n * Get current components from the MDX Context.\n *\n * @param {Components | MergeComponents | null | undefined} [components]\n * Additional components to use or a function that takes the current\n * components and filters/merges/changes them.\n * @returns {Components}\n * Current components.\n */\nexport function useMDXComponents(components) {\n const contextComponents = React.useContext(MDXContext)\n\n // Memoize to avoid unnecessary top-level context changes\n return React.useMemo(() => {\n // Custom merge via a function prop\n if (typeof components === 'function') {\n return components(contextComponents)\n }\n\n return {...contextComponents, ...components}\n }, [contextComponents, components])\n}\n\n/** @type {Components} */\nconst emptyObject = {}\n\n/**\n * Provider for MDX context\n *\n * @param {Props} props\n * @returns {JSX.Element}\n */\nexport function MDXProvider({components, children, disableParentContext}) {\n /** @type {Components} */\n let allComponents\n\n if (disableParentContext) {\n allComponents =\n typeof components === 'function'\n ? components({})\n : components || emptyObject\n } else {\n allComponents = useMDXComponents(components)\n }\n\n return React.createElement(\n MDXContext.Provider,\n {value: allComponents},\n children\n )\n}\n"],"names":["MDXContext","React","withMDXComponents","Component","boundMDXComponent","props","allComponents","useMDXComponents","components","contextComponents","emptyObject","MDXProvider","children","disableParentContext"],"mappings":"wCAiCY,MAACA,EAAaC,EAAM,cAAc,EAAE,EAWzC,SAASC,EAAkBC,EAAW,CAC3C,OAAOC,EAMP,SAASA,EAAkBC,EAAO,CAChC,MAAMC,EAAgBC,EAAiBF,EAAM,UAAU,EACvD,OAAOJ,EAAM,cAAcE,EAAW,CAAC,GAAGE,EAAO,cAAAC,CAAa,CAAC,CAChE,CACH,CAWO,SAASC,EAAiBC,EAAY,CAC3C,MAAMC,EAAoBR,EAAM,WAAWD,CAAU,EAGrD,OAAOC,EAAM,QAAQ,IAEf,OAAOO,GAAe,WACjBA,EAAWC,CAAiB,EAG9B,CAAC,GAAGA,EAAmB,GAAGD,CAAU,EAC1C,CAACC,EAAmBD,CAAU,CAAC,CACpC,CAGA,MAAME,EAAc,CAAE,EAQf,SAASC,EAAY,CAAC,WAAAH,EAAY,SAAAI,EAAU,qBAAAC,CAAoB,EAAG,CAExE,IAAIP,EAEJ,OAAIO,EACFP,EACE,OAAOE,GAAe,WAClBA,EAAW,CAAA,CAAE,EACbA,GAAcE,EAEpBJ,EAAgBC,EAAiBC,CAAU,EAGtCP,EAAM,cACXD,EAAW,SACX,CAAC,MAAOM,CAAa,EACrBM,CACD,CACH","x_google_ignoreList":[0]}
{"version":3,"file":"index-5cce2c7b.js","sources":["../../node_modules/@mdx-js/react/lib/index.js"],"sourcesContent":["/**\n * @typedef {import('react').ReactNode} ReactNode\n * @typedef {import('mdx/types.js').MDXComponents} Components\n *\n * @typedef Props\n * Configuration.\n * @property {Components | MergeComponents | null | undefined} [components]\n * Mapping of names for JSX components to React components.\n * @property {boolean | null | undefined} [disableParentContext=false]\n * Turn off outer component context.\n * @property {ReactNode | null | undefined} [children]\n * Children.\n *\n * @callback MergeComponents\n * Custom merge function.\n * @param {Components} currentComponents\n * Current components from the context.\n * @returns {Components}\n * Merged components.\n */\n\nimport React from 'react'\n\n/**\n * @type {import('react').Context<Components>}\n * @deprecated\n * This export is marked as a legacy feature.\n * That means it’s no longer recommended for use as it might be removed\n * in a future major release.\n *\n * Please use `useMDXComponents` to get context based components and\n * `MDXProvider` to set context based components instead.\n */\nexport const MDXContext = React.createContext({})\n\n/**\n * @param {import('react').ComponentType<any>} Component\n * @deprecated\n * This export is marked as a legacy feature.\n * That means it’s no longer recommended for use as it might be removed\n * in a future major release.\n *\n * Please use `useMDXComponents` to get context based components instead.\n */\nexport function withMDXComponents(Component) {\n return boundMDXComponent\n\n /**\n * @param {Record<string, unknown> & {components?: Components | null | undefined}} props\n * @returns {JSX.Element}\n */\n function boundMDXComponent(props) {\n const allComponents = useMDXComponents(props.components)\n return React.createElement(Component, {...props, allComponents})\n }\n}\n\n/**\n * Get current components from the MDX Context.\n *\n * @param {Components | MergeComponents | null | undefined} [components]\n * Additional components to use or a function that takes the current\n * components and filters/merges/changes them.\n * @returns {Components}\n * Current components.\n */\nexport function useMDXComponents(components) {\n const contextComponents = React.useContext(MDXContext)\n\n // Memoize to avoid unnecessary top-level context changes\n return React.useMemo(() => {\n // Custom merge via a function prop\n if (typeof components === 'function') {\n return components(contextComponents)\n }\n\n return {...contextComponents, ...components}\n }, [contextComponents, components])\n}\n\n/** @type {Components} */\nconst emptyObject = {}\n\n/**\n * Provider for MDX context\n *\n * @param {Props} props\n * @returns {JSX.Element}\n */\nexport function MDXProvider({components, children, disableParentContext}) {\n /** @type {Components} */\n let allComponents\n\n if (disableParentContext) {\n allComponents =\n typeof components === 'function'\n ? components({})\n : components || emptyObject\n } else {\n allComponents = useMDXComponents(components)\n }\n\n return React.createElement(\n MDXContext.Provider,\n {value: allComponents},\n children\n )\n}\n"],"names":["MDXContext","React","withMDXComponents","Component","boundMDXComponent","props","allComponents","useMDXComponents","components","contextComponents","emptyObject","MDXProvider","children","disableParentContext"],"mappings":"wCAiCY,MAACA,EAAaC,EAAM,cAAc,EAAE,EAWzC,SAASC,EAAkBC,EAAW,CAC3C,OAAOC,EAMP,SAASA,EAAkBC,EAAO,CAChC,MAAMC,EAAgBC,EAAiBF,EAAM,UAAU,EACvD,OAAOJ,EAAM,cAAcE,EAAW,CAAC,GAAGE,EAAO,cAAAC,CAAa,CAAC,CAChE,CACH,CAWO,SAASC,EAAiBC,EAAY,CAC3C,MAAMC,EAAoBR,EAAM,WAAWD,CAAU,EAGrD,OAAOC,EAAM,QAAQ,IAEf,OAAOO,GAAe,WACjBA,EAAWC,CAAiB,EAG9B,CAAC,GAAGA,EAAmB,GAAGD,CAAU,EAC1C,CAACC,EAAmBD,CAAU,CAAC,CACpC,CAGA,MAAME,EAAc,CAAE,EAQf,SAASC,EAAY,CAAC,WAAAH,EAAY,SAAAI,EAAU,qBAAAC,CAAoB,EAAG,CAExE,IAAIP,EAEJ,OAAIO,EACFP,EACE,OAAOE,GAAe,WAClBA,EAAW,CAAA,CAAE,EACbA,GAAcE,EAEpBJ,EAAgBC,EAAiBC,CAAU,EAGtCP,EAAM,cACXD,EAAW,SACX,CAAC,MAAOM,CAAa,EACrBM,CACD,CACH","x_google_ignoreList":[0]}

4
docs/assets/index-d5a0ae09.js → docs/assets/index-aac3df73.js
View file

File diff suppressed because one or more lines are too long

2
docs/assets/index-d5a0ae09.js.map → docs/assets/index-aac3df73.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/index-3934c00b.js → docs/assets/index-de05141a.js
View file

File diff suppressed because one or more lines are too long

2
docs/assets/index-3934c00b.js.map → docs/assets/index-de05141a.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/infoDiagram-c976a9ed-2439131a.js → docs/assets/infoDiagram-c976a9ed-084406e6.js
View file

@ -1,8 +1,8 @@
import{l as N,c as M,h as O}from"./intro.stories-a3a8c1fe.js";import"./dayjs.min-1b995edc.js";import"./chunk-S4VUQJ4A-ea782df4.js";import"./iframe-a0761ecd.js";import"../sb-preview/runtime.js";import"./index-cdc8a4d0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";import"./jsx-runtime-b3ad9f48.js";import"./_getTag-edecb89a.js";import"./isSymbol-50749e90.js";import"./isObject-32699ff3.js";import"./toString-25ea340b.js";import"./Table-9272328f.js";import"./parseCss-edeb1577.js";import"./index-d5a0ae09.js";import"./_color-087aa1f8.js";import"./index-4fcf5216.js";var $=function(){var c=function(h,t,e,i){for(e=e||{},i=h.length;i--;e[h[i]]=t);return e},f=[6,9,10],d={trace:function(){},yy:{},symbols_:{error:2,start:3,info:4,document:5,EOF:6,line:7,statement:8,NL:9,showInfo:10,$accept:0,$end:1},terminals_:{2:"error",4:"info",6:"EOF",9:"NL",10:"showInfo"},productions_:[0,[3,3],[5,0],[5,2],[7,1],[7,1],[8,1]],performAction:function(t,e,i,s,r,n,k){switch(n.length-1,r){case 1:return s;case 4:break;case 6:s.setInfo(!0);break}},table:[{3:1,4:[1,2]},{1:[3]},c(f,[2,2],{5:3}),{6:[1,4],7:5,8:6,9:[1,7],10:[1,8]},{1:[2,1]},c(f,[2,3]),c(f,[2,4]),c(f,[2,5]),c(f,[2,6])],defaultActions:{4:[2,1]},parseError:function(t,e){if(e.recoverable)this.trace(t);else{var i=new Error(t);throw i.hash=e,i}},parse:function(t){var e=this,i=[0],s=[],r=[null],n=[],k=this.table,L="",b=0,T=0,z=2,F=1,D=n.slice.call(arguments,1),o=Object.create(this.lexer),g={yy:{}};for(var E in this.yy)Object.prototype.hasOwnProperty.call(this.yy,E)&&(g.yy[E]=this.yy[E]);o.setInput(t,g.yy),g.yy.lexer=o,g.yy.parser=this,typeof o.yylloc>"u"&&(o.yylloc={});var w=o.yylloc;n.push(w);var U=o.options&&o.options.ranges;typeof g.yy.parseError=="function"?this.parseError=g.yy.parseError:this.parseError=Object.getPrototypeOf(this).parseError;function Y(){var u;return u=s.pop()||o.lex()||F,typeof u!="number"&&(u instanceof Array&&(s=u,u=s.pop()),u=e.symbols_[u]||u),u}for(var l,m,a,I,_={},v,y,j,S;;){if(m=i[i.length-1],this.defaultActions[m]?a=this.defaultActions[m]:((l===null||typeof l>"u")&&(l=Y()),a=k[m]&&k[m][l]),typeof a>"u"||!a.length||!a[0]){var A="";S=[];for(v in k[m])this.terminals_[v]&&v>z&&S.push("'"+this.terminals_[v]+"'");o.showPosition?A="Parse error on line "+(b+1)+`:
import{l as N,c as M,h as O}from"./intro.stories-de1ba0ac.js";import"./dayjs.min-1b995edc.js";import"./chunk-S4VUQJ4A-e77a1bf8.js";import"./iframe-3532bc3f.js";import"../sb-preview/runtime.js";import"./index-33b6ba46.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";import"./jsx-runtime-0eb16fb5.js";import"./_getTag-edecb89a.js";import"./isSymbol-50749e90.js";import"./isObject-32699ff3.js";import"./toString-25ea340b.js";import"./Table-0c38e0ef.js";import"./parseCss-94d9ae3f.js";import"./index-aac3df73.js";import"./_color-087aa1f8.js";import"./index-5cce2c7b.js";var $=function(){var c=function(h,t,e,i){for(e=e||{},i=h.length;i--;e[h[i]]=t);return e},f=[6,9,10],d={trace:function(){},yy:{},symbols_:{error:2,start:3,info:4,document:5,EOF:6,line:7,statement:8,NL:9,showInfo:10,$accept:0,$end:1},terminals_:{2:"error",4:"info",6:"EOF",9:"NL",10:"showInfo"},productions_:[0,[3,3],[5,0],[5,2],[7,1],[7,1],[8,1]],performAction:function(t,e,i,s,r,n,k){switch(n.length-1,r){case 1:return s;case 4:break;case 6:s.setInfo(!0);break}},table:[{3:1,4:[1,2]},{1:[3]},c(f,[2,2],{5:3}),{6:[1,4],7:5,8:6,9:[1,7],10:[1,8]},{1:[2,1]},c(f,[2,3]),c(f,[2,4]),c(f,[2,5]),c(f,[2,6])],defaultActions:{4:[2,1]},parseError:function(t,e){if(e.recoverable)this.trace(t);else{var i=new Error(t);throw i.hash=e,i}},parse:function(t){var e=this,i=[0],s=[],r=[null],n=[],k=this.table,L="",b=0,T=0,z=2,F=1,D=n.slice.call(arguments,1),o=Object.create(this.lexer),g={yy:{}};for(var E in this.yy)Object.prototype.hasOwnProperty.call(this.yy,E)&&(g.yy[E]=this.yy[E]);o.setInput(t,g.yy),g.yy.lexer=o,g.yy.parser=this,typeof o.yylloc>"u"&&(o.yylloc={});var w=o.yylloc;n.push(w);var U=o.options&&o.options.ranges;typeof g.yy.parseError=="function"?this.parseError=g.yy.parseError:this.parseError=Object.getPrototypeOf(this).parseError;function Y(){var u;return u=s.pop()||o.lex()||F,typeof u!="number"&&(u instanceof Array&&(s=u,u=s.pop()),u=e.symbols_[u]||u),u}for(var l,m,a,I,_={},v,y,j,S;;){if(m=i[i.length-1],this.defaultActions[m]?a=this.defaultActions[m]:((l===null||typeof l>"u")&&(l=Y()),a=k[m]&&k[m][l]),typeof a>"u"||!a.length||!a[0]){var A="";S=[];for(v in k[m])this.terminals_[v]&&v>z&&S.push("'"+this.terminals_[v]+"'");o.showPosition?A="Parse error on line "+(b+1)+`:
`+o.showPosition()+`
Expecting `+S.join(", ")+", got '"+(this.terminals_[l]||l)+"'":A="Parse error on line "+(b+1)+": Unexpected "+(l==F?"end of input":"'"+(this.terminals_[l]||l)+"'"),this.parseError(A,{text:o.match,token:this.terminals_[l]||l,line:o.yylineno,loc:w,expected:S})}if(a[0]instanceof Array&&a.length>1)throw new Error("Parse Error: multiple actions possible at state: "+m+", token: "+l);switch(a[0]){case 1:i.push(l),r.push(o.yytext),n.push(o.yylloc),i.push(a[1]),l=null,T=o.yyleng,L=o.yytext,b=o.yylineno,w=o.yylloc;break;case 2:if(y=this.productions_[a[1]][1],_.$=r[r.length-y],_._$={first_line:n[n.length-(y||1)].first_line,last_line:n[n.length-1].last_line,first_column:n[n.length-(y||1)].first_column,last_column:n[n.length-1].last_column},U&&(_._$.range=[n[n.length-(y||1)].range[0],n[n.length-1].range[1]]),I=this.performAction.apply(_,[L,T,b,g.yy,a[1],r,n].concat(D)),typeof I<"u")return I;y&&(i=i.slice(0,-1*y*2),r=r.slice(0,-1*y),n=n.slice(0,-1*y)),i.push(this.productions_[a[1]][0]),r.push(_.$),n.push(_._$),j=k[i[i.length-2]][i[i.length-1]],i.push(j);break;case 3:return!0}}return!0}},x=function(){var h={EOF:1,parseError:function(e,i){if(this.yy.parser)this.yy.parser.parseError(e,i);else throw new Error(e)},setInput:function(t,e){return this.yy=e||this.yy||{},this._input=t,this._more=this._backtrack=this.done=!1,this.yylineno=this.yyleng=0,this.yytext=this.matched=this.match="",this.conditionStack=["INITIAL"],this.yylloc={first_line:1,first_column:0,last_line:1,last_column:0},this.options.ranges&&(this.yylloc.range=[0,0]),this.offset=0,this},input:function(){var t=this._input[0];this.yytext+=t,this.yyleng++,this.offset++,this.match+=t,this.matched+=t;var e=t.match(/(?:\r\n?|\n).*/g);return e?(this.yylineno++,this.yylloc.last_line++):this.yylloc.last_column++,this.options.ranges&&this.yylloc.range[1]++,this._input=this._input.slice(1),t},unput:function(t){var e=t.length,i=t.split(/(?:\r\n?|\n)/g);this._input=t+this._input,this.yytext=this.yytext.substr(0,this.yytext.length-e),this.offset-=e;var s=this.match.split(/(?:\r\n?|\n)/g);this.match=this.match.substr(0,this.match.length-1),this.matched=this.matched.substr(0,this.matched.length-1),i.length-1&&(this.yylineno-=i.length-1);var r=this.yylloc.range;return this.yylloc={first_line:this.yylloc.first_line,last_line:this.yylineno+1,first_column:this.yylloc.first_column,last_column:i?(i.length===s.length?this.yylloc.first_column:0)+s[s.length-i.length].length-i[0].length:this.yylloc.first_column-e},this.options.ranges&&(this.yylloc.range=[r[0],r[0]+this.yyleng-e]),this.yyleng=this.yytext.length,this},more:function(){return this._more=!0,this},reject:function(){if(this.options.backtrack_lexer)this._backtrack=!0;else return this.parseError("Lexical error on line "+(this.yylineno+1)+`. You can only invoke reject() in the lexer when the lexer is of the backtracking persuasion (options.backtrack_lexer = true).
`+this.showPosition(),{text:"",token:null,line:this.yylineno});return this},less:function(t){this.unput(this.match.slice(t))},pastInput:function(){var t=this.matched.substr(0,this.matched.length-this.match.length);return(t.length>20?"...":"")+t.substr(-20).replace(/\n/g,"")},upcomingInput:function(){var t=this.match;return t.length<20&&(t+=this._input.substr(0,20-t.length)),(t.substr(0,20)+(t.length>20?"...":"")).replace(/\n/g,"")},showPosition:function(){var t=this.pastInput(),e=new Array(t.length+1).join("-");return t+this.upcomingInput()+`
`+e+"^"},test_match:function(t,e){var i,s,r;if(this.options.backtrack_lexer&&(r={yylineno:this.yylineno,yylloc:{first_line:this.yylloc.first_line,last_line:this.last_line,first_column:this.yylloc.first_column,last_column:this.yylloc.last_column},yytext:this.yytext,match:this.match,matches:this.matches,matched:this.matched,yyleng:this.yyleng,offset:this.offset,_more:this._more,_input:this._input,yy:this.yy,conditionStack:this.conditionStack.slice(0),done:this.done},this.options.ranges&&(r.yylloc.range=this.yylloc.range.slice(0))),s=t[0].match(/(?:\r\n?|\n).*/g),s&&(this.yylineno+=s.length),this.yylloc={first_line:this.yylloc.last_line,last_line:this.yylineno+1,first_column:this.yylloc.last_column,last_column:s?s[s.length-1].length-s[s.length-1].match(/\r?\n?/)[0].length:this.yylloc.last_column+t[0].length},this.yytext+=t[0],this.match+=t[0],this.matches=t,this.yyleng=this.yytext.length,this.options.ranges&&(this.yylloc.range=[this.offset,this.offset+=this.yyleng]),this._more=!1,this._backtrack=!1,this._input=this._input.slice(t[0].length),this.matched+=t[0],i=this.performAction.call(this,this.yy,this,e,this.conditionStack[this.conditionStack.length-1]),this.done&&this._input&&(this.done=!1),i)return i;if(this._backtrack){for(var n in r)this[n]=r[n];return!1}return!1},next:function(){if(this.done)return this.EOF;this._input||(this.done=!0);var t,e,i,s;this._more||(this.yytext="",this.match="");for(var r=this._currentRules(),n=0;n<r.length;n++)if(i=this._input.match(this.rules[r[n]]),i&&(!e||i[0].length>e[0].length)){if(e=i,s=n,this.options.backtrack_lexer){if(t=this.test_match(i,r[n]),t!==!1)return t;if(this._backtrack){e=!1;continue}else return!1}else if(!this.options.flex)break}return e?(t=this.test_match(e,r[s]),t!==!1?t:!1):this._input===""?this.EOF:this.parseError("Lexical error on line "+(this.yylineno+1)+`. Unrecognized text.
`+this.showPosition(),{text:"",token:null,line:this.yylineno})},lex:function(){var e=this.next();return e||this.lex()},begin:function(e){this.conditionStack.push(e)},popState:function(){var e=this.conditionStack.length-1;return e>0?this.conditionStack.pop():this.conditionStack[0]},_currentRules:function(){return this.conditionStack.length&&this.conditionStack[this.conditionStack.length-1]?this.conditions[this.conditionStack[this.conditionStack.length-1]].rules:this.conditions.INITIAL.rules},topState:function(e){return e=this.conditionStack.length-1-Math.abs(e||0),e>=0?this.conditionStack[e]:"INITIAL"},pushState:function(e){this.begin(e)},stateStackSize:function(){return this.conditionStack.length},options:{"case-insensitive":!0},performAction:function(e,i,s,r){switch(s){case 0:return 4;case 1:return 9;case 2:return"space";case 3:return 10;case 4:return 6;case 5:return"TXT"}},rules:[/^(?:info\b)/i,/^(?:[\s\n\r]+)/i,/^(?:[\s]+)/i,/^(?:showInfo\b)/i,/^(?:$)/i,/^(?:.)/i],conditions:{INITIAL:{rules:[0,1,2,3,4,5],inclusive:!0}}};return h}();d.lexer=x;function p(){this.yy={}}return p.prototype=d,d.Parser=p,new p}();$.parser=$;const B=$,R={info:!1};let P=R.info;const C=c=>{P=c},V=()=>P,X=()=>{P=R.info},q={clear:X,setInfo:C,getInfo:V},G=(c,f,d)=>{try{N.debug(`rendering info diagram
`+c);const{securityLevel:x}=M();let p,h;x==="sandbox"&&(p=O("#i"+f),h=p.nodes()[0].contentDocument);const e=(p!==void 0&&h!==void 0&&h!==null?O(h):O("body")).select("#"+f);e.attr("height",100),e.attr("width",400),e.append("g").append("text").attr("x",100).attr("y",40).attr("class","version").attr("font-size","32px").style("text-anchor","middle").text("v "+d)}catch(x){N.error("error while rendering info diagram",x)}},H={draw:G},gt={parser:B,db:q,renderer:H};export{gt as diagram};
//# sourceMappingURL=infoDiagram-c976a9ed-2439131a.js.map
//# sourceMappingURL=infoDiagram-c976a9ed-084406e6.js.map

2
docs/assets/infoDiagram-c976a9ed-2439131a.js.map → docs/assets/infoDiagram-c976a9ed-084406e6.js.map
View file

File diff suppressed because one or more lines are too long

4
docs/assets/intro.stories-a827fbfd.js → docs/assets/intro.stories-1f1a6ff7.js
View file

@ -1,4 +1,4 @@
import{M as a}from"./chunk-S4VUQJ4A-ea782df4.js";import{p as n,j as e}from"./jsx-runtime-b3ad9f48.js";import{u as i}from"./index-4fcf5216.js";import"./iframe-a0761ecd.js";import"../sb-preview/runtime.js";import"./index-cdc8a4d0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";function o(t){const s=Object.assign({p:"p",img:"img",h1:"h1",h3:"h3",pre:"pre",code:"code"},i(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(a,{title:"Styles/Intro",parameters:{...n}}),`
import{M as a}from"./chunk-S4VUQJ4A-e77a1bf8.js";import{p as n,j as e}from"./jsx-runtime-0eb16fb5.js";import{u as i}from"./index-5cce2c7b.js";import"./iframe-3532bc3f.js";import"../sb-preview/runtime.js";import"./index-33b6ba46.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";function o(t){const s=Object.assign({p:"p",img:"img",h1:"h1",h3:"h3",pre:"pre",code:"code"},i(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(a,{title:"Styles/Intro",parameters:{...n}}),`
`,e.jsx(s.p,{children:e.jsx(s.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
`,e.jsx(s.h1,{id:"styles",children:"Styles"}),`
`,e.jsx(s.p,{children:"This library also includes our main SCSS stylesheets with pre-defined classes you can use to style your page."}),`
@ -11,4 +11,4 @@ import{M as a}from"./chunk-S4VUQJ4A-ea782df4.js";import{p as n,j as e}from"./jsx
import '@reuters-graphics/graphics-components/scss/main';
<\/script>
`})})]})}function p(t={}){const{wrapper:s}=Object.assign({},i(),t.components);return s?e.jsx(s,{...t,children:e.jsx(o,{...t})}):o(t)}const c=()=>{throw new Error("Docs-only story")};c.parameters={docsOnly:!0};const r={title:"Styles/Intro",parameters:{...n},tags:["stories-mdx"],includeStories:["__page"]};r.parameters=r.parameters||{};r.parameters.docs={...r.parameters.docs||{},page:p};const S=["__page"];export{S as __namedExportsOrder,c as __page,r as default};
//# sourceMappingURL=intro.stories-a827fbfd.js.map
//# sourceMappingURL=intro.stories-1f1a6ff7.js.map

2
docs/assets/intro.stories-a827fbfd.js.map → docs/assets/intro.stories-1f1a6ff7.js.map
View file

@ -1 +1 @@
{"version":3,"file":"intro.stories-a827fbfd.js","sources":["../../src/docs/styles/intro.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"Styles/Intro\" parameters={{ ...parameters }} />\n\n![](https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg)\n\n# Styles\n\nThis library also includes our main SCSS stylesheets with pre-defined classes you can use to style your page.\n\n### Importing our main stylesheet\n\nImport the SCSS directly in your top-level component. (This is done for you in the Graphics Kit.)\n\n```svelte\n<!-- pages/index.svelte -->\n<script>\n // other imports and stuffs ...\n\n import '@reuters-graphics/graphics-components/scss/main';\n</script>\n```\n"],"names":["_createMdxContent","props","_components","_provideComponents","_jsxs","_Fragment","_jsx","Meta","parameters","MDXContent","MDXLayout","__page","componentMeta","__namedExportsOrder"],"mappings":"mWAMA,SAASA,EAAkBC,EAAO,CAChC,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,KACJ,GAAI,KACJ,IAAK,MACL,KAAM,MACP,EAAEC,EAAoB,EAAEF,EAAM,UAAU,EACzC,OAAoBG,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcC,EAAI,IAACC,EAAM,CACjC,MAAO,eACP,WAAY,CACV,GAAGC,CACJ,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKJ,EAAY,EAAG,CACzC,SAAuBI,EAAAA,IAAKJ,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACb,CAAO,CACF,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,GAAI,CAC1C,GAAI,SACJ,SAAU,QACX,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,EAAG,CACzC,SAAU,+GACX,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,GAAI,CAC1C,GAAI,gCACJ,SAAU,+BACX,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,EAAG,CACzC,SAAU,mGACX,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,IAAK,CAC3C,SAAuBI,EAAAA,IAAKJ,EAAY,KAAM,CAC5C,UAAW,kBACX,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAClB,CAAO,CACP,CAAK,CAAC,CACN,CAAG,CACH,CACA,SAASO,EAAWR,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASS,CACb,EAAM,OAAO,OAAO,CAAE,EAAEP,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOS,EAAyBJ,EAAI,IAACI,EAAW,CAC9C,GAAGT,EACH,SAAuBK,EAAI,IAACN,EAAmB,CAC7C,GAAGC,CACT,CAAK,CACL,CAAG,EAAID,EAAkBC,CAAK,CAC9B,CAEY,MAACU,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,eACP,WAAY,CACV,GAAGJ,CACJ,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAI,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAC9B,GAAIA,EAAc,WAAW,MAAQ,GACrC,KAAMH,CACR,EAC4B,MAAAI,EAAA,CAAA,QAAA"}
{"version":3,"file":"intro.stories-1f1a6ff7.js","sources":["../../src/docs/styles/intro.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"Styles/Intro\" parameters={{ ...parameters }} />\n\n![](https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg)\n\n# Styles\n\nThis library also includes our main SCSS stylesheets with pre-defined classes you can use to style your page.\n\n### Importing our main stylesheet\n\nImport the SCSS directly in your top-level component. (This is done for you in the Graphics Kit.)\n\n```svelte\n<!-- pages/index.svelte -->\n<script>\n // other imports and stuffs ...\n\n import '@reuters-graphics/graphics-components/scss/main';\n</script>\n```\n"],"names":["_createMdxContent","props","_components","_provideComponents","_jsxs","_Fragment","_jsx","Meta","parameters","MDXContent","MDXLayout","__page","componentMeta","__namedExportsOrder"],"mappings":"mWAMA,SAASA,EAAkBC,EAAO,CAChC,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,KACJ,GAAI,KACJ,IAAK,MACL,KAAM,MACP,EAAEC,EAAoB,EAAEF,EAAM,UAAU,EACzC,OAAoBG,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcC,EAAI,IAACC,EAAM,CACjC,MAAO,eACP,WAAY,CACV,GAAGC,CACJ,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKJ,EAAY,EAAG,CACzC,SAAuBI,EAAAA,IAAKJ,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACb,CAAO,CACF,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,GAAI,CAC1C,GAAI,SACJ,SAAU,QACX,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,EAAG,CACzC,SAAU,+GACX,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,GAAI,CAC1C,GAAI,gCACJ,SAAU,+BACX,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,EAAG,CACzC,SAAU,mGACX,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,IAAK,CAC3C,SAAuBI,EAAAA,IAAKJ,EAAY,KAAM,CAC5C,UAAW,kBACX,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAClB,CAAO,CACP,CAAK,CAAC,CACN,CAAG,CACH,CACA,SAASO,EAAWR,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASS,CACb,EAAM,OAAO,OAAO,CAAE,EAAEP,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOS,EAAyBJ,EAAI,IAACI,EAAW,CAC9C,GAAGT,EACH,SAAuBK,EAAI,IAACN,EAAmB,CAC7C,GAAGC,CACT,CAAK,CACL,CAAG,EAAID,EAAkBC,CAAK,CAC9B,CAEY,MAACU,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,eACP,WAAY,CACV,GAAGJ,CACJ,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAI,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAC9B,GAAIA,EAAc,WAAW,MAAQ,GACrC,KAAMH,CACR,EAC4B,MAAAI,EAAA,CAAA,QAAA"}

4
docs/assets/intro.stories-586f999b.js → docs/assets/intro.stories-37c03431.js
View file

@ -1,4 +1,4 @@
import{M as i}from"./chunk-S4VUQJ4A-ea782df4.js";import{p as a,j as e}from"./jsx-runtime-b3ad9f48.js";import{u as n}from"./index-4fcf5216.js";import"./iframe-a0761ecd.js";import"../sb-preview/runtime.js";import"./index-cdc8a4d0.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";const c=""+new URL("article-well-97e63d33.jpg",import.meta.url).href;function s(o){const t=Object.assign({p:"p",img:"img",h1:"h1",a:"a",code:"code"},n(),o.components);return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Layout/Intro",parameters:{...a}}),`
import{M as i}from"./chunk-S4VUQJ4A-e77a1bf8.js";import{p as a,j as e}from"./jsx-runtime-0eb16fb5.js";import{u as n}from"./index-5cce2c7b.js";import"./iframe-3532bc3f.js";import"../sb-preview/runtime.js";import"./index-33b6ba46.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";const c=""+new URL("article-well-97e63d33.jpg",import.meta.url).href;function s(o){const t=Object.assign({p:"p",img:"img",h1:"h1",a:"a",code:"code"},n(),o.components);return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Layout/Intro",parameters:{...a}}),`
`,e.jsx(t.p,{children:e.jsx(t.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
`,e.jsx(t.h1,{id:"layout",children:"Layout"}),`
`,e.jsx(t.p,{children:"Layout components setup our default page structure."}),`
@ -8,4 +8,4 @@ import{M as i}from"./chunk-S4VUQJ4A-ea782df4.js";import{p as a,j as e}from"./jsx
`,e.jsxs(t.p,{children:["The ",e.jsx(t.a,{href:"?path=/docs/layout-article--default",children:e.jsx(t.code,{children:"Article"})})," component sets up the set dimensions of the well and the block breakpoints."]}),`
`,e.jsxs(t.p,{children:["The ",e.jsx(t.a,{href:"?path=/docs/layout-block--default",children:e.jsx(t.code,{children:"Block"})})," component is a wrapper for individual parts of a page that can be as wide as any of those breakpoints."]}),`
`,e.jsx(t.p,{children:"The docs in this section explain how to use our layout components to build the basic structure of your page and also how to break out of our default layout if you need to do something different."})]})}function l(o={}){const{wrapper:t}=Object.assign({},n(),o.components);return t?e.jsx(t,{...o,children:e.jsx(s,{...o})}):s(o)}const p=()=>{throw new Error("Docs-only story")};p.parameters={docsOnly:!0};const r={title:"Layout/Intro",parameters:{...a},tags:["stories-mdx"],includeStories:["__page"]};r.parameters=r.parameters||{};r.parameters.docs={...r.parameters.docs||{},page:l};const b=["__page"];export{b as __namedExportsOrder,p as __page,r as default};
//# sourceMappingURL=intro.stories-586f999b.js.map
//# sourceMappingURL=intro.stories-37c03431.js.map

Some files were not shown because too many files have changed in this diff Show more