published 0.1.5
This commit is contained in:
github-actions
parent
85f23e7bbb
commit
d0fdaddbbe
77 changed files with 192 additions and 192 deletions
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{D as n,d as f}from"./chunk-PCJTTTQV-90f858af.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";export{n as DocsRenderer,f as defaultComponents};
|
||||
//# sourceMappingURL=DocsRenderer-EYKKDMVH-2353b3b7.js.map
|
||||
import{D as n,d as f}from"./chunk-PCJTTTQV-0a40be90.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";export{n as DocsRenderer,f as defaultComponents};
|
||||
//# sourceMappingURL=DocsRenderer-EYKKDMVH-03bad4ed.js.map
|
||||
1
docs/assets/DocsRenderer-EYKKDMVH-03bad4ed.js.map
Normal file
1
docs/assets/DocsRenderer-EYKKDMVH-03bad4ed.js.map
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"DocsRenderer-EYKKDMVH-03bad4ed.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
||||
|
|
@ -1 +0,0 @@
|
|||
{"version":3,"file":"DocsRenderer-EYKKDMVH-2353b3b7.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
85
docs/assets/Video.stories-1626d946.js
Normal file
85
docs/assets/Video.stories-1626d946.js
Normal file
File diff suppressed because one or more lines are too long
1
docs/assets/Video.stories-1626d946.js.map
Normal file
1
docs/assets/Video.stories-1626d946.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 +0,0 @@
|
|||
{"version":3,"file":"WithTooltip-FBT32F6Q-5ccce21a.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
import{b as l,b as s,f as W}from"./chunk-PCJTTTQV-90f858af.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";export{l as WithToolTipState,s as WithTooltip,W as WithTooltipPure};
|
||||
//# sourceMappingURL=WithTooltip-FBT32F6Q-5ccce21a.js.map
|
||||
import{b as l,b as s,f as W}from"./chunk-PCJTTTQV-0a40be90.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";export{l as WithToolTipState,s as WithTooltip,W as WithTooltipPure};
|
||||
//# sourceMappingURL=WithTooltip-FBT32F6Q-d33b5b31.js.map
|
||||
1
docs/assets/WithTooltip-FBT32F6Q-d33b5b31.js.map
Normal file
1
docs/assets/WithTooltip-FBT32F6Q-d33b5b31.js.map
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"WithTooltip-FBT32F6Q-d33b5b31.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import{M as l}from"./chunk-PCJTTTQV-90f858af.js";import{p as i,j as e}from"./jsx-runtime-539b76a3.js";import{u as a}from"./index-297ebefe.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function c(t={}){const{wrapper:r}=Object.assign({},a(),t.components);return r?e.jsx(r,{...t,children:e.jsx(s,{})}):s();function s(){const o=Object.assign({p:"p",img:"img",h1:"h1",a:"a",code:"code",pre:"pre",em:"em",blockquote:"blockquote",strong:"strong"},a(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(l,{title:"Contributing/Recipes: Basic story",parameters:{...i}}),`
|
||||
import{M as l}from"./chunk-PCJTTTQV-0a40be90.js";import{p as i,j as e}from"./jsx-runtime-539b76a3.js";import{u as a}from"./index-297ebefe.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function c(t={}){const{wrapper:r}=Object.assign({},a(),t.components);return r?e.jsx(r,{...t,children:e.jsx(s,{})}):s();function s(){const o=Object.assign({p:"p",img:"img",h1:"h1",a:"a",code:"code",pre:"pre",em:"em",blockquote:"blockquote",strong:"strong"},a(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(l,{title:"Contributing/Recipes: Basic story",parameters:{...i}}),`
|
||||
`,e.jsx(o.p,{children:e.jsx(o.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
|
||||
`,e.jsx(o.h1,{id:"recipes-basic-story",children:"Recipes: Basic story"}),`
|
||||
`,e.jsxs(o.p,{children:["To make a basic story, you'll need to setup a few things from storybook's Svelte ",e.jsx(o.a,{href:"https://storybook.js.org/docs/svelte/api/csf",target:"_blank",rel:"nofollow noopener noreferrer",children:"Component Story Framework (CSF)"})," library."]}),`
|
||||
|
|
@ -57,4 +57,4 @@ import{M as l}from"./chunk-PCJTTTQV-90f858af.js";import{p as i,j as e}from"./jsx
|
|||
`,e.jsxs(o.blockquote,{children:[`
|
||||
`,e.jsxs(o.p,{children:[e.jsx(o.strong,{children:"Pro tip:"})," If you pass your component in directly, your users won't be able to control its props using Storybook's built-in ",e.jsx(o.a,{href:"https://storybook.js.org/docs/svelte/essentials/controls",target:"_blank",rel:"nofollow noopener noreferrer",children:"controls panel"}),", so it's always best to start with a default example using ",e.jsx(o.code,{children:"args"}),"."]}),`
|
||||
`]})]})}}const p=()=>{throw new Error("Docs-only story")};p.parameters={docsOnly:!0};const n={title:"Contributing/Recipes: Basic story",parameters:{...i},tags:["stories-mdx"],includeStories:["__page"]};n.parameters=n.parameters||{};n.parameters.docs={...n.parameters.docs||{},page:c};const k=["__page"];export{k as __namedExportsOrder,p as __page,n as default};
|
||||
//# sourceMappingURL=basic-story.stories-ca93e3f9.js.map
|
||||
//# sourceMappingURL=basic-story.stories-ff78fbd6.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 c}from"./chunk-PCJTTTQV-90f858af.js";import{p as i,j as e}from"./jsx-runtime-539b76a3.js";import{u as l}from"./index-297ebefe.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function p(r={}){const{wrapper:o}=Object.assign({},l(),r.components);return o?e.jsx(o,{...r,children:e.jsx(s,{})}):s();function s(){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(),r.components);return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"Contributing/Component guidelines",parameters:{...i}}),`
|
||||
import{M as c}from"./chunk-PCJTTTQV-0a40be90.js";import{p as i,j as e}from"./jsx-runtime-539b76a3.js";import{u as l}from"./index-297ebefe.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function p(r={}){const{wrapper:o}=Object.assign({},l(),r.components);return o?e.jsx(o,{...r,children:e.jsx(s,{})}):s();function s(){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(),r.components);return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"Contributing/Component guidelines",parameters:{...i}}),`
|
||||
`,e.jsx(n.p,{children:e.jsx(n.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
|
||||
`,e.jsx(n.h1,{id:"component-guidelines",children:"Component guidelines"}),`
|
||||
`,e.jsx(n.h2,{id:"dependencies",children:"Dependencies"}),`
|
||||
|
|
@ -119,4 +119,4 @@ import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p as i,j as e}from"./jsx
|
|||
}
|
||||
</style>
|
||||
`})})]})}}const a=()=>{throw new Error("Docs-only story")};a.parameters={docsOnly:!0};const t={title:"Contributing/Component guidelines",parameters:{...i},tags:["stories-mdx"],includeStories:["__page"]};t.parameters=t.parameters||{};t.parameters.docs={...t.parameters.docs||{},page:p};const w=["__page"];export{w as __namedExportsOrder,a as __page,t as default};
|
||||
//# sourceMappingURL=component-guidelines.stories-d85a91f4.js.map
|
||||
//# sourceMappingURL=component-guidelines.stories-a4600347.js.map
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
|||
import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p as l,j as e}from"./jsx-runtime-539b76a3.js";import{u as a}from"./index-297ebefe.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function i(n={}){const{wrapper:s}=Object.assign({},a(),n.components);return s?e.jsx(s,{...n,children:e.jsx(t,{})}):t();function t(){const o=Object.assign({p:"p",img:"img",h1:"h1",a:"a",code:"code",em:"em",blockquote:"blockquote",strong:"strong",pre:"pre",h2:"h2",h3:"h3"},a(),n.components);return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"SCSS/CSS variables",parameters:{...l}}),`
|
||||
import{M as c}from"./chunk-PCJTTTQV-0a40be90.js";import{p as l,j as e}from"./jsx-runtime-539b76a3.js";import{u as a}from"./index-297ebefe.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function i(n={}){const{wrapper:s}=Object.assign({},a(),n.components);return s?e.jsx(s,{...n,children:e.jsx(t,{})}):t();function t(){const o=Object.assign({p:"p",img:"img",h1:"h1",a:"a",code:"code",em:"em",blockquote:"blockquote",strong:"strong",pre:"pre",h2:"h2",h3:"h3"},a(),n.components);return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"SCSS/CSS variables",parameters:{...l}}),`
|
||||
`,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:"css-variables",children:"CSS variables"}),`
|
||||
`,e.jsxs(o.p,{children:["Several ",e.jsx(o.a,{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties",target:"_blank",rel:"nofollow noopener noreferrer",children:"CSS variables"})," are provided by the ",e.jsx(o.a,{href:"?path=/docs/components-theme--default",children:e.jsx(o.code,{children:"Theme"})})," component. All other components in this library use these variables for styling basic colours and typography. You can (and probably ",e.jsx(o.em,{children:"should"}),") use them in you own code, too."]}),`
|
||||
|
|
@ -37,4 +37,4 @@ import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p as l,j as e}from"./jsx
|
|||
| `,e.jsx(o.code,{children:"--theme-font-family-subhed"})," | Subhead (",e.jsx(o.code,{children:"h2"}),"-",e.jsx(o.code,{children:"h6"}),`) font family |
|
||||
| `,e.jsx(o.code,{children:"--theme-font-family-body"}),` | Body text font family |
|
||||
| `,e.jsx(o.code,{children:"--theme-font-family-note"})," | Note font family |"]})]})}}const d=()=>{throw new Error("Docs-only story")};d.parameters={docsOnly:!0};const r={title:"SCSS/CSS variables",parameters:{...l},tags:["stories-mdx"],includeStories:["__page"]};r.parameters=r.parameters||{};r.parameters.docs={...r.parameters.docs||{},page:i};const v=["__page"];export{v as __namedExportsOrder,d as __page,r as default};
|
||||
//# sourceMappingURL=css-variables.stories-62f931a6.js.map
|
||||
//# sourceMappingURL=css-variables.stories-6ca25243.js.map
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
|||
import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p as i,j as e}from"./jsx-runtime-539b76a3.js";import{u as a}from"./index-297ebefe.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function p(r={}){const{wrapper:o}=Object.assign({},a(),r.components);return o?e.jsx(o,{...r,children:e.jsx(n,{})}):n();function n(){const s=Object.assign({p:"p",img:"img",h1:"h1",code:"code",a:"a",pre:"pre"},a(),r.components);return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"Actions/cssVariables",parameters:{...i}}),`
|
||||
import{M as c}from"./chunk-PCJTTTQV-0a40be90.js";import{p as i,j as e}from"./jsx-runtime-539b76a3.js";import{u as a}from"./index-297ebefe.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function p(r={}){const{wrapper:o}=Object.assign({},a(),r.components);return o?e.jsx(o,{...r,children:e.jsx(n,{})}):n();function n(){const s=Object.assign({p:"p",img:"img",h1:"h1",code:"code",a:"a",pre:"pre"},a(),r.components);return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"Actions/cssVariables",parameters:{...i}}),`
|
||||
`,e.jsx(s.p,{children:e.jsx(s.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
|
||||
`,e.jsx(s.h1,{id:"cssvariables",children:e.jsx(s.code,{children:"cssVariables"})}),`
|
||||
`,e.jsxs(s.p,{children:["An action you can use to easily set ",e.jsx(s.a,{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties",target:"_blank",rel:"nofollow noopener noreferrer",children:"CSS variables"})," on HTML elements. Useful for passing JavaScript values to your component SCSS like this:"]}),`
|
||||
|
|
@ -32,4 +32,4 @@ import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p as i,j as e}from"./jsx
|
|||
}
|
||||
</style>
|
||||
`})})]})}}const l=()=>{throw new Error("Docs-only story")};l.parameters={docsOnly:!0};const t={title:"Actions/cssVariables",parameters:{...i},tags:["stories-mdx"],includeStories:["__page"]};t.parameters=t.parameters||{};t.parameters.docs={...t.parameters.docs||{},page:p};const _=["__page"];export{_ as __namedExportsOrder,l as __page,t as default};
|
||||
//# sourceMappingURL=cssVariables.stories-8f8f8dda.js.map
|
||||
//# sourceMappingURL=cssVariables.stories-4841b397.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"cssVariables.stories-8f8f8dda.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```html\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":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"iYAOA,SAASA,EAAWC,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASC,CACb,EAAM,OAAO,OAAO,CAAE,EAAEC,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOC,EAAyBE,EAAAA,IAAKF,EAAW,CAAE,GAAGD,EACnD,SAAuBG,EAAAA,IAAKC,EAAmB,EAAE,CACrD,CAAG,EAAIA,EAAiB,EAEtB,SAASA,GAAoB,CAC3B,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,KACJ,KAAM,OACN,EAAG,IACH,IAAK,KACN,EAAEH,EAAoB,EAAEF,EAAM,UAAU,EAEzC,OAAoBM,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcJ,EAAI,IAACK,EAAM,CACjC,MAAO,uBACP,WAAY,CAAE,GAAGC,CAChB,CACF,CAAA,EAAG;AAAA,EAAmBN,MAAKE,EAAY,EAAG,CACzC,SAAuBF,EAAAA,IAAKE,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACf,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,eACJ,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,SAAU,cACpB,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBC,OAAMD,EAAY,EAAG,CAC1C,SAAU,CAAC,uCAAqDF,MAAKE,EAAY,EAAG,CAClF,KAAM,+EACN,OAAQ,SACR,IAAK,+BACL,SAAU,eACX,CAAA,EAAG,2FAA2F,CAChG,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,IAAK,CAC3C,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,UAAW,gBACX,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,CACpB,CAAS,CACT,CAAO,CAAC,CACR,CAAK,CACF,CACH,CAIY,MAACK,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,uBACP,WAAY,CAAE,GAAGF,CAChB,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAE,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAAE,GAAIA,EAAc,WAAW,MAAQ,GACrE,KAAMZ,CACR,EAC4B,MAAAa,EAAA,CAAA,QAAA"}
|
||||
{"version":3,"file":"cssVariables.stories-4841b397.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```html\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":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"iYAOA,SAASA,EAAWC,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASC,CACb,EAAM,OAAO,OAAO,CAAE,EAAEC,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOC,EAAyBE,EAAAA,IAAKF,EAAW,CAAE,GAAGD,EACnD,SAAuBG,EAAAA,IAAKC,EAAmB,EAAE,CACrD,CAAG,EAAIA,EAAiB,EAEtB,SAASA,GAAoB,CAC3B,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,KACJ,KAAM,OACN,EAAG,IACH,IAAK,KACN,EAAEH,EAAoB,EAAEF,EAAM,UAAU,EAEzC,OAAoBM,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcJ,EAAI,IAACK,EAAM,CACjC,MAAO,uBACP,WAAY,CAAE,GAAGC,CAChB,CACF,CAAA,EAAG;AAAA,EAAmBN,MAAKE,EAAY,EAAG,CACzC,SAAuBF,EAAAA,IAAKE,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACf,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,eACJ,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,SAAU,cACpB,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBC,OAAMD,EAAY,EAAG,CAC1C,SAAU,CAAC,uCAAqDF,MAAKE,EAAY,EAAG,CAClF,KAAM,+EACN,OAAQ,SACR,IAAK,+BACL,SAAU,eACX,CAAA,EAAG,2FAA2F,CAChG,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,IAAK,CAC3C,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,UAAW,gBACX,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,CACpB,CAAS,CACT,CAAO,CAAC,CACR,CAAK,CACF,CACH,CAIY,MAACK,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,uBACP,WAAY,CAAE,GAAGF,CAChB,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAE,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAAE,GAAIA,EAAc,WAAW,MAAQ,GACrE,KAAMZ,CACR,EAC4B,MAAAa,EAAA,CAAA,QAAA"}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p as a,j as e}from"./jsx-runtime-539b76a3.js";import{u as i}from"./index-297ebefe.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";const h=""+new URL("scss-start-2a80c71b.png",import.meta.url).href,l=""+new URL("scss-highlight-be092e13.png",import.meta.url).href,d=""+new URL("scss-inspector-ad61f9f6.png",import.meta.url).href,p=""+new URL("scss-change-08eee85b.png",import.meta.url).href,m=""+new URL("scss-test-248bae69.png",import.meta.url).href,g=""+new URL("scss-winning-4f1df231.png",import.meta.url).href;function u(n={}){const{wrapper:r}=Object.assign({},i(),n.components);return r?e.jsx(r,{...n,children:e.jsx(o,{})}):o();function o(){const s=Object.assign({p:"p",img:"img",h1:"h1",h2:"h2",code:"code",em:"em",pre:"pre",h4:"h4",strong:"strong"},i(),n.components);return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"Guides/Customising components with SCSS",parameters:{...a}}),`
|
||||
import{M as c}from"./chunk-PCJTTTQV-0a40be90.js";import{p as a,j as e}from"./jsx-runtime-539b76a3.js";import{u as i}from"./index-297ebefe.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";const h=""+new URL("scss-start-2a80c71b.png",import.meta.url).href,l=""+new URL("scss-highlight-be092e13.png",import.meta.url).href,d=""+new URL("scss-inspector-ad61f9f6.png",import.meta.url).href,p=""+new URL("scss-change-08eee85b.png",import.meta.url).href,m=""+new URL("scss-test-248bae69.png",import.meta.url).href,g=""+new URL("scss-winning-4f1df231.png",import.meta.url).href;function u(n={}){const{wrapper:r}=Object.assign({},i(),n.components);return r?e.jsx(r,{...n,children:e.jsx(o,{})}):o();function o(){const s=Object.assign({p:"p",img:"img",h1:"h1",h2:"h2",code:"code",em:"em",pre:"pre",h4:"h4",strong:"strong"},i(),n.components);return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"Guides/Customising components with SCSS",parameters:{...a}}),`
|
||||
`,e.jsx(s.p,{children:e.jsx(s.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
|
||||
`,e.jsx(s.h1,{id:"customising-components-with-scss",children:"Customising components with SCSS"}),`
|
||||
`,e.jsx(s.p,{children:"One of the most powerful ways to customise components isn't props or, even, Svelte."}),`
|
||||
|
|
@ -40,4 +40,4 @@ import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p as a,j as e}from"./jsx
|
|||
`,e.jsx(s.p,{children:"Done!"}),`
|
||||
`,e.jsxs(s.h4,{id:"can-i-just-important-it",children:["Can I just... ",e.jsx(s.code,{children:"important!"})," it?"]}),`
|
||||
`,e.jsxs(s.p,{children:["Yep, as a last result. Just be sure your style rule is ",e.jsx(s.strong,{children:"very specific"})," and not something generic that might apply to other elements like ",e.jsx(s.code,{children:"div.container"}),"."]})]})}}const w=()=>{throw new Error("Docs-only story")};w.parameters={docsOnly:!0};const t={title:"Guides/Customising components with SCSS",parameters:{...a},tags:["stories-mdx"],includeStories:["__page"]};t.parameters=t.parameters||{};t.parameters.docs={...t.parameters.docs||{},page:u};const D=["__page"];export{D as __namedExportsOrder,w as __page,t as default};
|
||||
//# sourceMappingURL=customising-with-scss.stories-2f61a807.js.map
|
||||
//# sourceMappingURL=customising-with-scss.stories-e970930f.js.map
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
|||
import{M as p}from"./chunk-PCJTTTQV-90f858af.js";import{p as i,j as s}from"./jsx-runtime-539b76a3.js";import{u as a}from"./index-297ebefe.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function c(t={}){const{wrapper:r}=Object.assign({},a(),t.components);return r?s.jsx(r,{...t,children:s.jsx(o,{})}):o();function o(){const n=Object.assign({p:"p",img:"img",h1:"h1",h2:"h2",pre:"pre",code:"code"},a(),t.components);return s.jsxs(s.Fragment,{children:[s.jsx(p,{title:"SCSS/Fonts",parameters:{...i}}),`
|
||||
import{M as p}from"./chunk-PCJTTTQV-0a40be90.js";import{p as i,j as s}from"./jsx-runtime-539b76a3.js";import{u as a}from"./index-297ebefe.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function c(t={}){const{wrapper:r}=Object.assign({},a(),t.components);return r?s.jsx(r,{...t,children:s.jsx(o,{})}):o();function o(){const n=Object.assign({p:"p",img:"img",h1:"h1",h2:"h2",pre:"pre",code:"code"},a(),t.components);return s.jsxs(s.Fragment,{children:[s.jsx(p,{title:"SCSS/Fonts",parameters:{...i}}),`
|
||||
`,s.jsx(n.p,{children:s.jsx(n.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
|
||||
`,s.jsx(n.h1,{id:"fonts",children:"Fonts"}),`
|
||||
`,s.jsx(n.p,{children:"There are several ways to specify font styles."}),`
|
||||
|
|
@ -37,4 +37,4 @@ import{M as p}from"./chunk-PCJTTTQV-90f858af.js";import{p as i,j as s}from"./jsx
|
|||
}
|
||||
</style>
|
||||
`})})]})}}const l=()=>{throw new Error("Docs-only story")};l.parameters={docsOnly:!0};const e={title:"SCSS/Fonts",parameters:{...i},tags:["stories-mdx"],includeStories:["__page"]};e.parameters=e.parameters||{};e.parameters.docs={...e.parameters.docs||{},page:c};const C=["__page"];export{C as __namedExportsOrder,l as __page,e as default};
|
||||
//# sourceMappingURL=fonts.stories-257fc015.js.map
|
||||
//# sourceMappingURL=fonts.stories-ee2f79b4.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"fonts.stories-257fc015.js","sources":["../../src/docs/scss/fonts.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"SCSS/Fonts\" parameters={{ ...parameters }} />\n\n\n\n# Fonts\n\nThere are several ways to specify font styles.\n\n## Classes\n\n```html\n<p>\n <span class=\"font-serif\">Lorem</span>\n <span class=\"font-sans\">ipsum</span>\n <span class=\"font-mono\">dolor</span>\n</p>\n```\n\n## Variables\n\n```html\n<style lang=\"scss\">\n // Import SCSS variables\n @import '@reuters-graphics/graphics-components/dist/scss/variables';\n\n p {\n // Use one...\n font-family: $font-family-serif;\n font-family: $font-family-sans-serif;\n font-family: $font-family-display;\n font-family: $font-family-monospace;\n }\n</style>\n```\n\n## Mixins\n\n```html\n<style lang=\"scss\">\n // Import SCSS mixins\n @import '@reuters-graphics/graphics-components/dist/scss/mixins';\n\n p {\n // Use one...\n @include font-serif;\n @include font-sans;\n @include font-display;\n @include font-monospace;\n }\n</style>\n```\n"],"names":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"iYAOA,SAASA,EAAWC,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASC,CACb,EAAM,OAAO,OAAO,CAAE,EAAEC,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOC,EAAyBE,EAAAA,IAAKF,EAAW,CAAE,GAAGD,EACnD,SAAuBG,EAAAA,IAAKC,EAAmB,EAAE,CACrD,CAAG,EAAIA,EAAiB,EAEtB,SAASA,GAAoB,CAC3B,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,KACJ,GAAI,KACJ,IAAK,MACL,KAAM,MACP,EAAEH,EAAoB,EAAEF,EAAM,UAAU,EAEzC,OAAoBM,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcJ,EAAI,IAACK,EAAM,CACjC,MAAO,aACP,WAAY,CAAE,GAAGC,CAChB,CACF,CAAA,EAAG;AAAA,EAAmBN,MAAKE,EAAY,EAAG,CACzC,SAAuBF,EAAAA,IAAKE,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACf,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,QACJ,SAAU,OACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,gDACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,UACJ,SAAU,SACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,IAAK,CAC3C,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,UAAW,gBACX,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA,CACpB,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,YACJ,SAAU,WACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,IAAK,CAC3C,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,UAAW,gBACX,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CACpB,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,SACJ,SAAU,QACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,IAAK,CAC3C,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,UAAW,gBACX,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CACpB,CAAS,CACT,CAAO,CAAC,CACR,CAAK,CACF,CACH,CAIY,MAACK,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,aACP,WAAY,CAAE,GAAGF,CAChB,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAE,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAAE,GAAIA,EAAc,WAAW,MAAQ,GACrE,KAAMZ,CACR,EAC4B,MAAAa,EAAA,CAAA,QAAA"}
|
||||
{"version":3,"file":"fonts.stories-ee2f79b4.js","sources":["../../src/docs/scss/fonts.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"SCSS/Fonts\" parameters={{ ...parameters }} />\n\n\n\n# Fonts\n\nThere are several ways to specify font styles.\n\n## Classes\n\n```html\n<p>\n <span class=\"font-serif\">Lorem</span>\n <span class=\"font-sans\">ipsum</span>\n <span class=\"font-mono\">dolor</span>\n</p>\n```\n\n## Variables\n\n```html\n<style lang=\"scss\">\n // Import SCSS variables\n @import '@reuters-graphics/graphics-components/dist/scss/variables';\n\n p {\n // Use one...\n font-family: $font-family-serif;\n font-family: $font-family-sans-serif;\n font-family: $font-family-display;\n font-family: $font-family-monospace;\n }\n</style>\n```\n\n## Mixins\n\n```html\n<style lang=\"scss\">\n // Import SCSS mixins\n @import '@reuters-graphics/graphics-components/dist/scss/mixins';\n\n p {\n // Use one...\n @include font-serif;\n @include font-sans;\n @include font-display;\n @include font-monospace;\n }\n</style>\n```\n"],"names":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"iYAOA,SAASA,EAAWC,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASC,CACb,EAAM,OAAO,OAAO,CAAE,EAAEC,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOC,EAAyBE,EAAAA,IAAKF,EAAW,CAAE,GAAGD,EACnD,SAAuBG,EAAAA,IAAKC,EAAmB,EAAE,CACrD,CAAG,EAAIA,EAAiB,EAEtB,SAASA,GAAoB,CAC3B,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,KACJ,GAAI,KACJ,IAAK,MACL,KAAM,MACP,EAAEH,EAAoB,EAAEF,EAAM,UAAU,EAEzC,OAAoBM,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcJ,EAAI,IAACK,EAAM,CACjC,MAAO,aACP,WAAY,CAAE,GAAGC,CAChB,CACF,CAAA,EAAG;AAAA,EAAmBN,MAAKE,EAAY,EAAG,CACzC,SAAuBF,EAAAA,IAAKE,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACf,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,QACJ,SAAU,OACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,gDACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,UACJ,SAAU,SACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,IAAK,CAC3C,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,UAAW,gBACX,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA,CACpB,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,YACJ,SAAU,WACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,IAAK,CAC3C,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,UAAW,gBACX,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CACpB,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,SACJ,SAAU,QACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,IAAK,CAC3C,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,UAAW,gBACX,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CACpB,CAAS,CACT,CAAO,CAAC,CACR,CAAK,CACF,CACH,CAIY,MAACK,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,aACP,WAAY,CAAE,GAAGF,CAChB,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAE,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAAE,GAAIA,EAAc,WAAW,MAAQ,GACrE,KAAMZ,CACR,EAC4B,MAAAa,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 h}from"./chunk-PCJTTTQV-90f858af.js";import{p as a,j as e}from"./jsx-runtime-539b76a3.js";import{u as i}from"./index-297ebefe.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function c(o={}){const{wrapper:n}=Object.assign({},i(),o.components);return n?e.jsx(n,{...o,children:e.jsx(t,{})}):t();function t(){const r=Object.assign({p:"p",img:"img",h1:"h1",strong:"strong",em:"em",hr:"hr",h3:"h3",a:"a"},i(),o.components);return e.jsxs(e.Fragment,{children:[e.jsx(h,{title:"Guides/Getting help",parameters:{...a}}),`
|
||||
import{M as h}from"./chunk-PCJTTTQV-0a40be90.js";import{p as a,j as e}from"./jsx-runtime-539b76a3.js";import{u as i}from"./index-297ebefe.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function c(o={}){const{wrapper:n}=Object.assign({},i(),o.components);return n?e.jsx(n,{...o,children:e.jsx(t,{})}):t();function t(){const r=Object.assign({p:"p",img:"img",h1:"h1",strong:"strong",em:"em",hr:"hr",h3:"h3",a:"a"},i(),o.components);return e.jsxs(e.Fragment,{children:[e.jsx(h,{title:"Guides/Getting help",parameters:{...a}}),`
|
||||
`,e.jsx(r.p,{children:e.jsx(r.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
|
||||
`,e.jsx(r.h1,{id:"getting-help",children:"Getting help"}),`
|
||||
`,e.jsxs(r.p,{children:["🚨 ",e.jsx(r.strong,{children:"If you're on deadline"}),", talk to your editor who can point you to the nearest developer."]}),`
|
||||
|
|
@ -12,4 +12,4 @@ import{M as h}from"./chunk-PCJTTTQV-90f858af.js";import{p as a,j as e}from"./jsx
|
|||
`,e.jsx(r.hr,{}),`
|
||||
`,e.jsx(r.h3,{id:"have-an-idea-for-a-new-component-or-how-to-improve-an-existing-one",children:"Have an idea for a new component or how to improve an existing one?"}),`
|
||||
`,e.jsxs(r.p,{children:["🏷️ ",e.jsx(r.a,{href:"https://github.com/reuters-graphics/graphics-components/issues/new?labels=%F0%9F%9A%80%20new%20feature&assignees=hobbes7878",target:"_blank",rel:"nofollow noopener noreferrer",children:"Click here"})," and tell us more."]})]})}}const p=()=>{throw new Error("Docs-only story")};p.parameters={docsOnly:!0};const s={title:"Guides/Getting help",parameters:{...a},tags:["stories-mdx"],includeStories:["__page"]};s.parameters=s.parameters||{};s.parameters.docs={...s.parameters.docs||{},page:c};const _=["__page"];export{_ as __namedExportsOrder,p as __page,s as default};
|
||||
//# sourceMappingURL=getting-help.stories-6eb13a5f.js.map
|
||||
//# sourceMappingURL=getting-help.stories-45def03c.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"getting-help.stories-6eb13a5f.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":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"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"}
|
||||
{"version":3,"file":"getting-help.stories-45def03c.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":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"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"}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p as i,j as e}from"./jsx-runtime-539b76a3.js";import{u as a}from"./index-297ebefe.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function l(s={}){const{wrapper:n}=Object.assign({},a(),s.components);return n?e.jsx(n,{...s,children:e.jsx(r,{})}):r();function r(){const o=Object.assign({p:"p",img:"img",h1:"h1",code:"code",pre:"pre"},a(),s.components);return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"Guides/Using with Google docs",parameters:{...i}}),`
|
||||
import{M as c}from"./chunk-PCJTTTQV-0a40be90.js";import{p as i,j as e}from"./jsx-runtime-539b76a3.js";import{u as a}from"./index-297ebefe.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function l(s={}){const{wrapper:n}=Object.assign({},a(),s.components);return n?e.jsx(n,{...s,children:e.jsx(r,{})}):r();function r(){const o=Object.assign({p:"p",img:"img",h1:"h1",code:"code",pre:"pre"},a(),s.components);return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"Guides/Using with Google docs",parameters:{...i}}),`
|
||||
`,e.jsx(o.p,{children:e.jsx(o.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
|
||||
`,e.jsx(o.h1,{id:"using-with-google-docs",children:"Using with Google docs"}),`
|
||||
`,e.jsx(o.p,{children:"Most of the default examples in these docs show how to use components by passing data into them directly through props. In the Kit, though, you likely won't be hard-coding things like text strings in your code and instead will get them from a Google doc."}),`
|
||||
|
|
@ -48,4 +48,4 @@ bio="{block.Bio}" isStaff={block.Staff === 'true'} />
|
|||
{/each}
|
||||
`})}),`
|
||||
`,e.jsxs(o.p,{children:["Notice how we're coercing some of our data from strings into other data types: a boolean for ",e.jsx(o.code,{children:"isStaff"}),", a date for ",e.jsx(o.code,{children:"birthday"})," and an absolute path for ",e.jsx(o.code,{children:"img"}),"."]})]})}}const p=()=>{throw new Error("Docs-only story")};p.parameters={docsOnly:!0};const t={title:"Guides/Using with Google docs",parameters:{...i},tags:["stories-mdx"],includeStories:["__page"]};t.parameters=t.parameters||{};t.parameters.docs={...t.parameters.docs||{},page:l};const w=["__page"];export{w as __namedExportsOrder,p as __page,t as default};
|
||||
//# sourceMappingURL=google-docs.stories-ba6c8fbd.js.map
|
||||
//# sourceMappingURL=google-docs.stories-f8867cdc.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"google-docs.stories-ba6c8fbd.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, `ProfileCard`, with a demo that looks like this in the docs:\n\n```html\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```html\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<!-- ... other blocks -->\n\n{:else if block.Type === 'profile-card'} <ProfileCard name=\"{block.Name}\"\nimg={`${assets}/${block.Image}`} birthday={new Date(block.Birthday)}\nbio=\"{block.Bio}\" isStaff={block.Staff === 'true'} />\n\n<!-- ... other blocks -->\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":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"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"}
|
||||
{"version":3,"file":"google-docs.stories-f8867cdc.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, `ProfileCard`, with a demo that looks like this in the docs:\n\n```html\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```html\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<!-- ... other blocks -->\n\n{:else if block.Type === 'profile-card'} <ProfileCard name=\"{block.Name}\"\nimg={`${assets}/${block.Image}`} birthday={new Date(block.Birthday)}\nbio=\"{block.Bio}\" isStaff={block.Staff === 'true'} />\n\n<!-- ... other blocks -->\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":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"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"}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p as a,j as e}from"./jsx-runtime-539b76a3.js";import{u as r}from"./index-297ebefe.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";const h=""+new URL("quickit-dbf8e193.png",import.meta.url).href;function p(t={}){const{wrapper:n}=Object.assign({},r(),t.components);return n?e.jsx(n,{...t,children:e.jsx(i,{})}):i();function i(){const s=Object.assign({p:"p",img:"img",h1:"h1",a:"a",h2:"h2",h3:"h3",em:"em",code:"code",pre:"pre"},r(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"Guides/Using with the Graphics Kit",parameters:{...a}}),`
|
||||
import{M as c}from"./chunk-PCJTTTQV-0a40be90.js";import{p as a,j as e}from"./jsx-runtime-539b76a3.js";import{u as r}from"./index-297ebefe.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";const h=""+new URL("quickit-dbf8e193.png",import.meta.url).href;function p(t={}){const{wrapper:n}=Object.assign({},r(),t.components);return n?e.jsx(n,{...t,children:e.jsx(i,{})}):i();function i(){const s=Object.assign({p:"p",img:"img",h1:"h1",a:"a",h2:"h2",h3:"h3",em:"em",code:"code",pre:"pre"},r(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"Guides/Using with the Graphics Kit",parameters:{...a}}),`
|
||||
`,e.jsx(s.p,{children:e.jsx(s.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
|
||||
`,e.jsx(s.h1,{id:"using-with-the-graphics-kit",children:"Using with the Graphics Kit"}),`
|
||||
`,e.jsxs(s.p,{children:["If you haven't, check out ",e.jsx(s.a,{href:"https://reuters-graphics.github.io/docs_graphics-kit/for_developers/graphics-components/",target:"_blank",rel:"nofollow noopener noreferrer",children:'"Using Reuters Graphics Components" in the Graphics Kit docs'})," to get a general idea of how to use components."]}),`
|
||||
|
|
@ -34,4 +34,4 @@ src={\`\${assets}/\${block.PathToImage}\`} /> {/each}
|
|||
`})}),`
|
||||
`,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"})]})]})}}const l=()=>{throw new Error("Docs-only story")};l.parameters={docsOnly:!0};const o={title:"Guides/Using with the Graphics Kit",parameters:{...a},tags:["stories-mdx"],includeStories:["__page"]};o.parameters=o.parameters||{};o.parameters.docs={...o.parameters.docs||{},page:p};const I=["__page"];export{I as __namedExportsOrder,l as __page,o as default};
|
||||
//# sourceMappingURL=graphics-kit.stories-701f1fb0.js.map
|
||||
//# sourceMappingURL=graphics-kit.stories-14f448b2.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 p}from"./chunk-PCJTTTQV-90f858af.js";import{p as a,j as s}from"./jsx-runtime-539b76a3.js";import{u as i}from"./index-297ebefe.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function c(r={}){const{wrapper:o}=Object.assign({},i(),r.components);return o?s.jsx(o,{...r,children:s.jsx(n,{})}):n();function n(){const e=Object.assign({p:"p",img:"img",h1:"h1",h3:"h3",pre:"pre",code:"code"},i(),r.components);return s.jsxs(s.Fragment,{children:[s.jsx(p,{title:"SCSS/Intro",parameters:{...a}}),`
|
||||
import{M as p}from"./chunk-PCJTTTQV-0a40be90.js";import{p as a,j as s}from"./jsx-runtime-539b76a3.js";import{u as i}from"./index-297ebefe.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function c(r={}){const{wrapper:o}=Object.assign({},i(),r.components);return o?s.jsx(o,{...r,children:s.jsx(n,{})}):n();function n(){const e=Object.assign({p:"p",img:"img",h1:"h1",h3:"h3",pre:"pre",code:"code"},i(),r.components);return s.jsxs(s.Fragment,{children:[s.jsx(p,{title:"SCSS/Intro",parameters:{...a}}),`
|
||||
`,s.jsx(e.p,{children:s.jsx(e.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
|
||||
`,s.jsx(e.h1,{id:"scss",children:"SCSS"}),`
|
||||
`,s.jsx(e.p,{children:"This library also includes our main SCSS stylesheets and pre-defined classes and SCSS mixins you can use to style your pages."}),`
|
||||
|
|
@ -11,4 +11,4 @@ import{M as p}from"./chunk-PCJTTTQV-90f858af.js";import{p as a,j as s}from"./jsx
|
|||
import '@reuters-graphics/graphics-components/dist/scss/main.scss';
|
||||
<\/script>
|
||||
`})})]})}}const m=()=>{throw new Error("Docs-only story")};m.parameters={docsOnly:!0};const t={title:"SCSS/Intro",parameters:{...a},tags:["stories-mdx"],includeStories:["__page"]};t.parameters=t.parameters||{};t.parameters.docs={...t.parameters.docs||{},page:c};const C=["__page"];export{C as __namedExportsOrder,m as __page,t as default};
|
||||
//# sourceMappingURL=intro.stories-ff13c57b.js.map
|
||||
//# sourceMappingURL=intro.stories-093be856.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"intro.stories-ff13c57b.js","sources":["../../src/docs/scss/intro.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"SCSS/Intro\" parameters={{ ...parameters }} />\n\n\n\n# SCSS\n\nThis library also includes our main SCSS stylesheets and pre-defined classes and SCSS mixins you can use to style your pages.\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```html\n<!-- pages/index.svelte -->\n<script>\n // other imports and stuffs ...\n\n import '@reuters-graphics/graphics-components/dist/scss/main.scss';\n</script>\n```\n"],"names":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"iYAOA,SAASA,EAAWC,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASC,CACb,EAAM,OAAO,OAAO,CAAE,EAAEC,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOC,EAAyBE,EAAAA,IAAKF,EAAW,CAAE,GAAGD,EACnD,SAAuBG,EAAAA,IAAKC,EAAmB,EAAE,CACrD,CAAG,EAAIA,EAAiB,EAEtB,SAASA,GAAoB,CAC3B,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,KACJ,GAAI,KACJ,IAAK,MACL,KAAM,MACP,EAAEH,EAAoB,EAAEF,EAAM,UAAU,EAEzC,OAAoBM,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcJ,EAAI,IAACK,EAAM,CACjC,MAAO,aACP,WAAY,CAAE,GAAGC,CAChB,CACF,CAAA,EAAG;AAAA,EAAmBN,MAAKE,EAAY,EAAG,CACzC,SAAuBF,EAAAA,IAAKE,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACf,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,OACJ,SAAU,MACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,+HACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,gCACJ,SAAU,+BACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,mGACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,IAAK,CAC3C,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,UAAW,gBACX,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CACpB,CAAS,CACT,CAAO,CAAC,CACR,CAAK,CACF,CACH,CAIY,MAACK,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,aACP,WAAY,CAAE,GAAGF,CAChB,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAE,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAAE,GAAIA,EAAc,WAAW,MAAQ,GACrE,KAAMZ,CACR,EAC4B,MAAAa,EAAA,CAAA,QAAA"}
|
||||
{"version":3,"file":"intro.stories-093be856.js","sources":["../../src/docs/scss/intro.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"SCSS/Intro\" parameters={{ ...parameters }} />\n\n\n\n# SCSS\n\nThis library also includes our main SCSS stylesheets and pre-defined classes and SCSS mixins you can use to style your pages.\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```html\n<!-- pages/index.svelte -->\n<script>\n // other imports and stuffs ...\n\n import '@reuters-graphics/graphics-components/dist/scss/main.scss';\n</script>\n```\n"],"names":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"iYAOA,SAASA,EAAWC,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASC,CACb,EAAM,OAAO,OAAO,CAAE,EAAEC,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOC,EAAyBE,EAAAA,IAAKF,EAAW,CAAE,GAAGD,EACnD,SAAuBG,EAAAA,IAAKC,EAAmB,EAAE,CACrD,CAAG,EAAIA,EAAiB,EAEtB,SAASA,GAAoB,CAC3B,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,KACJ,GAAI,KACJ,IAAK,MACL,KAAM,MACP,EAAEH,EAAoB,EAAEF,EAAM,UAAU,EAEzC,OAAoBM,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcJ,EAAI,IAACK,EAAM,CACjC,MAAO,aACP,WAAY,CAAE,GAAGC,CAChB,CACF,CAAA,EAAG;AAAA,EAAmBN,MAAKE,EAAY,EAAG,CACzC,SAAuBF,EAAAA,IAAKE,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACf,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,OACJ,SAAU,MACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,+HACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,gCACJ,SAAU,+BACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,mGACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,IAAK,CAC3C,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,UAAW,gBACX,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CACpB,CAAS,CACT,CAAO,CAAC,CACR,CAAK,CACF,CACH,CAIY,MAACK,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,aACP,WAAY,CAAE,GAAGF,CAChB,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAE,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAAE,GAAIA,EAAc,WAAW,MAAQ,GACrE,KAAMZ,CACR,EAC4B,MAAAa,EAAA,CAAA,QAAA"}
|
||||
|
|
@ -1,8 +1,8 @@
|
|||
import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p as i,j as t}from"./jsx-runtime-539b76a3.js";import{u as a}from"./index-297ebefe.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function p(r={}){const{wrapper:s}=Object.assign({},a(),r.components);return s?t.jsx(s,{...r,children:t.jsx(n,{})}):n();function n(){const e=Object.assign({p:"p",img:"img",h1:"h1",a:"a",em:"em"},a(),r.components);return t.jsxs(t.Fragment,{children:[t.jsx(c,{title:"Actions/Intro",parameters:{...i}}),`
|
||||
import{M as c}from"./chunk-PCJTTTQV-0a40be90.js";import{p as i,j as t}from"./jsx-runtime-539b76a3.js";import{u as a}from"./index-297ebefe.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function p(r={}){const{wrapper:s}=Object.assign({},a(),r.components);return s?t.jsx(s,{...r,children:t.jsx(n,{})}):n();function n(){const e=Object.assign({p:"p",img:"img",h1:"h1",a:"a",em:"em"},a(),r.components);return t.jsxs(t.Fragment,{children:[t.jsx(c,{title:"Actions/Intro",parameters:{...i}}),`
|
||||
`,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.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.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."})]})}}const m=()=>{throw new Error("Docs-only story")};m.parameters={docsOnly:!0};const o={title:"Actions/Intro",parameters:{...i},tags:["stories-mdx"],includeStories:["__page"]};o.parameters=o.parameters||{};o.parameters.docs={...o.parameters.docs||{},page:p};const M=["__page"];export{M as __namedExportsOrder,m as __page,o as default};
|
||||
//# sourceMappingURL=intro.stories-b8fbbd53.js.map
|
||||
//# sourceMappingURL=intro.stories-40333342.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"intro.stories-b8fbbd53.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":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"iYAOA,SAASA,EAAWC,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASC,CACb,EAAM,OAAO,OAAO,CAAE,EAAEC,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOC,EAAyBE,EAAAA,IAAKF,EAAW,CAAE,GAAGD,EACnD,SAAuBG,EAAAA,IAAKC,EAAmB,EAAE,CACrD,CAAG,EAAIA,EAAiB,EAEtB,SAASA,GAAoB,CAC3B,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,KACJ,EAAG,IACH,GAAI,IACL,EAAEH,EAAoB,EAAEF,EAAM,UAAU,EAEzC,OAAoBM,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcJ,EAAI,IAACK,EAAM,CACjC,MAAO,gBACP,WAAY,CAAE,GAAGC,CAChB,CACF,CAAA,EAAG;AAAA,EAAmBN,MAAKE,EAAY,EAAG,CACzC,SAAuBF,EAAAA,IAAKE,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACf,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,UACJ,SAAU,SACX,CAAA,EAAG;AAAA,EAAmBC,OAAMD,EAAY,EAAG,CAC1C,SAAU,CAAC,UAAwBF,MAAKE,EAAY,EAAG,CACrD,KAAM,sCACN,OAAQ,SACR,IAAK,+BACL,SAAU,SACX,CAAA,EAAG,gFAAkF,CACvF,CAAA,EAAG;AAAA,EAAmBC,OAAMD,EAAY,EAAG,CAC1C,SAAU,CAAC,mBAAiCF,MAAKE,EAAY,GAAI,CAC/D,SAAU,MACX,CAAA,EAAG,iHAAiH,CACtH,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,8FACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,gHAClB,CAAO,CAAC,CACR,CAAK,CACF,CACH,CAIY,MAACK,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,gBACP,WAAY,CAAE,GAAGF,CAChB,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAE,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAAE,GAAIA,EAAc,WAAW,MAAQ,GACrE,KAAMZ,CACR,EAC4B,MAAAa,EAAA,CAAA,QAAA"}
|
||||
{"version":3,"file":"intro.stories-40333342.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":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"iYAOA,SAASA,EAAWC,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASC,CACb,EAAM,OAAO,OAAO,CAAE,EAAEC,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOC,EAAyBE,EAAAA,IAAKF,EAAW,CAAE,GAAGD,EACnD,SAAuBG,EAAAA,IAAKC,EAAmB,EAAE,CACrD,CAAG,EAAIA,EAAiB,EAEtB,SAASA,GAAoB,CAC3B,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,KACJ,EAAG,IACH,GAAI,IACL,EAAEH,EAAoB,EAAEF,EAAM,UAAU,EAEzC,OAAoBM,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcJ,EAAI,IAACK,EAAM,CACjC,MAAO,gBACP,WAAY,CAAE,GAAGC,CAChB,CACF,CAAA,EAAG;AAAA,EAAmBN,MAAKE,EAAY,EAAG,CACzC,SAAuBF,EAAAA,IAAKE,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACf,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,UACJ,SAAU,SACX,CAAA,EAAG;AAAA,EAAmBC,OAAMD,EAAY,EAAG,CAC1C,SAAU,CAAC,UAAwBF,MAAKE,EAAY,EAAG,CACrD,KAAM,sCACN,OAAQ,SACR,IAAK,+BACL,SAAU,SACX,CAAA,EAAG,gFAAkF,CACvF,CAAA,EAAG;AAAA,EAAmBC,OAAMD,EAAY,EAAG,CAC1C,SAAU,CAAC,mBAAiCF,MAAKE,EAAY,GAAI,CAC/D,SAAU,MACX,CAAA,EAAG,iHAAiH,CACtH,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,8FACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,gHAClB,CAAO,CAAC,CACR,CAAK,CACF,CACH,CAIY,MAACK,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,gBACP,WAAY,CAAE,GAAGF,CAChB,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAE,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAAE,GAAIA,EAAc,WAAW,MAAQ,GACrE,KAAMZ,CACR,EAC4B,MAAAa,EAAA,CAAA,QAAA"}
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
import{M as m}from"./chunk-PCJTTTQV-90f858af.js";import{p as a,j as t}from"./jsx-runtime-539b76a3.js";import{u as i}from"./index-297ebefe.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function p(s={}){const{wrapper:r}=Object.assign({},i(),s.components);return r?t.jsx(r,{...s,children:t.jsx(n,{})}):n();function n(){const e=Object.assign({p:"p",img:"img",h1:"h1"},i(),s.components);return t.jsxs(t.Fragment,{children:[t.jsx(m,{title:"Utilities/Intro",parameters:{...a}}),`
|
||||
import{M as m}from"./chunk-PCJTTTQV-0a40be90.js";import{p as a,j as t}from"./jsx-runtime-539b76a3.js";import{u as i}from"./index-297ebefe.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function p(s={}){const{wrapper:r}=Object.assign({},i(),s.components);return r?t.jsx(r,{...s,children:t.jsx(n,{})}):n();function n(){const e=Object.assign({p:"p",img:"img",h1:"h1"},i(),s.components);return t.jsxs(t.Fragment,{children:[t.jsx(m,{title:"Utilities/Intro",parameters:{...a}}),`
|
||||
`,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:"utilities",children:"Utilities"}),`
|
||||
`,t.jsx(e.p,{children:"Utility components are a bit of a catch-all."}),`
|
||||
`,t.jsx(e.p,{children:"They include components you're less likely to need to implement yourself, like development tools for the Graphics Kit."}),`
|
||||
`,t.jsx(e.p,{children:"Either way, they're good to know about, even if they may not be the most common you'll use."})]})}}const c=()=>{throw new Error("Docs-only story")};c.parameters={docsOnly:!0};const o={title:"Utilities/Intro",parameters:{...a},tags:["stories-mdx"],includeStories:["__page"]};o.parameters=o.parameters||{};o.parameters.docs={...o.parameters.docs||{},page:p};const b=["__page"];export{b as __namedExportsOrder,c as __page,o as default};
|
||||
//# sourceMappingURL=intro.stories-7cc909fc.js.map
|
||||
//# sourceMappingURL=intro.stories-53332df4.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"intro.stories-7cc909fc.js","sources":["../../src/docs/utilities/intro.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"Utilities/Intro\" parameters={{ ...parameters }} />\n\n\n\n# Utilities\n\nUtility components are a bit of a catch-all.\n\nThey include components you're less likely to need to implement yourself, like development tools for the Graphics Kit.\n\nEither way, they're good to know about, even if they may not be the most common you'll use.\n"],"names":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"iYAOA,SAASA,EAAWC,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASC,CACb,EAAM,OAAO,OAAO,CAAE,EAAEC,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOC,EAAyBE,EAAAA,IAAKF,EAAW,CAAE,GAAGD,EACnD,SAAuBG,EAAAA,IAAKC,EAAmB,EAAE,CACrD,CAAG,EAAIA,EAAiB,EAEtB,SAASA,GAAoB,CAC3B,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,IACL,EAAEH,EAAoB,EAAEF,EAAM,UAAU,EAEzC,OAAoBM,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcJ,EAAI,IAACK,EAAM,CACjC,MAAO,kBACP,WAAY,CAAE,GAAGC,CAChB,CACF,CAAA,EAAG;AAAA,EAAmBN,MAAKE,EAAY,EAAG,CACzC,SAAuBF,EAAAA,IAAKE,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACf,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,YACJ,SAAU,WACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,8CACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,wHACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,6FAClB,CAAO,CAAC,CACR,CAAK,CACF,CACH,CAIY,MAACK,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,kBACP,WAAY,CAAE,GAAGF,CAChB,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAE,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAAE,GAAIA,EAAc,WAAW,MAAQ,GACrE,KAAMZ,CACR,EAC4B,MAAAa,EAAA,CAAA,QAAA"}
|
||||
{"version":3,"file":"intro.stories-53332df4.js","sources":["../../src/docs/utilities/intro.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"Utilities/Intro\" parameters={{ ...parameters }} />\n\n\n\n# Utilities\n\nUtility components are a bit of a catch-all.\n\nThey include components you're less likely to need to implement yourself, like development tools for the Graphics Kit.\n\nEither way, they're good to know about, even if they may not be the most common you'll use.\n"],"names":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"iYAOA,SAASA,EAAWC,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASC,CACb,EAAM,OAAO,OAAO,CAAE,EAAEC,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOC,EAAyBE,EAAAA,IAAKF,EAAW,CAAE,GAAGD,EACnD,SAAuBG,EAAAA,IAAKC,EAAmB,EAAE,CACrD,CAAG,EAAIA,EAAiB,EAEtB,SAASA,GAAoB,CAC3B,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,IACL,EAAEH,EAAoB,EAAEF,EAAM,UAAU,EAEzC,OAAoBM,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcJ,EAAI,IAACK,EAAM,CACjC,MAAO,kBACP,WAAY,CAAE,GAAGC,CAChB,CACF,CAAA,EAAG;AAAA,EAAmBN,MAAKE,EAAY,EAAG,CACzC,SAAuBF,EAAAA,IAAKE,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACf,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,YACJ,SAAU,WACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,8CACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,wHACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,6FAClB,CAAO,CAAC,CACR,CAAK,CACF,CACH,CAIY,MAACK,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,kBACP,WAAY,CAAE,GAAGF,CAChB,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAE,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAAE,GAAIA,EAAc,WAAW,MAAQ,GACrE,KAAMZ,CACR,EAC4B,MAAAa,EAAA,CAAA,QAAA"}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p as i,j as e}from"./jsx-runtime-539b76a3.js";import{u as n}from"./index-297ebefe.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";const p=""+new URL("article-well-97e63d33.jpg",import.meta.url).href;function l(r={}){const{wrapper:s}=Object.assign({},n(),r.components);return s?e.jsx(s,{...r,children:e.jsx(a,{})}):a();function a(){const t=Object.assign({p:"p",img:"img",h1:"h1",a:"a",code:"code"},n(),r.components);return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"Layout/Intro",parameters:{...i}}),`
|
||||
import{M as c}from"./chunk-PCJTTTQV-0a40be90.js";import{p as i,j as e}from"./jsx-runtime-539b76a3.js";import{u as n}from"./index-297ebefe.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";const p=""+new URL("article-well-97e63d33.jpg",import.meta.url).href;function l(r={}){const{wrapper:s}=Object.assign({},n(),r.components);return s?e.jsx(s,{...r,children:e.jsx(a,{})}):a();function a(){const t=Object.assign({p:"p",img:"img",h1:"h1",a:"a",code:"code"},n(),r.components);return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"Layout/Intro",parameters:{...i}}),`
|
||||
`,e.jsx(t.p,{children:e.jsx(t.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
|
||||
`,e.jsx(t.h1,{id:"layout",children:"Layout"}),`
|
||||
`,e.jsx(t.p,{children:"Layout components setup our default page structure."}),`
|
||||
|
|
@ -8,4 +8,4 @@ import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p as i,j as e}from"./jsx
|
|||
`,e.jsxs(t.p,{children:["The ",e.jsx(t.a,{href:"?path=/docs/layout-article--default",children:e.jsx(t.code,{children:"Article"})})," component sets up the set dimensions of the well and the block breakpoints."]}),`
|
||||
`,e.jsxs(t.p,{children:["The ",e.jsx(t.a,{href:"?path=/docs/layout-block--default",children:e.jsx(t.code,{children:"Block"})})," component is a wrapper for individual parts of a page that can be as wide as any of those breakpoints."]}),`
|
||||
`,e.jsx(t.p,{children:"The docs in this section explain how to use our layout components to build the basic structure of your page and also how to break out of our default layout if you need to do something different."})]})}}const d=()=>{throw new Error("Docs-only story")};d.parameters={docsOnly:!0};const o={title:"Layout/Intro",parameters:{...i},tags:["stories-mdx"],includeStories:["__page"]};o.parameters=o.parameters||{};o.parameters.docs={...o.parameters.docs||{},page:l};const _=["__page"];export{_ as __namedExportsOrder,d as __page,o as default};
|
||||
//# sourceMappingURL=intro.stories-acfaac9c.js.map
|
||||
//# sourceMappingURL=intro.stories-5d6f1bfc.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"intro.stories-acfaac9c.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","MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"iYAAA,MAAeA,EAAA,GAAA,IAAA,IAAA,4BAAA,YAAA,GAAA,EAAA,KCQf,SAASC,EAAWC,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASC,CACb,EAAM,OAAO,OAAO,CAAE,EAAEC,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOC,EAAyBE,EAAAA,IAAKF,EAAW,CAAE,GAAGD,EACnD,SAAuBG,EAAAA,IAAKC,EAAmB,EAAE,CACrD,CAAG,EAAIA,EAAiB,EAEtB,SAASA,GAAoB,CAC3B,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,KACJ,EAAG,IACH,KAAM,MACP,EAAEH,EAAoB,EAAEF,EAAM,UAAU,EAEzC,OAAoBM,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcJ,EAAI,IAACK,EAAM,CACjC,MAAO,eACP,WAAY,CAAE,GAAGC,CAChB,CACF,CAAA,EAAG;AAAA,EAAmBN,MAAKE,EAAY,EAAG,CACzC,SAAuBF,EAAAA,IAAKE,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACf,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,SACJ,SAAU,QACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,qDACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,+HACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,sBAClB,CAAO,EAAG;AAAA,EAAmBF,EAAI,IAAC,MAAO,CACjC,UAAW,UACX,IAAKL,EACL,MAAO,OACP,MAAO,CACL,OAAQ,QACT,CACF,CAAA,EAAG;AAAA,EAAmBQ,OAAMD,EAAY,EAAG,CAC1C,SAAU,CAAC,OAAqBF,MAAKE,EAAY,EAAG,CAClD,KAAM,sCACN,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,SAAU,SACtB,CAAW,CACF,CAAA,EAAG,8EAA8E,CACnF,CAAA,EAAG;AAAA,EAAmBC,OAAMD,EAAY,EAAG,CAC1C,SAAU,CAAC,OAAqBF,MAAKE,EAAY,EAAG,CAClD,KAAM,oCACN,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,SAAU,OACtB,CAAW,CACF,CAAA,EAAG,yGAAyG,CAC9G,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,oMAClB,CAAO,CAAC,CACR,CAAK,CACF,CACH,CAIY,MAACK,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,eACP,WAAY,CAAE,GAAGF,CAChB,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAE,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAAE,GAAIA,EAAc,WAAW,MAAQ,GACrE,KAAMZ,CACR,EAC4B,MAAAa,EAAA,CAAA,QAAA"}
|
||||
{"version":3,"file":"intro.stories-5d6f1bfc.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","MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"iYAAA,MAAeA,EAAA,GAAA,IAAA,IAAA,4BAAA,YAAA,GAAA,EAAA,KCQf,SAASC,EAAWC,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASC,CACb,EAAM,OAAO,OAAO,CAAE,EAAEC,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOC,EAAyBE,EAAAA,IAAKF,EAAW,CAAE,GAAGD,EACnD,SAAuBG,EAAAA,IAAKC,EAAmB,EAAE,CACrD,CAAG,EAAIA,EAAiB,EAEtB,SAASA,GAAoB,CAC3B,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,KACJ,EAAG,IACH,KAAM,MACP,EAAEH,EAAoB,EAAEF,EAAM,UAAU,EAEzC,OAAoBM,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcJ,EAAI,IAACK,EAAM,CACjC,MAAO,eACP,WAAY,CAAE,GAAGC,CAChB,CACF,CAAA,EAAG;AAAA,EAAmBN,MAAKE,EAAY,EAAG,CACzC,SAAuBF,EAAAA,IAAKE,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACf,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,SACJ,SAAU,QACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,qDACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,+HACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,sBAClB,CAAO,EAAG;AAAA,EAAmBF,EAAI,IAAC,MAAO,CACjC,UAAW,UACX,IAAKL,EACL,MAAO,OACP,MAAO,CACL,OAAQ,QACT,CACF,CAAA,EAAG;AAAA,EAAmBQ,OAAMD,EAAY,EAAG,CAC1C,SAAU,CAAC,OAAqBF,MAAKE,EAAY,EAAG,CAClD,KAAM,sCACN,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,SAAU,SACtB,CAAW,CACF,CAAA,EAAG,8EAA8E,CACnF,CAAA,EAAG;AAAA,EAAmBC,OAAMD,EAAY,EAAG,CAC1C,SAAU,CAAC,OAAqBF,MAAKE,EAAY,EAAG,CAClD,KAAM,oCACN,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,SAAU,OACtB,CAAW,CACF,CAAA,EAAG,yGAAyG,CAC9G,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,oMAClB,CAAO,CAAC,CACR,CAAK,CACF,CACH,CAIY,MAACK,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,eACP,WAAY,CAAE,GAAGF,CAChB,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAE,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAAE,GAAIA,EAAc,WAAW,MAAQ,GACrE,KAAMZ,CACR,EAC4B,MAAAa,EAAA,CAAA,QAAA"}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p as a,j as s}from"./jsx-runtime-539b76a3.js";import{u as i}from"./index-297ebefe.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function p(t={}){const{wrapper:n}=Object.assign({},i(),t.components);return n?s.jsx(n,{...t,children:s.jsx(o,{})}):o();function o(){const e=Object.assign({p:"p",img:"img",h1:"h1",h2:"h2",ol:"ol",li:"li",pre:"pre",code:"code",a:"a"},i(),t.components);return s.jsxs(s.Fragment,{children:[s.jsx(c,{title:"Intro",parameters:{...a}}),`
|
||||
import{M as c}from"./chunk-PCJTTTQV-0a40be90.js";import{p as a,j as s}from"./jsx-runtime-539b76a3.js";import{u as i}from"./index-297ebefe.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function p(t={}){const{wrapper:n}=Object.assign({},i(),t.components);return n?s.jsx(n,{...t,children:s.jsx(o,{})}):o();function o(){const e=Object.assign({p:"p",img:"img",h1:"h1",h2:"h2",ol:"ol",li:"li",pre:"pre",code:"code",a:"a"},i(),t.components);return s.jsxs(s.Fragment,{children:[s.jsx(c,{title:"Intro",parameters:{...a}}),`
|
||||
`,s.jsx(e.p,{children:s.jsx(e.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
|
||||
`,s.jsx(e.h1,{id:"reuters-graphicsgraphics-components",children:"@reuters-graphics/graphics-components"}),`
|
||||
`,s.jsxs("p",{children:[s.jsx("a",{href:"https://www.npmjs.com/package/@reuters-graphics/graphics-components",children:s.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"}})}),s.jsx("a",{href:"https://github.com/reuters-graphics/graphics-components",children:s.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 c}from"./chunk-PCJTTTQV-90f858af.js";import{p as a,j as s}from"./jsx
|
|||
|
||||
<BodyText text="{'Hello world!'}" />
|
||||
`})})]})}}const h=()=>{throw new Error("Docs-only story")};h.parameters={docsOnly:!0};const r={title:"Intro",parameters:{...a},tags:["stories-mdx"],includeStories:["__page"]};r.parameters=r.parameters||{};r.parameters.docs={...r.parameters.docs||{},page:p};const v=["__page"];export{v as __namedExportsOrder,h as __page,r as default};
|
||||
//# sourceMappingURL=intro.stories-42453867.js.map
|
||||
//# sourceMappingURL=intro.stories-bfe7bd0c.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"intro.stories-42453867.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```html\n<script>\n import { BodyText } from '@reuters-graphics/graphics-components';\n</script>\n\n<BodyText text=\"{'Hello world!'}\" />\n```\n"],"names":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"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"}
|
||||
{"version":3,"file":"intro.stories-bfe7bd0c.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```html\n<script>\n import { BodyText } from '@reuters-graphics/graphics-components';\n</script>\n\n<BodyText text=\"{'Hello world!'}\" />\n```\n"],"names":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"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"}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p as a,j as e}from"./jsx-runtime-539b76a3.js";import{u as o}from"./index-297ebefe.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function d(t={}){const{wrapper:r}=Object.assign({},o(),t.components);return r?e.jsx(r,{...t,children:e.jsx(i,{})}):i();function i(){const s=Object.assign({p:"p",img:"img",h1:"h1",h3:"h3",a:"a",h2:"h2",code:"code",pre:"pre"},o(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"SCSS/Mixins",parameters:{...a}}),`
|
||||
import{M as c}from"./chunk-PCJTTTQV-0a40be90.js";import{p as a,j as e}from"./jsx-runtime-539b76a3.js";import{u as o}from"./index-297ebefe.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function d(t={}){const{wrapper:r}=Object.assign({},o(),t.components);return r?e.jsx(r,{...t,children:e.jsx(i,{})}):i();function i(){const s=Object.assign({p:"p",img:"img",h1:"h1",h3:"h3",a:"a",h2:"h2",code:"code",pre:"pre"},o(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"SCSS/Mixins",parameters:{...a}}),`
|
||||
`,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:"scss-mixins",children:"SCSS Mixins"}),`
|
||||
`,e.jsx(s.h3,{id:"prereqs",children:"Prereqs"}),`
|
||||
|
|
@ -55,4 +55,4 @@ import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p as a,j as e}from"./jsx
|
|||
}
|
||||
</style>
|
||||
`})})]})}}const l=()=>{throw new Error("Docs-only story")};l.parameters={docsOnly:!0};const n={title:"SCSS/Mixins",parameters:{...a},tags:["stories-mdx"],includeStories:["__page"]};n.parameters=n.parameters||{};n.parameters.docs={...n.parameters.docs||{},page:d};const b=["__page"];export{b as __namedExportsOrder,l as __page,n as default};
|
||||
//# sourceMappingURL=mixins.stories-756483c9.js.map
|
||||
//# sourceMappingURL=mixins.stories-0c047f4e.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"mixins.stories-756483c9.js","sources":["../../src/docs/scss/mixins.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"SCSS/Mixins\" parameters={{ ...parameters }} />\n\n\n\n# SCSS Mixins\n\n### Prereqs\n\nMixins allow you to re-use styles we've already defined in your components. Read more about how they work [here](https://sass-lang.com/documentation/at-rules/mixin) or just follow the examples below.\n\n## Available mixins\n\n### `body-text`\n\nMixin our default body text styles.\n\n```html\n<div class=\"my-custom-text\">\n <h3>Lorem Ipsum</h3>\n <p>Ig-pay atin-lay</p>\n</div>\n\n<style lang=\"scss\">\n // Import SCSS mixins\n @import '@reuters-graphics/graphics-components/dist/scss/mixins';\n\n div.my-custom-text {\n // Use body-text rules for all text elements\n // inside your custom element.\n @include body-text;\n }\n</style>\n```\n\n### `graphic-text`\n\nGraphic text styles.\n\n```html\n<div class=\"my-chart-container\">\n <h3>Things are going up</h3>\n <p>Recent data point to a clear trend.</p>\n <div id=\"chart\"></div>\n <aside>\n <p>Source: Horoscopery</p>\n </aside>\n</div>\n\n<style lang=\"scss\">\n @import '@reuters-graphics/graphics-components/dist/scss/mixins';\n\n div.my-chart-container {\n @include graphic-text;\n }\n</style>\n```\n\n### `visually-hidden`\n\nHide text meant for screen readers.\n\n```html\n<div class=\"hidden\">\n <p>A chart that shows many things.</p>\n</div>\n\n<style lang=\"scss\">\n @import '@reuters-graphics/graphics-components/dist/scss/mixins';\n\n div.hidden {\n @include visually-hidden;\n }\n</style>\n```\n"],"names":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"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"}
|
||||
{"version":3,"file":"mixins.stories-0c047f4e.js","sources":["../../src/docs/scss/mixins.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"SCSS/Mixins\" parameters={{ ...parameters }} />\n\n\n\n# SCSS Mixins\n\n### Prereqs\n\nMixins allow you to re-use styles we've already defined in your components. Read more about how they work [here](https://sass-lang.com/documentation/at-rules/mixin) or just follow the examples below.\n\n## Available mixins\n\n### `body-text`\n\nMixin our default body text styles.\n\n```html\n<div class=\"my-custom-text\">\n <h3>Lorem Ipsum</h3>\n <p>Ig-pay atin-lay</p>\n</div>\n\n<style lang=\"scss\">\n // Import SCSS mixins\n @import '@reuters-graphics/graphics-components/dist/scss/mixins';\n\n div.my-custom-text {\n // Use body-text rules for all text elements\n // inside your custom element.\n @include body-text;\n }\n</style>\n```\n\n### `graphic-text`\n\nGraphic text styles.\n\n```html\n<div class=\"my-chart-container\">\n <h3>Things are going up</h3>\n <p>Recent data point to a clear trend.</p>\n <div id=\"chart\"></div>\n <aside>\n <p>Source: Horoscopery</p>\n </aside>\n</div>\n\n<style lang=\"scss\">\n @import '@reuters-graphics/graphics-components/dist/scss/mixins';\n\n div.my-chart-container {\n @include graphic-text;\n }\n</style>\n```\n\n### `visually-hidden`\n\nHide text meant for screen readers.\n\n```html\n<div class=\"hidden\">\n <p>A chart that shows many things.</p>\n</div>\n\n<style lang=\"scss\">\n @import '@reuters-graphics/graphics-components/dist/scss/mixins';\n\n div.hidden {\n @include visually-hidden;\n }\n</style>\n```\n"],"names":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"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"}
|
||||
2
docs/assets/preview-c1b1c3b6.js
Normal file
2
docs/assets/preview-c1b1c3b6.js
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
import{_ as e}from"./iframe-739b763c.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-EYKKDMVH-03bad4ed.js"),["./DocsRenderer-EYKKDMVH-03bad4ed.js","./chunk-PCJTTTQV-0a40be90.js","./iframe-739b763c.js","./extends-b40c5bac.js","./_commonjsHelpers-725317a4.js","./index-d475d2ea.js","./index-d37d4223.js","./index-1a79a776.js","./index-356e4a49.js"],import.meta.url);return new r}}};export{a as parameters};
|
||||
//# sourceMappingURL=preview-c1b1c3b6.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"mappings":"0EAAG,IAACA,EAAW,CAAC,KAAK,CAAC,SAAS,SAAS,CAAC,GAAG,CAAC,aAAAC,CAAY,EAAE,MAAKC,EAAA,IAAC,OAAO,qCAA6B,kQAAE,OAAO,IAAID,CAAY,CAAC,CAAC","names":["parameters","DocsRenderer","__vitePreload"],"sources":["../../node_modules/@storybook/addon-docs/dist/preview.mjs"],"sourcesContent":["var parameters={docs:{renderer:async()=>{let{DocsRenderer}=await import('./DocsRenderer-EYKKDMVH.mjs');return new DocsRenderer}}};\n\nexport { parameters };\n"],"file":"assets/preview-f485326c.js"}
|
||||
{"version":3,"mappings":"0EAAG,IAACA,EAAW,CAAC,KAAK,CAAC,SAAS,SAAS,CAAC,GAAG,CAAC,aAAAC,CAAY,EAAE,MAAKC,EAAA,IAAC,OAAO,qCAA6B,kQAAE,OAAO,IAAID,CAAY,CAAC,CAAC","names":["parameters","DocsRenderer","__vitePreload"],"sources":["../../node_modules/@storybook/addon-docs/dist/preview.mjs"],"sourcesContent":["var parameters={docs:{renderer:async()=>{let{DocsRenderer}=await import('./DocsRenderer-EYKKDMVH.mjs');return new DocsRenderer}}};\n\nexport { parameters };\n"],"file":"assets/preview-c1b1c3b6.js"}
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
import{_ as e}from"./iframe-22454b94.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-EYKKDMVH-2353b3b7.js"),["./DocsRenderer-EYKKDMVH-2353b3b7.js","./chunk-PCJTTTQV-90f858af.js","./iframe-22454b94.js","./extends-b40c5bac.js","./_commonjsHelpers-725317a4.js","./index-d475d2ea.js","./index-d37d4223.js","./index-1a79a776.js","./index-356e4a49.js"],import.meta.url);return new r}}};export{a as parameters};
|
||||
//# sourceMappingURL=preview-f485326c.js.map
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p as i,j as e}from"./jsx-runtime-539b76a3.js";import{u as a}from"./index-297ebefe.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function p(n={}){const{wrapper:o}=Object.assign({},a(),n.components);return o?e.jsx(o,{...n,children:e.jsx(s,{})}):s();function s(){const r=Object.assign({p:"p",img:"img",h1:"h1",a:"a",h2:"h2",h3:"h3",pre:"pre",code:"code"},a(),n.components);return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"Contributing/Quickstart",parameters:{...i}}),`
|
||||
import{M as c}from"./chunk-PCJTTTQV-0a40be90.js";import{p as i,j as e}from"./jsx-runtime-539b76a3.js";import{u as a}from"./index-297ebefe.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function p(n={}){const{wrapper:o}=Object.assign({},a(),n.components);return o?e.jsx(o,{...n,children:e.jsx(s,{})}):s();function s(){const r=Object.assign({p:"p",img:"img",h1:"h1",a:"a",h2:"h2",h3:"h3",pre:"pre",code:"code"},a(),n.components);return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"Contributing/Quickstart",parameters:{...i}}),`
|
||||
`,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:"contributing",children:"Contributing"}),`
|
||||
`,e.jsx(r.p,{children:"Reuters Graphics team members can contribute new components, and we welcome pull requests for any of our existing components from the community."}),`
|
||||
|
|
@ -21,4 +21,4 @@ import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p as i,j as e}from"./jsx
|
|||
`,e.jsx(r.p,{children:"When you're ready to share your chart, commit your branch to GitHub, make a PR and we'll get it published!"}),`
|
||||
`,e.jsx(r.pre,{children:e.jsx(r.code,{children:`git push origin my-chart
|
||||
`})})]})}}const d=()=>{throw new Error("Docs-only story")};d.parameters={docsOnly:!0};const t={title:"Contributing/Quickstart",parameters:{...i},tags:["stories-mdx"],includeStories:["__page"]};t.parameters=t.parameters||{};t.parameters.docs={...t.parameters.docs||{},page:p};const k=["__page"];export{k as __namedExportsOrder,d as __page,t as default};
|
||||
//# sourceMappingURL=quickstart.stories-be6f7772.js.map
|
||||
//# sourceMappingURL=quickstart.stories-092269da.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"quickstart.stories-be6f7772.js","sources":["../../src/docs/contributing/quickstart.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"Contributing/Quickstart\" parameters={{ ...parameters }} />\n\n\n\n# Contributing\n\nReuters Graphics team members can contribute new components, and we welcome pull requests for any of our existing components from the community.\n\nComponents are documented (and tested) using [Storybook](https://storybook.js.org).\n\n## Adding a new chart component\n\n### Prereqs\n\nBefore you start, it's probably a good idea to read up a bit on [Storybook](https://storybook.js.org/docs/svelte/get-started/introduction), the framework used to document components.\n\n### Quickstart\n\nMake a new git branch for your new component, like...\n\n```\ngit checkout -b my-component\n```\n\nThis library includes a basic template for creating and documenting your component with Storybook you can use to get started.\n\nJust run...\n\n```\nyarn new\n```\n\n... which will create a new directory for your component and copy over an example Svelte component and story page.\n\nTo start developing your component, start the dev server with...\n\n```\nyarn start\n```\n\nWhen you're ready to share your chart, commit your branch to GitHub, make a PR and we'll get it published!\n\n```\ngit push origin my-chart\n```\n"],"names":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"iYAOA,SAASA,EAAWC,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASC,CACb,EAAM,OAAO,OAAO,CAAE,EAAEC,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOC,EAAyBE,EAAAA,IAAKF,EAAW,CAAE,GAAGD,EACnD,SAAuBG,EAAAA,IAAKC,EAAmB,EAAE,CACrD,CAAG,EAAIA,EAAiB,EAEtB,SAASA,GAAoB,CAC3B,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,KACJ,EAAG,IACH,GAAI,KACJ,GAAI,KACJ,IAAK,MACL,KAAM,MACP,EAAEH,EAAoB,EAAEF,EAAM,UAAU,EAEzC,OAAoBM,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcJ,EAAI,IAACK,EAAM,CACjC,MAAO,0BACP,WAAY,CAAE,GAAGC,CAChB,CACF,CAAA,EAAG;AAAA,EAAmBN,MAAKE,EAAY,EAAG,CACzC,SAAuBF,EAAAA,IAAKE,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACf,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,eACJ,SAAU,cACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,kJACX,CAAA,EAAG;AAAA,EAAmBC,OAAMD,EAAY,EAAG,CAC1C,SAAU,CAAC,gDAA8DF,MAAKE,EAAY,EAAG,CAC3F,KAAM,2BACN,OAAQ,SACR,IAAK,+BACL,SAAU,WACX,CAAA,EAAG,GAAG,CACR,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,+BACJ,SAAU,8BACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,UACJ,SAAU,SACX,CAAA,EAAG;AAAA,EAAmBC,OAAMD,EAAY,EAAG,CAC1C,SAAU,CAAC,mEAAiFF,MAAKE,EAAY,EAAG,CAC9G,KAAM,gEACN,OAAQ,SACR,IAAK,+BACL,SAAU,WACX,CAAA,EAAG,8CAA8C,CACnD,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,aACJ,SAAU,YACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,uDACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,IAAK,CAC3C,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,SAAU;AAAA,CACpB,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,+HACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,aACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,IAAK,CAC3C,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,SAAU;AAAA,CACpB,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,oHACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,kEACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,IAAK,CAC3C,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,SAAU;AAAA,CACpB,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,4GACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,IAAK,CAC3C,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,SAAU;AAAA,CACpB,CAAS,CACT,CAAO,CAAC,CACR,CAAK,CACF,CACH,CAIY,MAACK,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,0BACP,WAAY,CAAE,GAAGF,CAChB,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAE,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAAE,GAAIA,EAAc,WAAW,MAAQ,GACrE,KAAMZ,CACR,EAC4B,MAAAa,EAAA,CAAA,QAAA"}
|
||||
{"version":3,"file":"quickstart.stories-092269da.js","sources":["../../src/docs/contributing/quickstart.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"Contributing/Quickstart\" parameters={{ ...parameters }} />\n\n\n\n# Contributing\n\nReuters Graphics team members can contribute new components, and we welcome pull requests for any of our existing components from the community.\n\nComponents are documented (and tested) using [Storybook](https://storybook.js.org).\n\n## Adding a new chart component\n\n### Prereqs\n\nBefore you start, it's probably a good idea to read up a bit on [Storybook](https://storybook.js.org/docs/svelte/get-started/introduction), the framework used to document components.\n\n### Quickstart\n\nMake a new git branch for your new component, like...\n\n```\ngit checkout -b my-component\n```\n\nThis library includes a basic template for creating and documenting your component with Storybook you can use to get started.\n\nJust run...\n\n```\nyarn new\n```\n\n... which will create a new directory for your component and copy over an example Svelte component and story page.\n\nTo start developing your component, start the dev server with...\n\n```\nyarn start\n```\n\nWhen you're ready to share your chart, commit your branch to GitHub, make a PR and we'll get it published!\n\n```\ngit push origin my-chart\n```\n"],"names":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"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"}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import{M as a}from"./chunk-PCJTTTQV-90f858af.js";import{p as t,j as e}from"./jsx-runtime-539b76a3.js";import{u as l}from"./index-297ebefe.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function c(s={}){const{wrapper:i}=Object.assign({},l(),s.components);return i?e.jsx(i,{...s,children:e.jsx(o,{})}):o();function o(){const n=Object.assign({p:"p",img:"img",h1:"h1",pre:"pre",code:"code",h3:"h3",h2:"h2",em:"em"},l(),s.components);return e.jsxs(e.Fragment,{children:[e.jsx(a,{title:"SCSS/Spacers",parameters:{...t}}),`
|
||||
import{M as a}from"./chunk-PCJTTTQV-0a40be90.js";import{p as t,j as e}from"./jsx-runtime-539b76a3.js";import{u as l}from"./index-297ebefe.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function c(s={}){const{wrapper:i}=Object.assign({},l(),s.components);return i?e.jsx(i,{...s,children:e.jsx(o,{})}):o();function o(){const n=Object.assign({p:"p",img:"img",h1:"h1",pre:"pre",code:"code",h3:"h3",h2:"h2",em:"em"},l(),s.components);return e.jsxs(e.Fragment,{children:[e.jsx(a,{title:"SCSS/Spacers",parameters:{...t}}),`
|
||||
`,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:"spacers",children:"Spacers"}),`
|
||||
`,e.jsx(n.p,{children:"You can control spacing — margin and padding — of your elements by adding one or more of our spacer classes."}),`
|
||||
|
|
@ -55,4 +55,4 @@ $padding-levels: (
|
|||
`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-css",children:`@import 'my-custom-variables'; // Where you overrided the spacer variables
|
||||
@import '@reuters-graphics/graphics-components/dist/scss/main';
|
||||
`})})]})}}const d=()=>{throw new Error("Docs-only story")};d.parameters={docsOnly:!0};const r={title:"SCSS/Spacers",parameters:{...t},tags:["stories-mdx"],includeStories:["__page"]};r.parameters=r.parameters||{};r.parameters.docs={...r.parameters.docs||{},page:c};const S=["__page"];export{S as __namedExportsOrder,d as __page,r as default};
|
||||
//# sourceMappingURL=spacers.stories-bd073d27.js.map
|
||||
//# sourceMappingURL=spacers.stories-8fa86b5e.js.map
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
|||
import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p,j as o}from"./jsx-runtime-539b76a3.js";import{u as a}from"./index-297ebefe.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function i(r={}){const{wrapper:n}=Object.assign({},a(),r.components);return n?o.jsx(n,{...r,children:o.jsx(s,{})}):s();function s(){const e=Object.assign({p:"p",img:"img",h1:"h1",a:"a",code:"code",pre:"pre"},a(),r.components);return o.jsxs(o.Fragment,{children:[o.jsx(c,{title:"Contributing/Recipes: Story with custom controls",parameters:{...p}}),`
|
||||
import{M as c}from"./chunk-PCJTTTQV-0a40be90.js";import{p,j as o}from"./jsx-runtime-539b76a3.js";import{u as a}from"./index-297ebefe.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function i(r={}){const{wrapper:n}=Object.assign({},a(),r.components);return n?o.jsx(n,{...r,children:o.jsx(s,{})}):s();function s(){const e=Object.assign({p:"p",img:"img",h1:"h1",a:"a",code:"code",pre:"pre"},a(),r.components);return o.jsxs(o.Fragment,{children:[o.jsx(c,{title:"Contributing/Recipes: Story with custom controls",parameters:{...p}}),`
|
||||
`,o.jsx(e.p,{children:o.jsx(e.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
|
||||
`,o.jsx(e.h1,{id:"recipes-story-with-custom-controls",children:"Recipes: Story with custom controls"}),`
|
||||
`,o.jsxs(e.p,{children:["You can customise the controls in Storybook's built-in ",o.jsx(e.a,{href:"https://storybook.js.org/docs/svelte/essentials/controls",target:"_blank",rel:"nofollow noopener noreferrer",children:"controls panel"})," by passing ",o.jsx(e.a,{href:"https://storybook.js.org/docs/svelte/api/argtypes",target:"_blank",rel:"nofollow noopener noreferrer",children:"argTypes"})," to ",o.jsx(e.code,{children:"Meta"})," like this:"]}),`
|
||||
|
|
@ -34,4 +34,4 @@ import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p,j as o}from"./jsx-runt
|
|||
<Story name="Default" />
|
||||
`})}),`
|
||||
`,o.jsxs(e.p,{children:["Read more about Storybook's custom controls options ",o.jsx(e.a,{href:"https://storybook.js.org/docs/svelte/essentials/controls",target:"_blank",rel:"nofollow noopener noreferrer",children:"here"}),"."]})]})}}const l=()=>{throw new Error("Docs-only story")};l.parameters={docsOnly:!0};const t={title:"Contributing/Recipes: Story with custom controls",parameters:{...p},tags:["stories-mdx"],includeStories:["__page"]};t.parameters=t.parameters||{};t.parameters.docs={...t.parameters.docs||{},page:i};const k=["__page"];export{k as __namedExportsOrder,l as __page,t as default};
|
||||
//# sourceMappingURL=story-with-custom-controls.stories-f4fcb7d8.js.map
|
||||
//# sourceMappingURL=story-with-custom-controls.stories-f37a5aac.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"story-with-custom-controls.stories-f4fcb7d8.js","sources":["../../src/docs/contributing/story-recipes/story-with-custom-controls.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta\n title=\"Contributing/Recipes: Story with custom controls\"\n parameters={{ ...parameters }}\n/>\n\n\n\n# Recipes: Story with custom controls\n\nYou can customise the controls in Storybook's built-in [controls panel](https://storybook.js.org/docs/svelte/essentials/controls) by passing [argTypes](https://storybook.js.org/docs/svelte/api/argtypes) to `Meta` like this:\n\n```html\n<!-- YourComponent.stories.svelte -->\n<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n import YourComponent from './YourComponent.svelte';\n\n const meta = {\n argTypes: {\n // A colour picker for the component's \"colour\" prop\n colour: { control: 'color' },\n // A range picker for the \"height\" prop\n height: { control: { type: 'range', min: 5, max: 100, step: 5 } },\n // A custom dropdown for the \"width\" prop\n width: {\n control: 'select',\n options: ['normal', 'wide', 'wider', 'widest', 'fluid'],\n },\n // Turn off control for the \"data\" prop\n data: { control: false },\n },\n };\n</script>\n\n<Meta title=\"Components/YourComponent\" component=\"{YourComponent}\" {...meta}></Meta>\n\n<template let:args>\n <YourComponent {...args} />\n</template>\n\n<Story name=\"Default\" />\n```\n\nRead more about Storybook's custom controls options [here](https://storybook.js.org/docs/svelte/essentials/controls).\n"],"names":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"4XAOA,SAASA,EAAWC,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASC,CACb,EAAM,OAAO,OAAO,CAAE,EAAEC,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOC,EAAyBE,EAAAA,IAAKF,EAAW,CAAE,GAAGD,EACnD,SAAuBG,EAAAA,IAAKC,EAAmB,EAAE,CACrD,CAAG,EAAIA,EAAiB,EAEtB,SAASA,GAAoB,CAC3B,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,KACJ,EAAG,IACH,KAAM,OACN,IAAK,KACN,EAAEH,EAAoB,EAAEF,EAAM,UAAU,EAEzC,OAAoBM,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcJ,EAAI,IAACK,EAAM,CACjC,MAAO,mDACP,WAAY,CAAE,GAAGC,CAChB,CACF,CAAA,EAAG;AAAA,EAAmBN,MAAKE,EAAY,EAAG,CACzC,SAAuBF,EAAAA,IAAKE,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACf,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,qCACJ,SAAU,qCACX,CAAA,EAAG;AAAA,EAAmBC,OAAMD,EAAY,EAAG,CAC1C,SAAU,CAAC,0DAAwEF,MAAKE,EAAY,EAAG,CACrG,KAAM,2DACN,OAAQ,SACR,IAAK,+BACL,SAAU,gBACX,CAAA,EAAG,eAA6BF,MAAKE,EAAY,EAAG,CACnD,KAAM,oDACN,OAAQ,SACR,IAAK,+BACL,SAAU,UACX,CAAA,EAAG,OAAqBF,MAAKE,EAAY,KAAM,CAC9C,SAAU,MACX,CAAA,EAAG,aAAa,CAClB,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,IAAK,CAC3C,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,UAAW,gBACX,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;AAAA,CACpB,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBC,OAAMD,EAAY,EAAG,CAC1C,SAAU,CAAC,uDAAqEF,MAAKE,EAAY,EAAG,CAClG,KAAM,2DACN,OAAQ,SACR,IAAK,+BACL,SAAU,MACX,CAAA,EAAG,GAAG,CACf,CAAO,CAAC,CACR,CAAK,CACF,CACH,CAIY,MAACK,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,mDACP,WAAY,CAAE,GAAGF,CAChB,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAE,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAAE,GAAIA,EAAc,WAAW,MAAQ,GACrE,KAAMZ,CACR,EAC4B,MAAAa,EAAA,CAAA,QAAA"}
|
||||
{"version":3,"file":"story-with-custom-controls.stories-f37a5aac.js","sources":["../../src/docs/contributing/story-recipes/story-with-custom-controls.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta\n title=\"Contributing/Recipes: Story with custom controls\"\n parameters={{ ...parameters }}\n/>\n\n\n\n# Recipes: Story with custom controls\n\nYou can customise the controls in Storybook's built-in [controls panel](https://storybook.js.org/docs/svelte/essentials/controls) by passing [argTypes](https://storybook.js.org/docs/svelte/api/argtypes) to `Meta` like this:\n\n```html\n<!-- YourComponent.stories.svelte -->\n<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n import YourComponent from './YourComponent.svelte';\n\n const meta = {\n argTypes: {\n // A colour picker for the component's \"colour\" prop\n colour: { control: 'color' },\n // A range picker for the \"height\" prop\n height: { control: { type: 'range', min: 5, max: 100, step: 5 } },\n // A custom dropdown for the \"width\" prop\n width: {\n control: 'select',\n options: ['normal', 'wide', 'wider', 'widest', 'fluid'],\n },\n // Turn off control for the \"data\" prop\n data: { control: false },\n },\n };\n</script>\n\n<Meta title=\"Components/YourComponent\" component=\"{YourComponent}\" {...meta}></Meta>\n\n<template let:args>\n <YourComponent {...args} />\n</template>\n\n<Story name=\"Default\" />\n```\n\nRead more about Storybook's custom controls options [here](https://storybook.js.org/docs/svelte/essentials/controls).\n"],"names":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"4XAOA,SAASA,EAAWC,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASC,CACb,EAAM,OAAO,OAAO,CAAE,EAAEC,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOC,EAAyBE,EAAAA,IAAKF,EAAW,CAAE,GAAGD,EACnD,SAAuBG,EAAAA,IAAKC,EAAmB,EAAE,CACrD,CAAG,EAAIA,EAAiB,EAEtB,SAASA,GAAoB,CAC3B,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,KACJ,EAAG,IACH,KAAM,OACN,IAAK,KACN,EAAEH,EAAoB,EAAEF,EAAM,UAAU,EAEzC,OAAoBM,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcJ,EAAI,IAACK,EAAM,CACjC,MAAO,mDACP,WAAY,CAAE,GAAGC,CAChB,CACF,CAAA,EAAG;AAAA,EAAmBN,MAAKE,EAAY,EAAG,CACzC,SAAuBF,EAAAA,IAAKE,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACf,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,qCACJ,SAAU,qCACX,CAAA,EAAG;AAAA,EAAmBC,OAAMD,EAAY,EAAG,CAC1C,SAAU,CAAC,0DAAwEF,MAAKE,EAAY,EAAG,CACrG,KAAM,2DACN,OAAQ,SACR,IAAK,+BACL,SAAU,gBACX,CAAA,EAAG,eAA6BF,MAAKE,EAAY,EAAG,CACnD,KAAM,oDACN,OAAQ,SACR,IAAK,+BACL,SAAU,UACX,CAAA,EAAG,OAAqBF,MAAKE,EAAY,KAAM,CAC9C,SAAU,MACX,CAAA,EAAG,aAAa,CAClB,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,IAAK,CAC3C,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,UAAW,gBACX,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;AAAA,CACpB,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBC,OAAMD,EAAY,EAAG,CAC1C,SAAU,CAAC,uDAAqEF,MAAKE,EAAY,EAAG,CAClG,KAAM,2DACN,OAAQ,SACR,IAAK,+BACL,SAAU,MACX,CAAA,EAAG,GAAG,CACf,CAAO,CAAC,CACR,CAAK,CACF,CACH,CAIY,MAACK,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,mDACP,WAAY,CAAE,GAAGF,CAChB,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAE,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAAE,GAAIA,EAAc,WAAW,MAAQ,GACrE,KAAMZ,CACR,EAC4B,MAAAa,EAAA,CAAA,QAAA"}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import{M as a}from"./chunk-PCJTTTQV-90f858af.js";import{p as c,j as o}from"./jsx-runtime-539b76a3.js";import{u as i}from"./index-297ebefe.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";const m=""+new URL("source-code-6f5764e6.png",import.meta.url).href;function p(n={}){const{wrapper:s}=Object.assign({},i(),n.components);return s?o.jsx(s,{...n,children:o.jsx(r,{})}):r();function r(){const e=Object.assign({p:"p",img:"img",h1:"h1",code:"code",pre:"pre",h2:"h2",blockquote:"blockquote",strong:"strong",a:"a"},i(),n.components);return o.jsxs(o.Fragment,{children:[o.jsx(a,{title:"Contributing/Recipes: Story with custom docs",parameters:{...c}}),`
|
||||
import{M as a}from"./chunk-PCJTTTQV-0a40be90.js";import{p as c,j as o}from"./jsx-runtime-539b76a3.js";import{u as i}from"./index-297ebefe.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";const m=""+new URL("source-code-6f5764e6.png",import.meta.url).href;function p(n={}){const{wrapper:s}=Object.assign({},i(),n.components);return s?o.jsx(s,{...n,children:o.jsx(r,{})}):r();function r(){const e=Object.assign({p:"p",img:"img",h1:"h1",code:"code",pre:"pre",h2:"h2",blockquote:"blockquote",strong:"strong",a:"a"},i(),n.components);return o.jsxs(o.Fragment,{children:[o.jsx(a,{title:"Contributing/Recipes: Story with custom docs",parameters:{...c}}),`
|
||||
`,o.jsx(e.p,{children:o.jsx(e.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
|
||||
`,o.jsx(e.h1,{id:"recipes-story-with-custom-docs",children:"Recipes: Story with custom docs"}),`
|
||||
`,o.jsx(e.p,{children:"You can add custom markdown to your story page by importing and using markdown files."}),`
|
||||
|
|
@ -94,4 +94,4 @@ defaultSnippet })} />
|
|||
<Story name="Extra wide" args="{{ width: 'wider' }}"
|
||||
{...withComponentDocs(componentDocs, withSource({ svelte: defaultSnippet }))} />
|
||||
`})})]})}}const d=()=>{throw new Error("Docs-only story")};d.parameters={docsOnly:!0};const t={title:"Contributing/Recipes: Story with custom docs",parameters:{...c},tags:["stories-mdx"],includeStories:["__page"]};t.parameters=t.parameters||{};t.parameters.docs={...t.parameters.docs||{},page:p};const b=["__page"];export{b as __namedExportsOrder,d as __page,t as default};
|
||||
//# sourceMappingURL=story-with-custom-docs.stories-42236f38.js.map
|
||||
//# sourceMappingURL=story-with-custom-docs.stories-395a2540.js.map
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
|||
import{M as a}from"./chunk-PCJTTTQV-90f858af.js";import{p as m,j as e}from"./jsx-runtime-539b76a3.js";import{u as i}from"./index-297ebefe.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function p(r={}){const{wrapper:n}=Object.assign({},i(),r.components);return n?e.jsx(n,{...r,children:e.jsx(s,{})}):s();function s(){const t=Object.assign({p:"p",img:"img",h1:"h1",code:"code",pre:"pre"},i(),r.components);return e.jsxs(e.Fragment,{children:[e.jsx(a,{title:"Contributing/Recipes: Story with media",parameters:{...m}}),`
|
||||
import{M as a}from"./chunk-PCJTTTQV-0a40be90.js";import{p as m,j as e}from"./jsx-runtime-539b76a3.js";import{u as i}from"./index-297ebefe.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function p(r={}){const{wrapper:n}=Object.assign({},i(),r.components);return n?e.jsx(n,{...r,children:e.jsx(s,{})}):s();function s(){const t=Object.assign({p:"p",img:"img",h1:"h1",code:"code",pre:"pre"},i(),r.components);return e.jsxs(e.Fragment,{children:[e.jsx(a,{title:"Contributing/Recipes: Story with media",parameters:{...m}}),`
|
||||
`,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:"recipes-story-with-media",children:"Recipes: Story with media"}),`
|
||||
`,e.jsx(t.p,{children:"To use media files in your stories, import them directly."}),`
|
||||
|
|
@ -35,4 +35,4 @@ import{M as a}from"./chunk-PCJTTTQV-90f858af.js";import{p as m,j as e}from"./jsx
|
|||
}}"
|
||||
/>
|
||||
`})})]})}}const c=()=>{throw new Error("Docs-only story")};c.parameters={docsOnly:!0};const o={title:"Contributing/Recipes: Story with media",parameters:{...m},tags:["stories-mdx"],includeStories:["__page"]};o.parameters=o.parameters||{};o.parameters.docs={...o.parameters.docs||{},page:p};const w=["__page"];export{w as __namedExportsOrder,c as __page,o as default};
|
||||
//# sourceMappingURL=story-with-media.stories-fc7f08db.js.map
|
||||
//# sourceMappingURL=story-with-media.stories-aaf573af.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"story-with-media.stories-fc7f08db.js","sources":["../../src/docs/contributing/story-recipes/story-with-media.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta\n title=\"Contributing/Recipes: Story with media\"\n parameters={{ ...parameters }}\n/>\n\n\n\n# Recipes: Story with media\n\nTo use media files in your stories, import them directly.\n\nFirst, add a media file in a `stories` directory in your component folder like this:\n\n```\nYourComponent/\n YourComponent.svelte\n YourComponent.stories.svelte\n stories/\n imgs/\n myImage.jpg\n```\n\nNow, import your media file directly in your code, which will resolve to the URL of the file.\n\n```html\n<!-- YourComponent.stories.svelte -->\n<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n import YourComponent from './YourComponent.svelte';\n\n // 🖼️ Import media you need in stories directly in code!\n import myImageSrc from './stories/imgs/myImage.jpg';\n</script>\n\n<Meta title=\"Components/YourComponent\" component=\"{YourComponent}\"></Meta>\n\n<template let:args>\n <YourComponent {...args} />\n</template>\n\n<Story\n name=\"Basic\"\n args=\"{{\n src: myImageSrc,\n altText: 'My image in the component',\n }}\"\n/>\n```\n"],"names":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"iYAOA,SAASA,EAAWC,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASC,CACb,EAAM,OAAO,OAAO,CAAE,EAAEC,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOC,EAAyBE,EAAAA,IAAKF,EAAW,CAAE,GAAGD,EACnD,SAAuBG,EAAAA,IAAKC,EAAmB,EAAE,CACrD,CAAG,EAAIA,EAAiB,EAEtB,SAASA,GAAoB,CAC3B,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,KACJ,KAAM,OACN,IAAK,KACN,EAAEH,EAAoB,EAAEF,EAAM,UAAU,EAEzC,OAAoBM,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcJ,EAAI,IAACK,EAAM,CACjC,MAAO,yCACP,WAAY,CAAE,GAAGC,CAChB,CACF,CAAA,EAAG;AAAA,EAAmBN,MAAKE,EAAY,EAAG,CACzC,SAAuBF,EAAAA,IAAKE,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACf,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,2BACJ,SAAU,2BACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,2DACX,CAAA,EAAG;AAAA,EAAmBC,OAAMD,EAAY,EAAG,CAC1C,SAAU,CAAC,gCAA8CF,MAAKE,EAAY,KAAM,CAC9E,SAAU,SACX,CAAA,EAAG,gDAAgD,CACrD,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,IAAK,CAC3C,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CACpB,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,+FACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,IAAK,CAC3C,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,UAAW,gBACX,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CACpB,CAAS,CACT,CAAO,CAAC,CACR,CAAK,CACF,CACH,CAIY,MAACK,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,yCACP,WAAY,CAAE,GAAGF,CAChB,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAE,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAAE,GAAIA,EAAc,WAAW,MAAQ,GACrE,KAAMZ,CACR,EAC4B,MAAAa,EAAA,CAAA,QAAA"}
|
||||
{"version":3,"file":"story-with-media.stories-aaf573af.js","sources":["../../src/docs/contributing/story-recipes/story-with-media.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta\n title=\"Contributing/Recipes: Story with media\"\n parameters={{ ...parameters }}\n/>\n\n\n\n# Recipes: Story with media\n\nTo use media files in your stories, import them directly.\n\nFirst, add a media file in a `stories` directory in your component folder like this:\n\n```\nYourComponent/\n YourComponent.svelte\n YourComponent.stories.svelte\n stories/\n imgs/\n myImage.jpg\n```\n\nNow, import your media file directly in your code, which will resolve to the URL of the file.\n\n```html\n<!-- YourComponent.stories.svelte -->\n<script>\n import { Meta, Template, Story } from '@storybook/addon-svelte-csf';\n\n import YourComponent from './YourComponent.svelte';\n\n // 🖼️ Import media you need in stories directly in code!\n import myImageSrc from './stories/imgs/myImage.jpg';\n</script>\n\n<Meta title=\"Components/YourComponent\" component=\"{YourComponent}\"></Meta>\n\n<template let:args>\n <YourComponent {...args} />\n</template>\n\n<Story\n name=\"Basic\"\n args=\"{{\n src: myImageSrc,\n altText: 'My image in the component',\n }}\"\n/>\n```\n"],"names":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"iYAOA,SAASA,EAAWC,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASC,CACb,EAAM,OAAO,OAAO,CAAE,EAAEC,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOC,EAAyBE,EAAAA,IAAKF,EAAW,CAAE,GAAGD,EACnD,SAAuBG,EAAAA,IAAKC,EAAmB,EAAE,CACrD,CAAG,EAAIA,EAAiB,EAEtB,SAASA,GAAoB,CAC3B,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,KACJ,KAAM,OACN,IAAK,KACN,EAAEH,EAAoB,EAAEF,EAAM,UAAU,EAEzC,OAAoBM,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcJ,EAAI,IAACK,EAAM,CACjC,MAAO,yCACP,WAAY,CAAE,GAAGC,CAChB,CACF,CAAA,EAAG;AAAA,EAAmBN,MAAKE,EAAY,EAAG,CACzC,SAAuBF,EAAAA,IAAKE,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACf,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,2BACJ,SAAU,2BACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,2DACX,CAAA,EAAG;AAAA,EAAmBC,OAAMD,EAAY,EAAG,CAC1C,SAAU,CAAC,gCAA8CF,MAAKE,EAAY,KAAM,CAC9E,SAAU,SACX,CAAA,EAAG,gDAAgD,CACrD,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,IAAK,CAC3C,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CACpB,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,+FACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,IAAK,CAC3C,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,UAAW,gBACX,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CACpB,CAAS,CACT,CAAO,CAAC,CACR,CAAK,CACF,CACH,CAIY,MAACK,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,yCACP,WAAY,CAAE,GAAGF,CAChB,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAE,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAAE,GAAIA,EAAc,WAAW,MAAQ,GACrE,KAAMZ,CACR,EAC4B,MAAAa,EAAA,CAAA,QAAA"}
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
import{S as l,c as n,s as d}from"./chunk-PCJTTTQV-90f858af.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";export{l as SyntaxHighlighter,n as createCopyToClipboardFunction,d as default};
|
||||
//# sourceMappingURL=syntaxhighlighter-QTQ2UBB4-eab1b533.js.map
|
||||
import{S as l,c as n,s as d}from"./chunk-PCJTTTQV-0a40be90.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";export{l as SyntaxHighlighter,n as createCopyToClipboardFunction,d as default};
|
||||
//# sourceMappingURL=syntaxhighlighter-QTQ2UBB4-d3b16643.js.map
|
||||
1
docs/assets/syntaxhighlighter-QTQ2UBB4-d3b16643.js.map
Normal file
1
docs/assets/syntaxhighlighter-QTQ2UBB4-d3b16643.js.map
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"file":"syntaxhighlighter-QTQ2UBB4-d3b16643.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
||||
|
|
@ -1 +0,0 @@
|
|||
{"version":3,"file":"syntaxhighlighter-QTQ2UBB4-eab1b533.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p as i,j as e}from"./jsx-runtime-539b76a3.js";import{u as a}from"./index-297ebefe.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";const h=""+new URL("stories-f3c1de5e.png",import.meta.url).href,m=""+new URL("intro-dfe8cd85.png",import.meta.url).href,p=""+new URL("tabs-2c40a63b.png",import.meta.url).href,l=""+new URL("argstable-78a8b965.png",import.meta.url).href,d=""+new URL("frame-ac36701c.png",import.meta.url).href,g=""+new URL("copy-code-984259f8.png",import.meta.url).href,u=""+new URL("more-stories-168790e5.png",import.meta.url).href,w=""+new URL("other-docs-db0f6915.png",import.meta.url).href;function x(s={}){const{wrapper:n}=Object.assign({},a(),s.components);return n?e.jsx(n,{...s,children:e.jsx(r,{})}):r();function r(){const t=Object.assign({p:"p",img:"img",h1:"h1",h2:"h2",a:"a",h3:"h3",strong:"strong",code:"code"},a(),s.components);return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"Guides/Using these docs",parameters:{...i}}),`
|
||||
import{M as c}from"./chunk-PCJTTTQV-0a40be90.js";import{p as i,j as e}from"./jsx-runtime-539b76a3.js";import{u as a}from"./index-297ebefe.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";const h=""+new URL("stories-f3c1de5e.png",import.meta.url).href,m=""+new URL("intro-dfe8cd85.png",import.meta.url).href,p=""+new URL("tabs-2c40a63b.png",import.meta.url).href,l=""+new URL("argstable-78a8b965.png",import.meta.url).href,d=""+new URL("frame-ac36701c.png",import.meta.url).href,g=""+new URL("copy-code-984259f8.png",import.meta.url).href,u=""+new URL("more-stories-168790e5.png",import.meta.url).href,w=""+new URL("other-docs-db0f6915.png",import.meta.url).href;function x(s={}){const{wrapper:n}=Object.assign({},a(),s.components);return n?e.jsx(n,{...s,children:e.jsx(r,{})}):r();function r(){const t=Object.assign({p:"p",img:"img",h1:"h1",h2:"h2",a:"a",h3:"h3",strong:"strong",code:"code"},a(),s.components);return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"Guides/Using these docs",parameters:{...i}}),`
|
||||
`,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:"using-these-docs",children:"Using these docs"}),`
|
||||
`,e.jsx(t.p,{children:"The docs in this site include interactive examples of how to use our components, explanations of how our basic design system works and helpful docs on SCSS tools you can use to customise your page."}),`
|
||||
|
|
@ -24,4 +24,4 @@ import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p as i,j as e}from"./jsx
|
|||
`,e.jsx(t.h2,{id:"other-docs-pages",children:"Other docs pages"}),`
|
||||
`,e.jsx(t.p,{children:"Other docs pages are simple markdown documents that include useful snippets you can copy/paste into your code."}),`
|
||||
`,e.jsx("img",{src:w,width:"100%",style:{margin:"2rem 0",maxWidth:800}})]})}}const f=()=>{throw new Error("Docs-only story")};f.parameters={docsOnly:!0};const o={title:"Guides/Using these docs",parameters:{...i},tags:["stories-mdx"],includeStories:["__page"]};o.parameters=o.parameters||{};o.parameters.docs={...o.parameters.docs||{},page:x};const M=["__page"];export{M as __namedExportsOrder,f as __page,o as default};
|
||||
//# sourceMappingURL=using-docs.stories-f155f6af.js.map
|
||||
//# sourceMappingURL=using-docs.stories-2259eb26.js.map
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
|||
import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p as a,j as o}from"./jsx-runtime-539b76a3.js";import{u as i}from"./index-297ebefe.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function p(r={}){const{wrapper:s}=Object.assign({},i(),r.components);return s?o.jsx(s,{...r,children:o.jsx(n,{})}):n();function n(){const e=Object.assign({p:"p",img:"img",h1:"h1",h2:"h2",a:"a",code:"code",pre:"pre"},i(),r.components);return o.jsxs(o.Fragment,{children:[o.jsx(c,{title:"Contributing/Writing stories",parameters:{...a}}),`
|
||||
import{M as c}from"./chunk-PCJTTTQV-0a40be90.js";import{p as a,j as o}from"./jsx-runtime-539b76a3.js";import{u as i}from"./index-297ebefe.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function p(r={}){const{wrapper:s}=Object.assign({},i(),r.components);return s?o.jsx(s,{...r,children:o.jsx(n,{})}):n();function n(){const e=Object.assign({p:"p",img:"img",h1:"h1",h2:"h2",a:"a",code:"code",pre:"pre"},i(),r.components);return o.jsxs(o.Fragment,{children:[o.jsx(c,{title:"Contributing/Writing stories",parameters:{...a}}),`
|
||||
`,o.jsx(e.p,{children:o.jsx(e.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
|
||||
`,o.jsx(e.h1,{id:"writing-component-stories",children:"Writing component stories"}),`
|
||||
`,o.jsx(e.p,{children:'As well as writing your component, you should also document how to use it using Storybook "stories."'}),`
|
||||
|
|
@ -16,4 +16,4 @@ import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p as a,j as o}from"./jsx
|
|||
`,o.jsx(e.h2,{id:"how-do-i-write-stories",children:"How do I write stories?"}),`
|
||||
`,o.jsx(e.p,{children:"Read through the recipes docs for some common examples of how you may want to write and customise your stories."}),`
|
||||
`,o.jsx(e.p,{children:`If you're comparing the recipes to Storybook's own docs, note that all the examples use "Svelte Native" story format. (Storybook is technically a React-first tool that's been retrofit to also support a number of other frameworks, including Svelte.)`})]})}}const m=()=>{throw new Error("Docs-only story")};m.parameters={docsOnly:!0};const t={title:"Contributing/Writing stories",parameters:{...a},tags:["stories-mdx"],includeStories:["__page"]};t.parameters=t.parameters||{};t.parameters.docs={...t.parameters.docs||{},page:p};const v=["__page"];export{v as __namedExportsOrder,m as __page,t as default};
|
||||
//# sourceMappingURL=writing-component-stories.stories-84a13bc2.js.map
|
||||
//# sourceMappingURL=writing-component-stories.stories-8420614e.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"writing-component-stories.stories-84a13bc2.js","sources":["../../src/docs/contributing/writing-component-stories.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"Contributing/Writing stories\" parameters={{ ...parameters }} />\n\n\n\n# Writing component stories\n\nAs well as writing your component, you should also document how to use it using Storybook \"stories.\"\n\n## What's a story?\n\nParaphrasing [Storybook's definition](https://storybook.js.org/docs/svelte/writing-stories/introduction): A story captures the rendered state of a Svelte component, given certain props. Translation: It's a demo of what your component can do.\n\nIn Storybook, you create a story page for your component, which can itself contain several \"stories\" or demos of how your component works.\n\nTo make a story page, you'll create a `*.stories.svelte` file next to your component like this:\n\n```\nsrc/\n components/\n YourComponent/\n YourComponent.svelte\n YourComponent.stories.svelte\n```\n\nYour component's story page will then have at least one story that shows how it can be used.\n\n## How do I write stories?\n\nRead through the recipes docs for some common examples of how you may want to write and customise your stories.\n\nIf you're comparing the recipes to Storybook's own docs, note that all the examples use \"Svelte Native\" story format. (Storybook is technically a React-first tool that's been retrofit to also support a number of other frameworks, including Svelte.)\n"],"names":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"iYAOA,SAASA,EAAWC,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASC,CACb,EAAM,OAAO,OAAO,CAAE,EAAEC,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOC,EAAyBE,EAAAA,IAAKF,EAAW,CAAE,GAAGD,EACnD,SAAuBG,EAAAA,IAAKC,EAAmB,EAAE,CACrD,CAAG,EAAIA,EAAiB,EAEtB,SAASA,GAAoB,CAC3B,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,KACJ,GAAI,KACJ,EAAG,IACH,KAAM,OACN,IAAK,KACN,EAAEH,EAAoB,EAAEF,EAAM,UAAU,EAEzC,OAAoBM,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcJ,EAAI,IAACK,EAAM,CACjC,MAAO,+BACP,WAAY,CAAE,GAAGC,CAChB,CACF,CAAA,EAAG;AAAA,EAAmBN,MAAKE,EAAY,EAAG,CACzC,SAAuBF,EAAAA,IAAKE,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACf,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,4BACJ,SAAU,2BACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,sGACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,gBACJ,SAAU,iBACX,CAAA,EAAG;AAAA,EAAmBC,OAAMD,EAAY,EAAG,CAC1C,SAAU,CAAC,gBAA8BF,MAAKE,EAAY,EAAG,CAC3D,KAAM,oEACN,OAAQ,SACR,IAAK,+BACL,SAAU,wBACX,CAAA,EAAG,2IAA2I,CAChJ,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,4IACX,CAAA,EAAG;AAAA,EAAmBC,OAAMD,EAAY,EAAG,CAC1C,SAAU,CAAC,yCAAuDF,MAAKE,EAAY,KAAM,CACvF,SAAU,kBACX,CAAA,EAAG,yCAAyC,CAC9C,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,IAAK,CAC3C,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA,CACpB,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,8FACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,yBACJ,SAAU,yBACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,iHACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,0PAClB,CAAO,CAAC,CACR,CAAK,CACF,CACH,CAIY,MAACK,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,+BACP,WAAY,CAAE,GAAGF,CAChB,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAE,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAAE,GAAIA,EAAc,WAAW,MAAQ,GACrE,KAAMZ,CACR,EAC4B,MAAAa,EAAA,CAAA,QAAA"}
|
||||
{"version":3,"file":"writing-component-stories.stories-8420614e.js","sources":["../../src/docs/contributing/writing-component-stories.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"Contributing/Writing stories\" parameters={{ ...parameters }} />\n\n\n\n# Writing component stories\n\nAs well as writing your component, you should also document how to use it using Storybook \"stories.\"\n\n## What's a story?\n\nParaphrasing [Storybook's definition](https://storybook.js.org/docs/svelte/writing-stories/introduction): A story captures the rendered state of a Svelte component, given certain props. Translation: It's a demo of what your component can do.\n\nIn Storybook, you create a story page for your component, which can itself contain several \"stories\" or demos of how your component works.\n\nTo make a story page, you'll create a `*.stories.svelte` file next to your component like this:\n\n```\nsrc/\n components/\n YourComponent/\n YourComponent.svelte\n YourComponent.stories.svelte\n```\n\nYour component's story page will then have at least one story that shows how it can be used.\n\n## How do I write stories?\n\nRead through the recipes docs for some common examples of how you may want to write and customise your stories.\n\nIf you're comparing the recipes to Storybook's own docs, note that all the examples use \"Svelte Native\" story format. (Storybook is technically a React-first tool that's been retrofit to also support a number of other frameworks, including Svelte.)\n"],"names":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"iYAOA,SAASA,EAAWC,EAAQ,GAAI,CAC9B,KAAM,CACJ,QAASC,CACb,EAAM,OAAO,OAAO,CAAE,EAAEC,EAAkB,EAAIF,EAAM,UAAU,EAC5D,OAAOC,EAAyBE,EAAAA,IAAKF,EAAW,CAAE,GAAGD,EACnD,SAAuBG,EAAAA,IAAKC,EAAmB,EAAE,CACrD,CAAG,EAAIA,EAAiB,EAEtB,SAASA,GAAoB,CAC3B,MAAMC,EAAc,OAAO,OAAO,CAChC,EAAG,IACH,IAAK,MACL,GAAI,KACJ,GAAI,KACJ,EAAG,IACH,KAAM,OACN,IAAK,KACN,EAAEH,EAAoB,EAAEF,EAAM,UAAU,EAEzC,OAAoBM,EAAAA,KAAMC,EAAAA,SAAW,CACnC,SAAU,CAAcJ,EAAI,IAACK,EAAM,CACjC,MAAO,+BACP,WAAY,CAAE,GAAGC,CAChB,CACF,CAAA,EAAG;AAAA,EAAmBN,MAAKE,EAAY,EAAG,CACzC,SAAuBF,EAAAA,IAAKE,EAAY,IAAK,CAC3C,IAAK,uHACL,IAAK,EACf,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,4BACJ,SAAU,2BACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,sGACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,gBACJ,SAAU,iBACX,CAAA,EAAG;AAAA,EAAmBC,OAAMD,EAAY,EAAG,CAC1C,SAAU,CAAC,gBAA8BF,MAAKE,EAAY,EAAG,CAC3D,KAAM,oEACN,OAAQ,SACR,IAAK,+BACL,SAAU,wBACX,CAAA,EAAG,2IAA2I,CAChJ,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,4IACX,CAAA,EAAG;AAAA,EAAmBC,OAAMD,EAAY,EAAG,CAC1C,SAAU,CAAC,yCAAuDF,MAAKE,EAAY,KAAM,CACvF,SAAU,kBACX,CAAA,EAAG,yCAAyC,CAC9C,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,IAAK,CAC3C,SAAuBF,EAAAA,IAAKE,EAAY,KAAM,CAC5C,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA,CACpB,CAAS,CACF,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,8FACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,GAAI,CAC1C,GAAI,yBACJ,SAAU,yBACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,iHACX,CAAA,EAAG;AAAA,EAAmBF,MAAKE,EAAY,EAAG,CACzC,SAAU,0PAClB,CAAO,CAAC,CACR,CAAK,CACF,CACH,CAIY,MAACK,EAAS,IAAM,CAC1B,MAAM,IAAI,MAAM,iBAAiB,CACnC,EACAA,EAAO,WAAa,CAClB,SAAU,EACZ,EACK,MAACC,EAAgB,CACpB,MAAO,+BACP,WAAY,CAAE,GAAGF,CAChB,EACD,KAAM,CAAC,aAAa,EACpB,eAAgB,CAAC,QAAQ,CAC3B,EACAE,EAAc,WAAaA,EAAc,YAAc,GACvDA,EAAc,WAAW,KAAO,CAAE,GAAIA,EAAc,WAAW,MAAQ,GACrE,KAAMZ,CACR,EAC4B,MAAAa,EAAA,CAAA,QAAA"}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import{M as c}from"./chunk-PCJTTTQV-90f858af.js";import{p as i,j as e}from"./jsx-runtime-539b76a3.js";import{u as a}from"./index-297ebefe.js";import"./iframe-22454b94.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function d(r={}){const{wrapper:s}=Object.assign({},a(),r.components);return s?e.jsx(s,{...r,children:e.jsx(n,{})}):n();function n(){const o=Object.assign({p:"p",img:"img",h1:"h1",blockquote:"blockquote",em:"em",h3:"h3",code:"code",pre:"pre"},a(),r.components);return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"Contributing/Writing docs pages",parameters:{...i}}),`
|
||||
import{M as c}from"./chunk-PCJTTTQV-0a40be90.js";import{p as i,j as e}from"./jsx-runtime-539b76a3.js";import{u as a}from"./index-297ebefe.js";import"./iframe-739b763c.js";import"../sb-preview/runtime.js";import"./extends-b40c5bac.js";import"./_commonjsHelpers-725317a4.js";import"./index-d475d2ea.js";import"./index-d37d4223.js";import"./index-1a79a776.js";import"./index-356e4a49.js";function d(r={}){const{wrapper:s}=Object.assign({},a(),r.components);return s?e.jsx(s,{...r,children:e.jsx(n,{})}):n();function n(){const o=Object.assign({p:"p",img:"img",h1:"h1",blockquote:"blockquote",em:"em",h3:"h3",code:"code",pre:"pre"},a(),r.components);return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"Contributing/Writing docs pages",parameters:{...i}}),`
|
||||
`,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:"writing-docs-only-pages",children:"Writing docs-only pages"}),`
|
||||
`,e.jsx(o.p,{children:"You can write docs-only pages in simple markdown using MDX format."}),`
|
||||
|
|
@ -24,4 +24,4 @@ import { parameters } from '$docs/utils/docsPage.js';
|
|||
Your docs TK...
|
||||
`})}),`
|
||||
`,e.jsx(o.p,{children:"From there, write whatever you need in markdown."})]})}}const p=()=>{throw new Error("Docs-only story")};p.parameters={docsOnly:!0};const t={title:"Contributing/Writing docs pages",parameters:{...i},tags:["stories-mdx"],includeStories:["__page"]};t.parameters=t.parameters||{};t.parameters.docs={...t.parameters.docs||{},page:d};const M=["__page"];export{M as __namedExportsOrder,p as __page,t as default};
|
||||
//# sourceMappingURL=writing-docs-stories.stories-092ced8e.js.map
|
||||
//# sourceMappingURL=writing-docs-stories.stories-173129e1.js.map
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"writing-docs-stories.stories-092ced8e.js","sources":["../../src/docs/contributing/writing-docs-stories.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"Contributing/Writing docs pages\" parameters={{ ...parameters }} />\n\n\n\n# Writing docs-only pages\n\nYou can write docs-only pages in simple markdown using MDX format.\n\n> MDX is _technically_ a mixture of markdown and React. Unforuntately, there isn't a native Svelte option for markdown pages in Storybook yet. Good news, though, you won't _really_ need to know React to use it. Just write in markdown and follow the template below for the React bits you'll need.\n\n### Quickstart\n\nMake a new `.stories.mdx` file for your docs page in the `src/docs/` directory.\n\n```\nsrc/\n docs/\n my-docs.stories.mdx\n```\n\nAdd the following at the top of the file and customise the `title` property in the `Meta` component for where you want the page to live in the Storybook nav.\n\n```markdown\nimport { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"SCSS/Special rules\" parameters={{ ...parameters }} />\n\n\n\n# My docs page\n\nYour docs TK...\n```\n\nFrom there, write whatever you need in markdown.\n"],"names":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"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"}
|
||||
{"version":3,"file":"writing-docs-stories.stories-173129e1.js","sources":["../../src/docs/contributing/writing-docs-stories.stories.mdx"],"sourcesContent":["import { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"Contributing/Writing docs pages\" parameters={{ ...parameters }} />\n\n\n\n# Writing docs-only pages\n\nYou can write docs-only pages in simple markdown using MDX format.\n\n> MDX is _technically_ a mixture of markdown and React. Unforuntately, there isn't a native Svelte option for markdown pages in Storybook yet. Good news, though, you won't _really_ need to know React to use it. Just write in markdown and follow the template below for the React bits you'll need.\n\n### Quickstart\n\nMake a new `.stories.mdx` file for your docs page in the `src/docs/` directory.\n\n```\nsrc/\n docs/\n my-docs.stories.mdx\n```\n\nAdd the following at the top of the file and customise the `title` property in the `Meta` component for where you want the page to live in the Storybook nav.\n\n```markdown\nimport { Meta } from '@storybook/addon-docs';\nimport { parameters } from '$docs/utils/docsPage.js';\n\n<Meta title=\"SCSS/Special rules\" parameters={{ ...parameters }} />\n\n\n\n# My docs page\n\nYour docs TK...\n```\n\nFrom there, write whatever you need in markdown.\n"],"names":["MDXContent","props","MDXLayout","_provideComponents","_jsx","_createMdxContent","_components","_jsxs","_Fragment","Meta","parameters","__page","componentMeta","__namedExportsOrder"],"mappings":"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"}
|
||||
|
|
@ -359,7 +359,7 @@
|
|||
<script>
|
||||
window.global = window;
|
||||
</script>
|
||||
<script type="module" crossorigin src="./assets/iframe-22454b94.js"></script>
|
||||
<script type="module" crossorigin src="./assets/iframe-739b763c.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
{"generatedAt":1686855260320,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.19"},"framework":{"name":"@storybook/svelte-vite"},"builder":"@storybook/builder-vite","renderer":"@storybook/svelte","storybookVersion":"7.0.20","storybookVersionSpecifier":"^7.0.20","language":"typescript","storybookPackages":{"@storybook/addon-actions":{"version":"7.0.20"},"@storybook/addon-docs":{"version":"7.0.20"},"@storybook/addon-mdx-gfm":{"version":"7.0.20"},"@storybook/blocks":{"version":"7.0.20"},"@storybook/builder-vite":{"version":"7.0.20"},"@storybook/manager-api":{"version":"7.0.20"},"@storybook/mdx2-csf":{"version":"1.1.0"},"@storybook/svelte":{"version":"7.0.20"},"@storybook/svelte-vite":{"version":"7.0.20"},"@storybook/testing-library":{"version":"0.1.0"},"@storybook/theming":{"version":"7.0.20"},"eslint-plugin-storybook":{"version":"0.6.12"},"storybook":{"version":"7.0.20"}},"addons":{"@storybook/addon-links":{"version":"7.0.20"},"@storybook/addon-essentials":{"version":"7.0.20"},"@storybook/addon-interactions":{"version":"7.0.20"},"@storybook/addon-svelte-csf":{"version":"3.0.3"}}}
|
||||
{"generatedAt":1687345397501,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.19"},"framework":{"name":"@storybook/svelte-vite"},"builder":"@storybook/builder-vite","renderer":"@storybook/svelte","storybookVersion":"7.0.20","storybookVersionSpecifier":"^7.0.20","language":"typescript","storybookPackages":{"@storybook/addon-actions":{"version":"7.0.20"},"@storybook/addon-docs":{"version":"7.0.20"},"@storybook/addon-mdx-gfm":{"version":"7.0.20"},"@storybook/blocks":{"version":"7.0.20"},"@storybook/builder-vite":{"version":"7.0.20"},"@storybook/manager-api":{"version":"7.0.20"},"@storybook/mdx2-csf":{"version":"1.1.0"},"@storybook/svelte":{"version":"7.0.20"},"@storybook/svelte-vite":{"version":"7.0.20"},"@storybook/testing-library":{"version":"0.1.0"},"@storybook/theming":{"version":"7.0.20"},"eslint-plugin-storybook":{"version":"0.6.12"},"storybook":{"version":"7.0.20"}},"addons":{"@storybook/addon-links":{"version":"7.0.20"},"@storybook/addon-essentials":{"version":"7.0.20"},"@storybook/addon-interactions":{"version":"7.0.20"},"@storybook/addon-svelte-csf":{"version":"3.0.3"}}}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "@reuters-graphics/graphics-components",
|
||||
"version": "0.1.4",
|
||||
"version": "0.1.5",
|
||||
"type": "module",
|
||||
"private": false,
|
||||
"homepage": "https://reuters-graphics.github.io/graphics-components",
|
||||
|
|
|
|||
Loading…
Reference in a new issue