import{M as p}from"./chunk-S4VUQJ4A-2dd298b0.js";import{p as n,j as e}from"./jsx-runtime-0fbb5865.js";import"./index-ddd2a731.js";import"./ImportSnippet-8172d2bf.js";import"./index-d22d6f20.js";import{u as a}from"./index-e6b2d23a.js";import"./iframe-781efd05.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-de833af9.js";import"./index-e04ae519.js";import"./index-d37d4223.js";import"./index-356e4a49.js";import"./prism-be0ee245.js";import"./scss-efc2351e.js";function t(o){const r=Object.assign({p:"p",img:"img",h1:"h1",a:"a",pre:"pre",code:"code"},a(),o.components);return e.jsxs(e.Fragment,{children:[e.jsx(p,{title:"Styles/Colours/Intro",parameters:{...n}}),`
`,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:"working-with-colours",children:"Working with colours"}),`
`,e.jsxs(r.p,{children:["Colour palettes are provided as ",e.jsx(r.a,{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/--*",target:"_blank",rel:"nofollow noopener noreferrer",children:"CSS variables"})," you can use in your own styles. Some are included by default, others can be imported in your global stylesheet and then used."]}),`
`,e.jsx(r.pre,{children:e.jsx(r.code,{className:"language-scss",children:`/* global.scss */
@import '@reuters-graphics/graphics-components/scss/colours/primary/blue';

p {
  color: var(--grey-400); // Included by default
}

p.blue-bg {
  color: white;
  background-colour: var(--blue-600); // Imported palette
}
`})})]})}function i(o={}){const{wrapper:r}=Object.assign({},a(),o.components);return r?e.jsx(r,{...o,children:e.jsx(t,{...o})}):t(o)}const l=()=>{throw new Error("Docs-only story")};l.parameters={docsOnly:!0};const s={title:"Styles/Colours/Intro",parameters:{...n},tags:["stories-mdx"],includeStories:["__page"]};s.parameters=s.parameters||{};s.parameters.docs={...s.parameters.docs||{},page:i};const C=["__page"];export{C as __namedExportsOrder,l as __page,s as default};
//# sourceMappingURL=intro.stories-cd08e2a1.js.map