published 1.0.15
This commit is contained in:
github-actions
parent
8575c92221
commit
2a1df05fac
197 changed files with 318 additions and 318 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
2
docs/assets/DocsRenderer-3PUGWF3O-079a5d13.js
Normal file
2
docs/assets/DocsRenderer-3PUGWF3O-079a5d13.js
Normal file
|
|
@ -0,0 +1,2 @@
|
||||||
|
import{D as d,d as n}from"./chunk-S4VUQJ4A-8db31222.js";import"./iframe-e9991e0d.js";import"../sb-preview/runtime.js";import"./index-01e52bc8.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-079a5d13.js.map
|
||||||
1
docs/assets/DocsRenderer-3PUGWF3O-079a5d13.js.map
Normal file
1
docs/assets/DocsRenderer-3PUGWF3O-079a5d13.js.map
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"file":"DocsRenderer-3PUGWF3O-079a5d13.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
||||||
|
|
@ -1,2 +0,0 @@
|
||||||
import{D as d,d as n}from"./chunk-S4VUQJ4A-76df043c.js";import"./iframe-85fba043.js";import"../sb-preview/runtime.js";import"./index-b79221fd.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-8069e9ae.js.map
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
{"version":3,"file":"DocsRenderer-3PUGWF3O-8069e9ae.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,3 +1,3 @@
|
||||||
import{R as e,r}from"./index-b79221fd.js";import{S as n,p as u}from"./prism-e0062365.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-01e52bc8.js";import{S as n,p as u}from"./prism-3515c7cc.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};
|
@import "@reuters-graphics/graphics-components/scss/colours/${p(s)}";`),e.createElement(E,{partial:s}));export{x as I,o as c};
|
||||||
//# sourceMappingURL=ImportSnippet-aa3351ff.js.map
|
//# sourceMappingURL=ImportSnippet-196d3eb5.js.map
|
||||||
|
|
@ -1 +1 @@
|
||||||
{"version":3,"file":"ImportSnippet-aa3351ff.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-196d3eb5.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"}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
34
docs/assets/InlineAd.stories-ff204b8b.js
Normal file
34
docs/assets/InlineAd.stories-ff204b8b.js
Normal file
File diff suppressed because one or more lines are too long
1
docs/assets/InlineAd.stories-ff204b8b.js.map
Normal file
1
docs/assets/InlineAd.stories-ff204b8b.js.map
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,3 +1,3 @@
|
||||||
import{R as e,r as o}from"./index-b79221fd.js";import{U as u}from"./chunk-S4VUQJ4A-76df043c.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-01e52bc8.js";import{U as u}from"./chunk-S4VUQJ4A-8db31222.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};
|
`).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-afffcca8.js.map
|
//# sourceMappingURL=Table-5192aa66.js.map
|
||||||
|
|
@ -1 +1 @@
|
||||||
{"version":3,"file":"Table-afffcca8.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-5192aa66.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"}
|
||||||
|
|
@ -1,2 +1,2 @@
|
||||||
import{R as e,r as s}from"./index-b79221fd.js";import{c as i,I as E}from"./ImportSnippet-aa3351ff.js";import{U as y}from"./chunk-S4VUQJ4A-76df043c.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};
|
import{R as e,r as s}from"./index-01e52bc8.js";import{c as i,I as E}from"./ImportSnippet-196d3eb5.js";import{U as y}from"./chunk-S4VUQJ4A-8db31222.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-ec90fc35.js.map
|
//# sourceMappingURL=Table-b6a84677.js.map
|
||||||
|
|
@ -1 +1 @@
|
||||||
{"version":3,"file":"Table-ec90fc35.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-b6a84677.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-4eb9e891.js
Normal file
2
docs/assets/WithTooltip-J57HCPYA-4eb9e891.js
Normal file
|
|
@ -0,0 +1,2 @@
|
||||||
|
import{W as m,W,a as T}from"./index-01e52bc8.js";import"./iframe-e9991e0d.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-4eb9e891.js.map
|
||||||
1
docs/assets/WithTooltip-J57HCPYA-4eb9e891.js.map
Normal file
1
docs/assets/WithTooltip-J57HCPYA-4eb9e891.js.map
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"file":"WithTooltip-J57HCPYA-4eb9e891.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
||||||
|
|
@ -1,2 +0,0 @@
|
||||||
import{W as m,W,a as T}from"./index-b79221fd.js";import"./iframe-85fba043.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-cb1ee3d3.js.map
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
{"version":3,"file":"WithTooltip-J57HCPYA-cb1ee3d3.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import{M as u}from"./chunk-S4VUQJ4A-76df043c.js";import{p as a,j as r}from"./jsx-runtime-1316afe3.js";import{C as s}from"./Table-afffcca8.js";import{c as e}from"./parseCss-8d568f68.js";import{u as c}from"./index-b0c92a81.js";import"./iframe-85fba043.js";import"../sb-preview/runtime.js";import"./index-b79221fd.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";import"./index-c60f5278.js";import"./toString-25ea340b.js";import"./isSymbol-50749e90.js";const p=`.cursor-auto {
|
import{M as u}from"./chunk-S4VUQJ4A-8db31222.js";import{p as a,j as r}from"./jsx-runtime-14f24761.js";import{C as s}from"./Table-5192aa66.js";import{c as e}from"./parseCss-1f510691.js";import{u as c}from"./index-67044abb.js";import"./iframe-e9991e0d.js";import"../sb-preview/runtime.js";import"./index-01e52bc8.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";import"./index-eaed3aa9.js";import"./toString-25ea340b.js";import"./isSymbol-50749e90.js";const p=`.cursor-auto {
|
||||||
cursor: auto;
|
cursor: auto;
|
||||||
}
|
}
|
||||||
.cursor-default {
|
.cursor-default {
|
||||||
|
|
@ -91,4 +91,4 @@ import{M as u}from"./chunk-S4VUQJ4A-76df043c.js";import{p as a,j as r}from"./jsx
|
||||||
`,r.jsx(n.h1,{id:"interactivity-tokens",children:"Interactivity tokens"}),`
|
`,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:"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};
|
`,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-0379800c.js.map
|
//# sourceMappingURL=_main.stories-a371a316.js.map
|
||||||
|
|
@ -1 +1 @@
|
||||||
{"version":3,"file":"_main.stories-0379800c.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\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-a371a316.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\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"}
|
||||||
|
|
@ -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-b4f66a4a.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};
|
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-b57d31ea.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-81e6f685.js.map
|
//# sourceMappingURL=arc-f11f8c4b.js.map
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
||||||
import{M as i}from"./chunk-S4VUQJ4A-76df043c.js";import{p as s,j as e}from"./jsx-runtime-1316afe3.js";import{u as a}from"./index-b0c92a81.js";import"./iframe-85fba043.js";import"../sb-preview/runtime.js";import"./index-b79221fd.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-8db31222.js";import{p as s,j as e}from"./jsx-runtime-14f24761.js";import{u as a}from"./index-67044abb.js";import"./iframe-e9991e0d.js";import"../sb-preview/runtime.js";import"./index-01e52bc8.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.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.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."]}),`
|
`,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-76df043c.js";import{p as s,j as e}from"./jsx
|
||||||
`,e.jsxs(o.blockquote,{children:[`
|
`,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"}),"."]}),`
|
`,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};
|
`]})]})}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-b303ec69.js.map
|
//# sourceMappingURL=basic-story.stories-4f4d86bb.js.map
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,2 +1,2 @@
|
||||||
import{p as N,d as M,s as W}from"./styles-88ad4441-e25f1244.js";import{c as S,l as i,h as u,i as H}from"./intro.stories-b4f66a4a.js";import{G as X,l as Y}from"./layout-c577ef9d.js";import{s as l}from"./svgDraw-5d8a058e-bba64b61.js";import"./dayjs.min-1b995edc.js";import"./chunk-S4VUQJ4A-76df043c.js";import"./iframe-85fba043.js";import"../sb-preview/runtime.js";import"./index-b79221fd.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";import"./jsx-runtime-1316afe3.js";import"./_getTag-edecb89a.js";import"./isSymbol-50749e90.js";import"./isObject-32699ff3.js";import"./toString-25ea340b.js";import"./Table-afffcca8.js";import"./parseCss-8d568f68.js";import"./index-c60f5278.js";import"./_color-087aa1f8.js";import"./index-b0c92a81.js";import"./_baseSet-db0c20a6.js";import"./now-bd49f550.js";import"./line-50da1c20.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};
|
import{p as N,d as M,s as W}from"./styles-88ad4441-3244c99c.js";import{c as S,l as i,h as u,i as H}from"./intro.stories-b57d31ea.js";import{G as X,l as Y}from"./layout-38279fe1.js";import{s as l}from"./svgDraw-5d8a058e-6b7bac38.js";import"./dayjs.min-1b995edc.js";import"./chunk-S4VUQJ4A-8db31222.js";import"./iframe-e9991e0d.js";import"../sb-preview/runtime.js";import"./index-01e52bc8.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";import"./jsx-runtime-14f24761.js";import"./_getTag-edecb89a.js";import"./isSymbol-50749e90.js";import"./isObject-32699ff3.js";import"./toString-25ea340b.js";import"./Table-5192aa66.js";import"./parseCss-1f510691.js";import"./index-eaed3aa9.js";import"./_color-087aa1f8.js";import"./index-67044abb.js";import"./_baseSet-db0c20a6.js";import"./now-bd49f550.js";import"./line-d92c309f.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-31968dc9.js.map
|
//# sourceMappingURL=classDiagram-5e843ae7-303131d5.js.map
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,3 +1,3 @@
|
||||||
import{p as I,d as N,s as M}from"./styles-88ad4441-e25f1244.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-b4f66a4a.js";import{G as z}from"./layout-c577ef9d.js";import{r as P}from"./index-4c4adb72-dd79c475.js";import"./dayjs.min-1b995edc.js";import"./chunk-S4VUQJ4A-76df043c.js";import"./iframe-85fba043.js";import"../sb-preview/runtime.js";import"./index-b79221fd.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";import"./jsx-runtime-1316afe3.js";import"./_getTag-edecb89a.js";import"./isSymbol-50749e90.js";import"./isObject-32699ff3.js";import"./toString-25ea340b.js";import"./Table-afffcca8.js";import"./parseCss-8d568f68.js";import"./index-c60f5278.js";import"./_color-087aa1f8.js";import"./index-b0c92a81.js";import"./_baseSet-db0c20a6.js";import"./now-bd49f550.js";import"./edges-b00f0ec2-3de7c10d.js";import"./createText-285e50b4-070d1285.js";import"./svgDraw-5d8a058e-bba64b61.js";import"./line-50da1c20.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-3244c99c.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-b57d31ea.js";import{G as z}from"./layout-38279fe1.js";import{r as P}from"./index-4c4adb72-355a4d6b.js";import"./dayjs.min-1b995edc.js";import"./chunk-S4VUQJ4A-8db31222.js";import"./iframe-e9991e0d.js";import"../sb-preview/runtime.js";import"./index-01e52bc8.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";import"./jsx-runtime-14f24761.js";import"./_getTag-edecb89a.js";import"./isSymbol-50749e90.js";import"./isObject-32699ff3.js";import"./toString-25ea340b.js";import"./Table-5192aa66.js";import"./parseCss-1f510691.js";import"./index-eaed3aa9.js";import"./_color-087aa1f8.js";import"./index-67044abb.js";import"./_baseSet-db0c20a6.js";import"./now-bd49f550.js";import"./edges-b00f0ec2-9e82ffae.js";import"./createText-285e50b4-10d8d3b0.js";import"./svgDraw-5d8a058e-6b7bac38.js";import"./line-d92c309f.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};
|
`),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-681e3edb.js.map
|
//# sourceMappingURL=classDiagram-v2-8c3b3e6a-f929ab8e.js.map
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
||||||
import{M as i}from"./chunk-S4VUQJ4A-76df043c.js";import{p as o,j as e}from"./jsx-runtime-1316afe3.js";import{u as l}from"./index-b0c92a81.js";import"./iframe-85fba043.js";import"../sb-preview/runtime.js";import"./index-b79221fd.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-8db31222.js";import{p as o,j as e}from"./jsx-runtime-14f24761.js";import{u as l}from"./index-67044abb.js";import"./iframe-e9991e0d.js";import"../sb-preview/runtime.js";import"./index-01e52bc8.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.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.h1,{id:"component-guidelines",children:"Component guidelines"}),`
|
||||||
`,e.jsx(n.h2,{id:"dependencies",children:"Dependencies"}),`
|
`,e.jsx(n.h2,{id:"dependencies",children:"Dependencies"}),`
|
||||||
|
|
@ -117,4 +117,4 @@ import{M as i}from"./chunk-S4VUQJ4A-76df043c.js";import{p as o,j as e}from"./jsx
|
||||||
}
|
}
|
||||||
</style>
|
</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};
|
`})})]})}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-0360e784.js.map
|
//# sourceMappingURL=component-guidelines.stories-cf8a5748.js.map
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
||||||
import{M as i}from"./chunk-S4VUQJ4A-76df043c.js";import{p as t,j as e}from"./jsx-runtime-1316afe3.js";import{u as a}from"./index-b0c92a81.js";import"./iframe-85fba043.js";import"../sb-preview/runtime.js";import"./index-b79221fd.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-8db31222.js";import{p as t,j as e}from"./jsx-runtime-14f24761.js";import{u as a}from"./index-67044abb.js";import"./iframe-e9991e0d.js";import"../sb-preview/runtime.js";import"./index-01e52bc8.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.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.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."]}),`
|
`,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-76df043c.js";import{p as t,j as e}from"./jsx
|
||||||
<!-- page stuff -->
|
<!-- page stuff -->
|
||||||
</Theme>
|
</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};
|
`})})]})}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-df64a60a.js.map
|
//# sourceMappingURL=css-variables.stories-dda25f20.js.map
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
||||||
import{M as i}from"./chunk-S4VUQJ4A-76df043c.js";import{p as o,j as e}from"./jsx-runtime-1316afe3.js";import{u as a}from"./index-b0c92a81.js";import"./iframe-85fba043.js";import"../sb-preview/runtime.js";import"./index-b79221fd.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-8db31222.js";import{p as o,j as e}from"./jsx-runtime-14f24761.js";import{u as a}from"./index-67044abb.js";import"./iframe-e9991e0d.js";import"../sb-preview/runtime.js";import"./index-01e52bc8.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.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.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:"]}),`
|
`,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-76df043c.js";import{p as o,j as e}from"./jsx
|
||||||
}
|
}
|
||||||
</style>
|
</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};
|
`})})]})}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-1da0e98a.js.map
|
//# sourceMappingURL=cssVariables.stories-e4869188.js.map
|
||||||
|
|
@ -1 +1 @@
|
||||||
{"version":3,"file":"cssVariables.stories-1da0e98a.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\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-e4869188.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\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"}
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import{M as a}from"./chunk-S4VUQJ4A-76df043c.js";import{p as o,j as e}from"./jsx-runtime-1316afe3.js";import{u as i}from"./index-b0c92a81.js";import"./iframe-85fba043.js";import"../sb-preview/runtime.js";import"./index-b79221fd.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-8db31222.js";import{p as o,j as e}from"./jsx-runtime-14f24761.js";import{u as i}from"./index-67044abb.js";import"./iframe-e9991e0d.js";import"../sb-preview/runtime.js";import"./index-01e52bc8.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.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.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."}),`
|
`,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-76df043c.js";import{p as o,j as e}from"./jsx
|
||||||
`,e.jsx(s.p,{children:"Done!"}),`
|
`,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.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};
|
`,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-2736fb8b.js.map
|
//# sourceMappingURL=customising-with-scss.stories-750ee153.js.map
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
2
docs/assets/flowDiagram-v2-d6437390-0a9c5263.js
Normal file
2
docs/assets/flowDiagram-v2-d6437390-0a9c5263.js
Normal file
|
|
@ -0,0 +1,2 @@
|
||||||
|
import{p as i,f as o}from"./flowDb-8f9fc471-45094834.js";import{f as t,a as m}from"./styles-ff678862-89631ab3.js";import{z as p}from"./intro.stories-b57d31ea.js";import"./layout-38279fe1.js";import"./dayjs.min-1b995edc.js";import"./index-4c4adb72-355a4d6b.js";import"./_baseSet-db0c20a6.js";import"./_getTag-edecb89a.js";import"./isSymbol-50749e90.js";import"./isObject-32699ff3.js";import"./toString-25ea340b.js";import"./edges-b00f0ec2-9e82ffae.js";import"./createText-285e50b4-10d8d3b0.js";import"./index-356e4a49.js";import"./svgDraw-5d8a058e-6b7bac38.js";import"./line-d92c309f.js";import"./array-9f3ba611.js";import"./path-53f90ab3.js";import"./chunk-S4VUQJ4A-8db31222.js";import"./iframe-e9991e0d.js";import"../sb-preview/runtime.js";import"./index-01e52bc8.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./jsx-runtime-14f24761.js";import"./Table-5192aa66.js";import"./parseCss-1f510691.js";import"./index-eaed3aa9.js";import"./_color-087aa1f8.js";import"./index-67044abb.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-0a9c5263.js.map
|
||||||
|
|
@ -1 +1 @@
|
||||||
{"version":3,"file":"flowDiagram-v2-d6437390-7617b737.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-0a9c5263.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]}
|
||||||
|
|
@ -1,2 +0,0 @@
|
||||||
import{p as i,f as o}from"./flowDb-8f9fc471-7cb50a3c.js";import{f as t,a as m}from"./styles-ff678862-9b2fff1a.js";import{z as p}from"./intro.stories-b4f66a4a.js";import"./layout-c577ef9d.js";import"./dayjs.min-1b995edc.js";import"./index-4c4adb72-dd79c475.js";import"./_baseSet-db0c20a6.js";import"./_getTag-edecb89a.js";import"./isSymbol-50749e90.js";import"./isObject-32699ff3.js";import"./toString-25ea340b.js";import"./edges-b00f0ec2-3de7c10d.js";import"./createText-285e50b4-070d1285.js";import"./index-356e4a49.js";import"./svgDraw-5d8a058e-bba64b61.js";import"./line-50da1c20.js";import"./array-9f3ba611.js";import"./path-53f90ab3.js";import"./chunk-S4VUQJ4A-76df043c.js";import"./iframe-85fba043.js";import"../sb-preview/runtime.js";import"./index-b79221fd.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./jsx-runtime-1316afe3.js";import"./Table-afffcca8.js";import"./parseCss-8d568f68.js";import"./index-c60f5278.js";import"./_color-087aa1f8.js";import"./index-b0c92a81.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-7617b737.js.map
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
||||||
import{M as a}from"./chunk-S4VUQJ4A-76df043c.js";import{p as t,j as e}from"./jsx-runtime-1316afe3.js";import{u as i}from"./index-b0c92a81.js";import"./iframe-85fba043.js";import"../sb-preview/runtime.js";import"./index-b79221fd.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-8db31222.js";import{p as t,j as e}from"./jsx-runtime-14f24761.js";import{u as i}from"./index-67044abb.js";import"./iframe-e9991e0d.js";import"../sb-preview/runtime.js";import"./index-01e52bc8.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.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.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."]}),`
|
`,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-76df043c.js";import{p as t,j as e}from"./jsx
|
||||||
`,e.jsx(r.hr,{}),`
|
`,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.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};
|
`,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-5b93bc22.js.map
|
//# sourceMappingURL=getting-help.stories-9e35f588.js.map
|
||||||
|
|
@ -1 +1 @@
|
||||||
{"version":3,"file":"getting-help.stories-5b93bc22.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\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-9e35f588.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\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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"}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
||||||
import{M as i}from"./chunk-S4VUQJ4A-76df043c.js";import{p as r,j as e}from"./jsx-runtime-1316afe3.js";import{u as a}from"./index-b0c92a81.js";import"./iframe-85fba043.js";import"../sb-preview/runtime.js";import"./index-b79221fd.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-8db31222.js";import{p as r,j as e}from"./jsx-runtime-14f24761.js";import{u as a}from"./index-67044abb.js";import"./iframe-e9991e0d.js";import"../sb-preview/runtime.js";import"./index-01e52bc8.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.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.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."}),`
|
`,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}
|
{/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};
|
`,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-982c3d1c.js.map
|
//# sourceMappingURL=google-docs.stories-de3f8d5a.js.map
|
||||||
|
|
@ -1 +1 @@
|
||||||
{"version":3,"file":"google-docs.stories-982c3d1c.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\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-de3f8d5a.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\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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"}
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import{M as a}from"./chunk-S4VUQJ4A-76df043c.js";import{p as i,j as e}from"./jsx-runtime-1316afe3.js";import{u as r}from"./index-b0c92a81.js";import"./iframe-85fba043.js";import"../sb-preview/runtime.js";import"./index-b79221fd.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-8db31222.js";import{p as i,j as e}from"./jsx-runtime-14f24761.js";import{u as r}from"./index-67044abb.js";import"./iframe-e9991e0d.js";import"../sb-preview/runtime.js";import"./index-01e52bc8.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.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.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."]}),`
|
`,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.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};
|
`,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-03138ab7.js.map
|
//# sourceMappingURL=graphics-kit.stories-693c14e2.js.map
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,2 +1,2 @@
|
||||||
import{M as e,a,u as n,w as M}from"./index-b0c92a81.js";import"./index-b79221fd.js";import"./iframe-85fba043.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};
|
import{M as e,a,u as n,w as M}from"./index-67044abb.js";import"./index-01e52bc8.js";import"./iframe-e9991e0d.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-cf708a38.js.map
|
//# sourceMappingURL=index-23d980af.js.map
|
||||||
1
docs/assets/index-23d980af.js.map
Normal file
1
docs/assets/index-23d980af.js.map
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"file":"index-23d980af.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,2 +1,2 @@
|
||||||
import{R as o}from"./index-b79221fd.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};
|
import{R as o}from"./index-01e52bc8.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-b0c92a81.js.map
|
//# sourceMappingURL=index-67044abb.js.map
|
||||||
|
|
@ -1 +1 @@
|
||||||
{"version":3,"file":"index-b0c92a81.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-67044abb.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]}
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
{"version":3,"file":"index-cf708a38.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,8 +1,8 @@
|
||||||
import{l as N,c as M,h as O}from"./intro.stories-b4f66a4a.js";import"./dayjs.min-1b995edc.js";import"./chunk-S4VUQJ4A-76df043c.js";import"./iframe-85fba043.js";import"../sb-preview/runtime.js";import"./index-b79221fd.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";import"./jsx-runtime-1316afe3.js";import"./_getTag-edecb89a.js";import"./isSymbol-50749e90.js";import"./isObject-32699ff3.js";import"./toString-25ea340b.js";import"./Table-afffcca8.js";import"./parseCss-8d568f68.js";import"./index-c60f5278.js";import"./_color-087aa1f8.js";import"./index-b0c92a81.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-b57d31ea.js";import"./dayjs.min-1b995edc.js";import"./chunk-S4VUQJ4A-8db31222.js";import"./iframe-e9991e0d.js";import"../sb-preview/runtime.js";import"./index-01e52bc8.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";import"./jsx-runtime-14f24761.js";import"./_getTag-edecb89a.js";import"./isSymbol-50749e90.js";import"./isObject-32699ff3.js";import"./toString-25ea340b.js";import"./Table-5192aa66.js";import"./parseCss-1f510691.js";import"./index-eaed3aa9.js";import"./_color-087aa1f8.js";import"./index-67044abb.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()+`
|
`+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).
|
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()+`
|
`+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.
|
`+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
|
`+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};
|
`+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-1cd211a2.js.map
|
//# sourceMappingURL=infoDiagram-c976a9ed-0c8eb691.js.map
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
||||||
import{M as i}from"./chunk-S4VUQJ4A-76df043c.js";import{p as a,j as e}from"./jsx-runtime-1316afe3.js";import{u as n}from"./index-b0c92a81.js";import"./iframe-85fba043.js";import"../sb-preview/runtime.js";import"./index-b79221fd.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-8db31222.js";import{p as a,j as e}from"./jsx-runtime-14f24761.js";import{u as n}from"./index-67044abb.js";import"./iframe-e9991e0d.js";import"../sb-preview/runtime.js";import"./index-01e52bc8.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.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.h1,{id:"layout",children:"Layout"}),`
|
||||||
`,e.jsx(t.p,{children:"Layout components setup our default page structure."}),`
|
`,e.jsx(t.p,{children:"Layout components setup our default page structure."}),`
|
||||||
|
|
@ -8,4 +8,4 @@ import{M as i}from"./chunk-S4VUQJ4A-76df043c.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-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.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};
|
`,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-970cec0f.js.map
|
//# sourceMappingURL=intro.stories-541cf77e.js.map
|
||||||
|
|
@ -1 +1 @@
|
||||||
{"version":3,"file":"intro.stories-970cec0f.js","sources":["../../src/docs/layout/article-well.jpg","../../src/docs/layout/intro.stories.mdx"],"sourcesContent":["export default \"__VITE_ASSET__123fceea__\"","import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\nimport WellImg from './article-well.jpg';\n\n<Meta title=\"Layout/Intro\" parameters={{ ...parameters }} />\n\n\n\n# Layout\n\nLayout components setup our default page structure.\n\nGenerally, our page layout includes a central text well and a few preset block breakpoints, wider and narrower than the well.\n\nHere's how it works:\n\n<img\n className=\"feature\"\n src={WellImg}\n width=\"100%\"\n style={{ margin: '3rem 0' }}\n/>\n\nThe [`Article`](?path=/docs/layout-article--default) component sets up the set dimensions of the well and the block breakpoints.\n\nThe [`Block`](?path=/docs/layout-block--default) component is a wrapper for individual parts of a page that can be as wide as any of those breakpoints.\n\nThe 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.\n"],"names":["WellImg","_createMdxContent","props","_components","_provideComponents","_jsxs","_Fragment","_jsx","Meta","parameters","MDXContent","MDXLayout","__page","componentMeta","__namedExportsOrder"],"mappings":"mWAAA,MAAeA,EAAA,GAAA,IAAA,IAAA,4BAAA,YAAA,GAAA,EAAA,KCOf,SAASC,EAAkBC,EAAO,CAChC,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,KACJ,EAAG,IACH,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,qDACX,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,EAAG,CACzC,SAAU,+HACX,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,EAAG,CACzC,SAAU,sBAChB,CAAK,EAAG;AAAA,EAAmBI,EAAI,IAAC,MAAO,CACjC,UAAW,UACX,IAAKP,EACL,MAAO,OACP,MAAO,CACL,OAAQ,QACT,CACF,CAAA,EAAG;AAAA,EAAmBK,OAAMF,EAAY,EAAG,CAC1C,SAAU,CAAC,OAAqBI,MAAKJ,EAAY,EAAG,CAClD,KAAM,sCACN,SAAuBI,EAAAA,IAAKJ,EAAY,KAAM,CAC5C,SAAU,SACpB,CAAS,CACF,CAAA,EAAG,8EAA8E,CACnF,CAAA,EAAG;AAAA,EAAmBE,OAAMF,EAAY,EAAG,CAC1C,SAAU,CAAC,OAAqBI,MAAKJ,EAAY,EAAG,CAClD,KAAM,oCACN,SAAuBI,EAAAA,IAAKJ,EAAY,KAAM,CAC5C,SAAU,OACpB,CAAS,CACF,CAAA,EAAG,yGAAyG,CAC9G,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,EAAG,CACzC,SAAU,oMAChB,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-541cf77e.js","sources":["../../src/docs/layout/article-well.jpg","../../src/docs/layout/intro.stories.mdx"],"sourcesContent":["export default \"__VITE_ASSET__123fceea__\"","import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\nimport WellImg from './article-well.jpg';\n\n<Meta title=\"Layout/Intro\" parameters={{ ...parameters }} />\n\n\n\n# Layout\n\nLayout components setup our default page structure.\n\nGenerally, our page layout includes a central text well and a few preset block breakpoints, wider and narrower than the well.\n\nHere's how it works:\n\n<img\n className=\"feature\"\n src={WellImg}\n width=\"100%\"\n style={{ margin: '3rem 0' }}\n/>\n\nThe [`Article`](?path=/docs/layout-article--default) component sets up the set dimensions of the well and the block breakpoints.\n\nThe [`Block`](?path=/docs/layout-block--default) component is a wrapper for individual parts of a page that can be as wide as any of those breakpoints.\n\nThe 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.\n"],"names":["WellImg","_createMdxContent","props","_components","_provideComponents","_jsxs","_Fragment","_jsx","Meta","parameters","MDXContent","MDXLayout","__page","componentMeta","__namedExportsOrder"],"mappings":"mWAAA,MAAeA,EAAA,GAAA,IAAA,IAAA,4BAAA,YAAA,GAAA,EAAA,KCOf,SAASC,EAAkBC,EAAO,CAChC,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,KACJ,EAAG,IACH,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,qDACX,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,EAAG,CACzC,SAAU,+HACX,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,EAAG,CACzC,SAAU,sBAChB,CAAK,EAAG;AAAA,EAAmBI,EAAI,IAAC,MAAO,CACjC,UAAW,UACX,IAAKP,EACL,MAAO,OACP,MAAO,CACL,OAAQ,QACT,CACF,CAAA,EAAG;AAAA,EAAmBK,OAAMF,EAAY,EAAG,CAC1C,SAAU,CAAC,OAAqBI,MAAKJ,EAAY,EAAG,CAClD,KAAM,sCACN,SAAuBI,EAAAA,IAAKJ,EAAY,KAAM,CAC5C,SAAU,SACpB,CAAS,CACF,CAAA,EAAG,8EAA8E,CACnF,CAAA,EAAG;AAAA,EAAmBE,OAAMF,EAAY,EAAG,CAC1C,SAAU,CAAC,OAAqBI,MAAKJ,EAAY,EAAG,CAClD,KAAM,oCACN,SAAuBI,EAAAA,IAAKJ,EAAY,KAAM,CAC5C,SAAU,OACpB,CAAS,CACF,CAAA,EAAG,yGAAyG,CAC9G,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,EAAG,CACzC,SAAU,oMAChB,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"}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
||||||
import{M as a}from"./chunk-S4VUQJ4A-76df043c.js";import{p as o,j as e}from"./jsx-runtime-1316afe3.js";import{u as i}from"./index-b0c92a81.js";import"./iframe-85fba043.js";import"../sb-preview/runtime.js";import"./index-b79221fd.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",h2:"h2",ol:"ol",li:"li",pre:"pre",code:"code",a:"a"},i(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(a,{title:"Intro",parameters:{...o}}),`
|
import{M as a}from"./chunk-S4VUQJ4A-8db31222.js";import{p as o,j as e}from"./jsx-runtime-14f24761.js";import{u as i}from"./index-67044abb.js";import"./iframe-e9991e0d.js";import"../sb-preview/runtime.js";import"./index-01e52bc8.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",h2:"h2",ol:"ol",li:"li",pre:"pre",code:"code",a:"a"},i(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(a,{title:"Intro",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.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:"reuters-graphicsgraphics-components",children:"@reuters-graphics/graphics-components"}),`
|
`,e.jsx(s.h1,{id:"reuters-graphicsgraphics-components",children:"@reuters-graphics/graphics-components"}),`
|
||||||
`,e.jsxs("p",{children:[e.jsx("a",{href:"https://www.npmjs.com/package/@reuters-graphics/graphics-components",children:e.jsx("img",{src:"https://badge.fury.io/js/@reuters-graphics%2Fgraphics-components.svg",alt:"npm version",style:{display:"inline-block",margin:"0 5px 0 0"}})}),e.jsx("a",{href:"https://github.com/reuters-graphics/graphics-components",children:e.jsx("img",{src:"https://badgen.net/badge/icon/GitHub?icon=github&label",alt:"GitHub",style:{display:"inline-block",margin:"0 5px 0 0"}})})]}),`
|
`,e.jsxs("p",{children:[e.jsx("a",{href:"https://www.npmjs.com/package/@reuters-graphics/graphics-components",children:e.jsx("img",{src:"https://badge.fury.io/js/@reuters-graphics%2Fgraphics-components.svg",alt:"npm version",style:{display:"inline-block",margin:"0 5px 0 0"}})}),e.jsx("a",{href:"https://github.com/reuters-graphics/graphics-components",children:e.jsx("img",{src:"https://badgen.net/badge/icon/GitHub?icon=github&label",alt:"GitHub",style:{display:"inline-block",margin:"0 5px 0 0"}})})]}),`
|
||||||
|
|
@ -18,4 +18,4 @@ import{M as a}from"./chunk-S4VUQJ4A-76df043c.js";import{p as o,j as e}from"./jsx
|
||||||
|
|
||||||
<BodyText text="{'Hello world!'}" />
|
<BodyText text="{'Hello world!'}" />
|
||||||
`})})]})}function c(t={}){const{wrapper:s}=Object.assign({},i(),t.components);return s?e.jsx(s,{...t,children:e.jsx(n,{...t})}):n(t)}const p=()=>{throw new Error("Docs-only story")};p.parameters={docsOnly:!0};const r={title:"Intro",parameters:{...o},tags:["stories-mdx"],includeStories:["__page"]};r.parameters=r.parameters||{};r.parameters.docs={...r.parameters.docs||{},page:c};const f=["__page"];export{f as __namedExportsOrder,p as __page,r as default};
|
`})})]})}function c(t={}){const{wrapper:s}=Object.assign({},i(),t.components);return s?e.jsx(s,{...t,children:e.jsx(n,{...t})}):n(t)}const p=()=>{throw new Error("Docs-only story")};p.parameters={docsOnly:!0};const r={title:"Intro",parameters:{...o},tags:["stories-mdx"],includeStories:["__page"]};r.parameters=r.parameters||{};r.parameters.docs={...r.parameters.docs||{},page:c};const f=["__page"];export{f as __namedExportsOrder,p as __page,r as default};
|
||||||
//# sourceMappingURL=intro.stories-95feec91.js.map
|
//# sourceMappingURL=intro.stories-e3a0da88.js.map
|
||||||
|
|
@ -1 +1 @@
|
||||||
{"version":3,"file":"intro.stories-95feec91.js","sources":["../../src/docs/intro.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"Intro\" parameters={{ ...parameters }} />\n\n\n\n# @reuters-graphics/graphics-components\n\n<p>\n <a href=\"https://www.npmjs.com/package/@reuters-graphics/graphics-components\">\n <img\n src=\"https://badge.fury.io/js/@reuters-graphics%2Fgraphics-components.svg\"\n alt=\"npm version\"\n style={{ display: 'inline-block', margin: '0 5px 0 0' }}\n />\n </a>\n <a href=\"https://github.com/reuters-graphics/graphics-components\">\n <img\n src=\"https://badgen.net/badge/icon/GitHub?icon=github&label\"\n alt=\"GitHub\"\n style={{ display: 'inline-block', margin: '0 5px 0 0' }}\n />\n </a>\n</p>\n\nSvelte components, SCSS and more you can use in graphics projects.\n\n## Getting started\n\n1. Install\n\n```bash\nyarn add @reuters-graphics/graphics-components\n```\n\n2. Checkout the [guides](?path=/docs/guides-using-these-docs--page), if you haven't, or dive straight into the docs to start using components.\n\n```svelte\n<script>\n import { BodyText } from '@reuters-graphics/graphics-components';\n</script>\n\n<BodyText text=\"{'Hello world!'}\" />\n```\n"],"names":["_createMdxContent","props","_components","_provideComponents","_jsxs","_Fragment","_jsx","Meta","parameters","MDXContent","MDXLayout","__page","componentMeta","__namedExportsOrder"],"mappings":"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"}
|
{"version":3,"file":"intro.stories-e3a0da88.js","sources":["../../src/docs/intro.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"Intro\" parameters={{ ...parameters }} />\n\n\n\n# @reuters-graphics/graphics-components\n\n<p>\n <a href=\"https://www.npmjs.com/package/@reuters-graphics/graphics-components\">\n <img\n src=\"https://badge.fury.io/js/@reuters-graphics%2Fgraphics-components.svg\"\n alt=\"npm version\"\n style={{ display: 'inline-block', margin: '0 5px 0 0' }}\n />\n </a>\n <a href=\"https://github.com/reuters-graphics/graphics-components\">\n <img\n src=\"https://badgen.net/badge/icon/GitHub?icon=github&label\"\n alt=\"GitHub\"\n style={{ display: 'inline-block', margin: '0 5px 0 0' }}\n />\n </a>\n</p>\n\nSvelte components, SCSS and more you can use in graphics projects.\n\n## Getting started\n\n1. Install\n\n```bash\nyarn add @reuters-graphics/graphics-components\n```\n\n2. Checkout the [guides](?path=/docs/guides-using-these-docs--page), if you haven't, or dive straight into the docs to start using components.\n\n```svelte\n<script>\n import { BodyText } from '@reuters-graphics/graphics-components';\n</script>\n\n<BodyText text=\"{'Hello world!'}\" />\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,GAAI,KACJ,GAAI,KACJ,IAAK,MACL,KAAM,OACN,EAAG,GACJ,EAAEC,EAAoB,EAAEF,EAAM,UAAU,EACzC,OAAoBG,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcC,EAAI,IAACC,EAAM,CACjC,MAAO,QACP,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,sCACJ,SAAU,uCAChB,CAAK,EAAG;AAAA,EAAmBE,EAAK,KAAC,IAAK,CAChC,SAAU,CAAcE,EAAI,IAAC,IAAK,CAChC,KAAM,sEACN,SAAuBA,EAAI,IAAC,MAAO,CACjC,IAAK,uEACL,IAAK,cACL,MAAO,CACL,QAAS,eACT,OAAQ,WACT,CACX,CAAS,CACT,CAAO,EAAgBA,EAAI,IAAC,IAAK,CACzB,KAAM,0DACN,SAAuBA,EAAI,IAAC,MAAO,CACjC,IAAK,yDACL,IAAK,SACL,MAAO,CACL,QAAS,eACT,OAAQ,WACT,CACX,CAAS,CACT,CAAO,CAAC,CACH,CAAA,EAAG;AAAA,EAAmBA,MAAKJ,EAAY,EAAG,CACzC,SAAU,oEACX,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,GAAI,CAC1C,GAAI,kBACJ,SAAU,iBACX,CAAA,EAAG;AAAA,EAAmBE,OAAMF,EAAY,GAAI,CAC3C,SAAU,CAAC;AAAA,EAAmBI,MAAKJ,EAAY,GAAI,CACjD,SAAU,SACX,CAAA,EAAG;AAAA,CAAI,CACT,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,IAAK,CAC3C,SAAuBI,EAAAA,IAAKJ,EAAY,KAAM,CAC5C,UAAW,gBACX,SAAU;AAAA,CAClB,CAAO,CACF,CAAA,EAAG;AAAA,EAAmBE,OAAMF,EAAY,GAAI,CAC3C,MAAO,IACP,SAAU,CAAC;AAAA,EAAmBE,OAAMF,EAAY,GAAI,CAClD,SAAU,CAAC,gBAA8BI,MAAKJ,EAAY,EAAG,CAC3D,KAAM,4CACN,SAAU,QACX,CAAA,EAAG,6EAA6E,CAClF,CAAA,EAAG;AAAA,CAAI,CACT,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,IAAK,CAC3C,SAAuBI,EAAAA,IAAKJ,EAAY,KAAM,CAC5C,UAAW,kBACX,SAAU;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,QACP,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"}
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import{M as a}from"./chunk-S4VUQJ4A-76df043c.js";import{p as n,j as e}from"./jsx-runtime-1316afe3.js";import{u as i}from"./index-b0c92a81.js";import"./iframe-85fba043.js";import"../sb-preview/runtime.js";import"./index-b79221fd.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-8db31222.js";import{p as n,j as e}from"./jsx-runtime-14f24761.js";import{u as i}from"./index-67044abb.js";import"./iframe-e9991e0d.js";import"../sb-preview/runtime.js";import"./index-01e52bc8.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.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.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."}),`
|
`,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-76df043c.js";import{p as n,j as e}from"./jsx
|
||||||
import '@reuters-graphics/graphics-components/scss/main';
|
import '@reuters-graphics/graphics-components/scss/main';
|
||||||
<\/script>
|
<\/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};
|
`})})]})}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-8e3a6cf5.js.map
|
//# sourceMappingURL=intro.stories-eb9b4d0a.js.map
|
||||||
|
|
@ -1 +1 @@
|
||||||
{"version":3,"file":"intro.stories-8e3a6cf5.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\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-eb9b4d0a.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\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"}
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
import{M as i}from"./chunk-S4VUQJ4A-76df043c.js";import{p as n,j as t}from"./jsx-runtime-1316afe3.js";import{u as a}from"./index-b0c92a81.js";import"./iframe-85fba043.js";import"../sb-preview/runtime.js";import"./index-b79221fd.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";function s(o){const e=Object.assign({p:"p",img:"img",h1:"h1",a:"a",em:"em"},a(),o.components);return t.jsxs(t.Fragment,{children:[t.jsx(i,{title:"Actions/Intro",parameters:{...n}}),`
|
import{M as i}from"./chunk-S4VUQJ4A-8db31222.js";import{p as n,j as t}from"./jsx-runtime-14f24761.js";import{u as a}from"./index-67044abb.js";import"./iframe-e9991e0d.js";import"../sb-preview/runtime.js";import"./index-01e52bc8.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";function s(o){const e=Object.assign({p:"p",img:"img",h1:"h1",a:"a",em:"em"},a(),o.components);return t.jsxs(t.Fragment,{children:[t.jsx(i,{title:"Actions/Intro",parameters:{...n}}),`
|
||||||
`,t.jsx(e.p,{children:t.jsx(e.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
|
`,t.jsx(e.p,{children:t.jsx(e.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
|
||||||
`,t.jsx(e.h1,{id:"actions",children:"Actions"}),`
|
`,t.jsx(e.h1,{id:"actions",children:"Actions"}),`
|
||||||
`,t.jsxs(e.p,{children:["Svelte ",t.jsx(e.a,{href:"https://svelte.dev/tutorial/actions",target:"_blank",rel:"nofollow noopener noreferrer",children:"actions"}),' are arbitrary functions that run after Svelte "mounts" an element in the DOM.']}),`
|
`,t.jsxs(e.p,{children:["Svelte ",t.jsx(e.a,{href:"https://svelte.dev/tutorial/actions",target:"_blank",rel:"nofollow noopener noreferrer",children:"actions"}),' are arbitrary functions that run after Svelte "mounts" an element in the DOM.']}),`
|
||||||
`,t.jsxs(e.p,{children:["But let's try a ",t.jsx(e.em,{children:"less"})," technical definition: Svelte actions are extra topping you can add to your HTML once it comes out of the oven."]}),`
|
`,t.jsxs(e.p,{children:["But let's try a ",t.jsx(e.em,{children:"less"})," technical definition: Svelte actions are extra topping you can add to your HTML once it comes out of the oven."]}),`
|
||||||
`,t.jsx(e.p,{children:"These are little functions that do little, if often very useful, things on top of your code."}),`
|
`,t.jsx(e.p,{children:"These are little functions that do little, if often very useful, things on top of your code."}),`
|
||||||
`,t.jsx(e.p,{children:"Have a look through the actions we have in this section to get a better idea and watch this space for more TK."})]})}function c(o={}){const{wrapper:e}=Object.assign({},a(),o.components);return e?t.jsx(e,{...o,children:t.jsx(s,{...o})}):s(o)}const p=()=>{throw new Error("Docs-only story")};p.parameters={docsOnly:!0};const r={title:"Actions/Intro",parameters:{...n},tags:["stories-mdx"],includeStories:["__page"]};r.parameters=r.parameters||{};r.parameters.docs={...r.parameters.docs||{},page:c};const y=["__page"];export{y as __namedExportsOrder,p as __page,r as default};
|
`,t.jsx(e.p,{children:"Have a look through the actions we have in this section to get a better idea and watch this space for more TK."})]})}function c(o={}){const{wrapper:e}=Object.assign({},a(),o.components);return e?t.jsx(e,{...o,children:t.jsx(s,{...o})}):s(o)}const p=()=>{throw new Error("Docs-only story")};p.parameters={docsOnly:!0};const r={title:"Actions/Intro",parameters:{...n},tags:["stories-mdx"],includeStories:["__page"]};r.parameters=r.parameters||{};r.parameters.docs={...r.parameters.docs||{},page:c};const y=["__page"];export{y as __namedExportsOrder,p as __page,r as default};
|
||||||
//# sourceMappingURL=intro.stories-9f266cc9.js.map
|
//# sourceMappingURL=intro.stories-f7d9a4e8.js.map
|
||||||
|
|
@ -1 +1 @@
|
||||||
{"version":3,"file":"intro.stories-9f266cc9.js","sources":["../../src/docs/actions/intro.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"Actions/Intro\" parameters={{ ...parameters }} />\n\n\n\n# Actions\n\nSvelte [actions](https://svelte.dev/tutorial/actions) are arbitrary functions that run after Svelte \"mounts\" an element in the DOM.\n\nBut let's try a _less_ technical definition: Svelte actions are extra topping you can add to your HTML once it comes out of the oven.\n\nThese are little functions that do little, if often very useful, things on top of your code.\n\nHave a look through the actions we have in this section to get a better idea and watch this space for more TK.\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,EAAG,IACH,GAAI,IACL,EAAEC,EAAoB,EAAEF,EAAM,UAAU,EACzC,OAAoBG,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcC,EAAI,IAACC,EAAM,CACjC,MAAO,gBACP,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,UACJ,SAAU,SACX,CAAA,EAAG;AAAA,EAAmBE,OAAMF,EAAY,EAAG,CAC1C,SAAU,CAAC,UAAwBI,MAAKJ,EAAY,EAAG,CACrD,KAAM,sCACN,OAAQ,SACR,IAAK,+BACL,SAAU,SACX,CAAA,EAAG,gFAAkF,CACvF,CAAA,EAAG;AAAA,EAAmBE,OAAMF,EAAY,EAAG,CAC1C,SAAU,CAAC,mBAAiCI,MAAKJ,EAAY,GAAI,CAC/D,SAAU,MACX,CAAA,EAAG,iHAAiH,CACtH,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,EAAG,CACzC,SAAU,8FACX,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,EAAG,CACzC,SAAU,gHAChB,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,gBACP,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-f7d9a4e8.js","sources":["../../src/docs/actions/intro.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"Actions/Intro\" parameters={{ ...parameters }} />\n\n\n\n# Actions\n\nSvelte [actions](https://svelte.dev/tutorial/actions) are arbitrary functions that run after Svelte \"mounts\" an element in the DOM.\n\nBut let's try a _less_ technical definition: Svelte actions are extra topping you can add to your HTML once it comes out of the oven.\n\nThese are little functions that do little, if often very useful, things on top of your code.\n\nHave a look through the actions we have in this section to get a better idea and watch this space for more TK.\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,EAAG,IACH,GAAI,IACL,EAAEC,EAAoB,EAAEF,EAAM,UAAU,EACzC,OAAoBG,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcC,EAAI,IAACC,EAAM,CACjC,MAAO,gBACP,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,UACJ,SAAU,SACX,CAAA,EAAG;AAAA,EAAmBE,OAAMF,EAAY,EAAG,CAC1C,SAAU,CAAC,UAAwBI,MAAKJ,EAAY,EAAG,CACrD,KAAM,sCACN,OAAQ,SACR,IAAK,+BACL,SAAU,SACX,CAAA,EAAG,gFAAkF,CACvF,CAAA,EAAG;AAAA,EAAmBE,OAAMF,EAAY,EAAG,CAC1C,SAAU,CAAC,mBAAiCI,MAAKJ,EAAY,GAAI,CAC/D,SAAU,MACX,CAAA,EAAG,iHAAiH,CACtH,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,EAAG,CACzC,SAAU,8FACX,CAAA,EAAG;AAAA,EAAmBI,MAAKJ,EAAY,EAAG,CACzC,SAAU,gHAChB,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,gBACP,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"}
|
||||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue