hypnagaga/packages/graphics-components/docs/assets/thematic-tMvF0_ny.js

75 lines
2.8 KiB
JavaScript

import{j as r}from"./index-bIIEL2MP.js";import{useMDXComponents as d}from"./index-CO-0pc0F.js";import{M as c}from"./index-Z-6k0Xrj.js";import{p as s}from"./docsPage-CT2vyZOj.js";import{C as e}from"./Table-CA-9Fe-E.js";import{e as t}from"./parseCss-DFN8Q8fx.js";import"./_commonjsHelpers-D6-XlEtG.js";import"./iframe-CzjIX-qr.js";import"./index-aQYXhgXp.js";import"./index-DrFu-skq.js";import"./nord-DxLM28z-.js";import"./scss-DJ1h0WN5.js";import"./index-D7HDsfES.js";const i=`// Brand colours from RCOM's raptor system
// https://github.com/tr/rcom-arc_raptor-ui/blob/develop/packages/rcom-raptor-ui_atomic/styles/_colors.scss
:root {
--tr-orange: #fa6400;
--tr-dark-orange: #dc4300;
--tr-light-orange: #ffa100;
--tr-dark-grey: #404040;
--tr-medium-grey: #666666;
--tr-light-grey: #afafaf;
--tr-muted-grey: #d0d0d0;
--tr-contrast-grey: #949494;
--tr-hover-background-grey: #f8f8f8;
--tr-light-muted-grey: #f4f4f4;
--tr-ultra-light-grey: #fafafa;
--tr-dark-blue: #005da2;
--tr-light-blue: #0099c4;
--tr-muted-blue: #4386b9;
--tr-lighter-blue: #7facce;
--tr-superlight-blue: #e5eef5;
--tr-dark-purple: #621f95;
--tr-light-purple: #6e3ab7;
--tr-dark-red: #a00000;
--tr-light-red: #dc0a0a;
--tr-dark-green: #387c2b;
--tr-light-green: #77a22d;
--tr-black: #000;
--tr-white: #fff;
--tr-ad-placeholder: #ffb1b1;
}
`,l=`:root {
--nord-0: #2e3440;
--nord-polar-night-0: #2e3440;
--nord-black: #2e3440;
--nord-1: #3b4252;
--nord-polar-night-1: #3b4252;
--nord-2: #434c5e;
--nord-polar-night-2: #434c5e;
--nord-3: #4c566a;
--nord-polar-night-3: #4c566a;
--nord-4: #d8dee9;
--nord-snow-storm-0: #d8dee9;
--nord-5: #e5e9f0;
--nord-snow-storm-1: #e5e9f0;
--nord-6: #eceff4;
--nord-snow-storm-2: #eceff4;
--nord-white: #eceff4;
--nord-7: #8fbcbb;
--nord-frost-0: #8fbcbb;
--nord-8: #88c0d0;
--nord-frost-1: #88c0d0;
--nord-9: #81a1c1;
--nord-frost-2: #81a1c1;
--nord-10: #5e81ac;
--nord-frost-3: #5e81ac;
--nord-blue: #5e81ac;
--nord-11: #bf616a;
--nord-aurora-0: #bf616a;
--nord-red: #bf616a;
--nord-12: #d08770;
--nord-aurora-1: #d08770;
--nord-orange: #d08770;
--nord-13: #ebcb8b;
--nord-aurora-2: #ebcb8b;
--nord-yellow: #ebcb8b;
--nord-14: #a3be8c;
--nord-aurora-3: #a3be8c;
--nord-green: #a3be8c;
--nord-15: #b48ead;
--nord-aurora-4: #b48ead;
--nord-purple: #b48ead;
}
`;function a(n){const o={h1:"h1",...d(),...n.components};return r.jsxs(r.Fragment,{children:[r.jsx(c,{title:"Styles/Colours/Thematic",parameters:{...s}}),`
`,r.jsx(o.h1,{id:"thematic-colours",children:"Thematic colours"}),`
`,r.jsx(e,{title:"Thomson Reuters",body:t(i),included:!0,partial:"thematic/_tr.scss"}),`
`,r.jsx(e,{title:"Nord",body:t(l),partial:"thematic/_nord.scss"})]})}function M(n={}){const{wrapper:o}={...d(),...n.components};return o?r.jsx(o,{...n,children:r.jsx(a,{...n})}):a(n)}export{M as default};