18 lines
14 KiB
JavaScript
18 lines
14 KiB
JavaScript
import{j as t,p as s}from"./docsPage-CrCNk6vV.js";import{useMDXComponents as l}from"./index-CswL0fy2.js";import{M as m}from"./index-BSnnmD0I.js";import{C as e}from"./Table-pFv7YcPp.js";import{c as o}from"./parseCss-C67HUs31.js";import{c as f}from"./_color-UiaLB_4F.js";import"./index-DwChlhAQ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-D-8MO0q_.js";import"./iframe-BssUzINi.js";import"../sb-preview/runtime.js";import"./index-DxKRhftL.js";import"./index-DrFu-skq.js";import"./index-CROxjmim.js";import"./toString-DnxJX3Gz.js";import"./isSymbol-Br3Fhm6g.js";const p=".h1{color:var(--theme-colour-text-primary);font-weight:700;font-family:var(--theme-font-family-hed);font-size:var(--theme-font-size-5xl);line-height:1;margin-top:clamp(.31rem,.31rem + 0vw,.31rem);margin-bottom:clamp(.31rem,.31rem + 0vw,.31rem)}.h2{color:var(--theme-colour-text-primary);font-weight:700;font-family:var(--theme-font-family-subhed);line-height:1.15;font-size:var(--theme-font-size-xl);margin-top:clamp(3.38rem,3.19rem + .94vw,3.94rem);margin-bottom:clamp(.56rem,.52rem + .21vw,.69rem)}@media (max-width: 768px){.h2{font-size:var(--theme-font-size-2xl)}}.h3{color:var(--theme-colour-text-primary);font-weight:600;font-family:var(--theme-font-family-subhed);line-height:1.15;font-size:var(--theme-font-size-base);margin-top:clamp(1.69rem,1.58rem + .52vw,2rem);margin-bottom:clamp(.31rem,.31rem + 0vw,.31rem)}.h4{font-family:var(--theme-font-family-subhed);line-height:1.3;font-size:var(--theme-font-size-sm);color:var(--theme-colour-text-secondary);font-weight:600;letter-spacing:.03em;text-transform:uppercase;margin-top:clamp(1.13rem,1.06rem + .31vw,1.31rem);margin-bottom:clamp(.31rem,.31rem + 0vw,.31rem)}.body-text{margin-top:0;margin-bottom:clamp(1.13rem,1.06rem + .31vw,1.31rem);font-family:var(--theme-font-family-body);font-size:var(--theme-font-size-base);font-weight:400;line-height:1.5;color:var(--theme-colour-text-primary)}.body-note{margin-top:0;margin-bottom:clamp(.56rem,.52rem + .21vw,.69rem);font-family:var(--theme-font-family-note);font-size:calc(.9 * var(--theme-font-size-base));color:var(--theme-colour-text-primary);line-height:1.3}.body-caption{font-family:var(--theme-font-family-note);color:var(--theme-colour-text-secondary);font-size:var(--theme-font-size-xs);line-height:1.3;font-weight:400;margin-top:clamp(.31rem,.31rem + 0vw,.31rem);margin-bottom:clamp(.56rem,.52rem + .21vw,.69rem)}.body-link{color:currentColor;text-decoration:underline;text-underline-position:from-font;text-decoration-style:dotted;text-decoration-thickness:1px;text-decoration-color:var(--theme-colour-text-secondary)}.drop-cap{float:left;margin-right:clamp(.31rem,.31rem + 0vw,.31rem);font-weight:300;font-size:calc(3.33 * var(--theme-font-size-base));line-height:.9}",x=".font-serif{font-family:var(--theme-font-family-serif)}.font-sans{font-family:var(--theme-font-family-sans-serif)}.font-mono{font-family:var(--theme-font-family-monospace)}.font-hed{font-family:var(--theme-font-family-hed)}.font-subhed{font-family:var(--theme-font-family-subhed)}.font-body{font-family:var(--theme-font-family-body)}.font-note{font-family:var(--theme-font-family-note)}.font-source-sans-pro{font-family:Source Sans Pro,Arial,Helvetica,sans-serif}.font-knowledge{font-family:Knowledge,Source Sans Pro,Arial,Helvetica,sans-serif}.font-freight-text{font-family:FreightText,serif}.font-noto-sans-jp{font-family:Noto Sans JP}.\\!font-serif{font-family:var(--theme-font-family-serif)!important}.\\!font-sans{font-family:var(--theme-font-family-sans-serif)!important}.\\!font-mono{font-family:var(--theme-font-family-monospace)!important}.\\!font-hed{font-family:var(--theme-font-family-hed)!important}.\\!font-subhed{font-family:var(--theme-font-family-subhed)!important}.\\!font-body{font-family:var(--theme-font-family-body)!important}.\\!font-note{font-family:var(--theme-font-family-note)!important}.\\!font-source-sans-pro{font-family:Source Sans Pro,Arial,Helvetica,sans-serif!important}.\\!font-knowledge{font-family:Knowledge,Source Sans Pro,Arial,Helvetica,sans-serif!important}.\\!font-freight-text{font-family:FreightText,serif!important}.\\!font-noto-sans-jp{font-family:Noto Sans JP!important}",h=".text-xxs{font-size:var(--theme-font-size-xxs)}.text-xs{font-size:var(--theme-font-size-xs)}.text-sm{font-size:var(--theme-font-size-sm)}.text-base{font-size:var(--theme-font-size-base)}.text-lg{font-size:var(--theme-font-size-lg)}.text-xl{font-size:var(--theme-font-size-xl)}.text-2xl{font-size:var(--theme-font-size-2xl)}.text-3xl{font-size:var(--theme-font-size-3xl)}.text-4xl{font-size:var(--theme-font-size-4xl)}.text-5xl{font-size:var(--theme-font-size-5xl)}.text-6xl{font-size:var(--theme-font-size-6xl)}.\\!text-xxs{font-size:var(--theme-font-size-xxs)!important}.\\!text-xs{font-size:var(--theme-font-size-xs)!important}.\\!text-sm{font-size:var(--theme-font-size-sm)!important}.\\!text-base{font-size:var(--theme-font-size-base)!important}.\\!text-lg{font-size:var(--theme-font-size-lg)!important}.\\!text-xl{font-size:var(--theme-font-size-xl)!important}.\\!text-2xl{font-size:var(--theme-font-size-2xl)!important}.\\!text-3xl{font-size:var(--theme-font-size-3xl)!important}.\\!text-4xl{font-size:var(--theme-font-size-4xl)!important}.\\!text-5xl{font-size:var(--theme-font-size-5xl)!important}.\\!text-6xl{font-size:var(--theme-font-size-6xl)!important}",c=".italic{font-style:italic}.not-italic{font-style:normal}.\\!italic{font-style:italic!important}.\\!not-italic{font-style:normal!important}",g=".font-thin{font-weight:100}.font-extralight{font-weight:200}.font-light{font-weight:300}.font-regular{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.\\!font-thin{font-weight:100!important}.\\!font-extralight{font-weight:200!important}.\\!font-light{font-weight:300!important}.\\!font-regular{font-weight:400!important}.\\!font-medium{font-weight:500!important}.\\!font-semibold{font-weight:600!important}.\\!font-bold{font-weight:700!important}.\\!font-extrabold{font-weight:800!important}.\\!font-black{font-weight:900!important}",d=".tracking-tighter{letter-spacing:-.05em}.tracking-tight{letter-spacing:-.03em}.tracking-normal{letter-spacing:0em}.tracking-wide{letter-spacing:.03em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.\\!tracking-tighter{letter-spacing:-.05em!important}.\\!tracking-tight{letter-spacing:-.03em!important}.\\!tracking-normal{letter-spacing:0em!important}.\\!tracking-wide{letter-spacing:.03em!important}.\\!tracking-wider{letter-spacing:.05em!important}.\\!tracking-widest{letter-spacing:.1em!important}",k=".leading-none{line-height:1}.leading-tighter{line-height:1.15}.leading-tight{line-height:1.3}.leading-normal{line-height:1.5}.leading-loose{line-height:1.7}.leading-looser{line-height:1.9}.\\!leading-none{line-height:1!important}.\\!leading-tighter{line-height:1.1!important}.\\!leading-tight{line-height:1.3!important}.\\!leading-normal{line-height:1.5!important}.\\!leading-loose{line-height:1.7!important}.\\!leading-looser{line-height:1.9!important}",b=".text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-start{text-align:start}.text-end{text-align:end!important}.\\!text-left{text-align:left!important}.\\!text-center{text-align:center!important}.\\!text-right{text-align:right!important}.\\!text-justify{text-align:justify!important}.\\!text-start{text-align:start!important}.\\!text-end{text-align:end!important}",y=".underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.\\!underline{text-decoration-line:underline!important}.\\!overline{text-decoration-line:overline!important}.\\!line-through{text-decoration-line:line-through!important}.\\!no-underline{text-decoration-line:none!important}",w=".text-stroke-black{-webkit-text-stroke:1px #000;text-stroke:1px #000}.text-stroke-black-2{-webkit-text-stroke:2px #000;text-stroke:2px #000}.text-stroke-black-3{-webkit-text-stroke:3px #000;text-stroke:3px #000}.text-stroke-black-4{-webkit-text-stroke:4px #000;text-stroke:4px #000}.text-stroke-black-6{-webkit-text-stroke:6px #000;text-stroke:6px #000}.text-stroke-black-8{-webkit-text-stroke:8px #000;text-stroke:8px #000}.\\!text-stroke-black{-webkit-text-stroke:1px #000;text-stroke:1px #000}.\\!text-stroke-black-2{-webkit-text-stroke:2px #000!important;text-stroke:2px #000!important}.\\!text-stroke-black-3{-webkit-text-stroke:3px #000!important;text-stroke:3px #000!important}.\\!text-stroke-black-4{-webkit-text-stroke:4px #000!important;text-stroke:4px #000!important}.\\!text-stroke-black-6{-webkit-text-stroke:6px #000!important;text-stroke:6px #000!important}.\\!text-stroke-black-8{-webkit-text-stroke:8px #000!important;text-stroke:8px #000!important}.text-stroke-white{-webkit-text-stroke:1px #fff;text-stroke:1px #fff}.text-stroke-white-2{-webkit-text-stroke:2px #fff;text-stroke:2px #fff}.text-stroke-white-3{-webkit-text-stroke:3px #fff;text-stroke:3px #fff}.text-stroke-white-4{-webkit-text-stroke:4px #fff;text-stroke:4px #fff}.text-stroke-white-6{-webkit-text-stroke:6px #fff;text-stroke:6px #fff}.text-stroke-white-8{-webkit-text-stroke:8px #fff;text-stroke:8px #fff}.\\!text-stroke-white{-webkit-text-stroke:1px #fff;text-stroke:1px #fff}.\\!text-stroke-white-2{-webkit-text-stroke:2px #fff!important;text-stroke:2px #fff!important}.\\!text-stroke-white-3{-webkit-text-stroke:3px #fff!important;text-stroke:3px #fff!important}.\\!text-stroke-white-4{-webkit-text-stroke:4px #fff!important;text-stroke:4px #fff!important}.\\!text-stroke-white-6{-webkit-text-stroke:6px #fff!important;text-stroke:6px #fff!important}.\\!text-stroke-white-8{-webkit-text-stroke:8px #fff!important;text-stroke:8px #fff!important}",u=".uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.\\!uppercase{text-transform:uppercase!important}.\\!lowercase{text-transform:lowercase!important}",v=".align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.align-text-top{vertical-align:text-top}.align-text-bottom{vertical-align:text-bottom}.align-sub{vertical-align:sub}.align-super{vertical-align:super}.\\!align-baseline{vertical-align:baseline!important}.\\!align-top{vertical-align:top!important}.\\!align-middle{vertical-align:middle!important}.\\!align-bottom{vertical-align:bottom!important}.\\!align-text-top{vertical-align:text-top!important}.\\!align-text-bottom{vertical-align:text-bottom!important}.\\!align-sub{vertical-align:sub!important}.\\!align-super{vertical-align:super!important}",z=".whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.\\!whitespace-normal{white-space:normal!important}.\\!whitespace-nowrap{white-space:nowrap!important}",j=".break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.\\!break-normal{overflow-wrap:normal!important;word-break:normal!important}.\\!break-words{overflow-wrap:break-word!important}";function a(i){const r={h1:"h1",img:"img",p:"p",...l(),...i.components};return t.jsxs(t.Fragment,{children:[t.jsx(m,{title:"Styles/Tokens/Typography",parameters:{...s}}),`
|
|
`,t.jsx(r.p,{children:t.jsx(r.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
|
|
`,t.jsx(r.h1,{id:"typography-tokens",children:"Typography tokens"}),`
|
|
`,t.jsx(e,{title:"Role",note:"Role tokens group several individual style tokens for common text elements like headers, body text, notes and links. You can use them as a shorthand for our default typography styles.",header:["Class","Include","Properties"],body:o(p,!0),copyable:[!0,n=>`@include ${n};`,!1]}),`
|
|
`,t.jsx(e,{title:"Colour",mdnLink:"color",header:["Class","Include","Properties"],body:o(f,!0),copyable:[!0,n=>`@include ${n};`,!1]}),`
|
|
`,t.jsx(e,{title:"Font family",mdnLink:"font-family",header:["Class","Include","Properties"],body:o(x,!0),copyable:[!0,n=>`@include ${n};`,!1]}),`
|
|
`,t.jsx(e,{title:"Font size",mdnLink:"font-size",header:["Class","Include","Properties"],body:o(h,!0),copyable:[!0,n=>`@include ${n};`,!1]}),`
|
|
`,t.jsx(e,{title:"Font style",mdnLink:"font-style",header:["Class","Properties"],body:o(c),copyable:[!0,!1]}),`
|
|
`,t.jsx(e,{title:"Font weight",mdnLink:"font-weight",header:["Class","Include","Properties"],body:o(g,!0),copyable:[!0,n=>`@include ${n};`,!1]}),`
|
|
`,t.jsx(e,{title:"Letter spacing",mdnLink:"letter-spacing",header:["Class","Include","Properties"],body:o(d,!0),copyable:[!0,n=>`@include ${n};`,!1]}),`
|
|
`,t.jsx(e,{title:"Line height",mdnLink:"line-height",header:["Class","Include","Properties"],body:o(k,!0),copyable:[!0,n=>`@include ${n};`,!1]}),`
|
|
`,t.jsx(e,{title:"Text align",mdnLink:"text-align",header:["Class","Properties"],body:o(b),copyable:[!0,!1]}),`
|
|
`,t.jsx(e,{title:"Text decoration",mdnLink:"text-decoration",header:["Class","Properties"],body:o(y),copyable:[!0,!1]}),`
|
|
`,t.jsx(e,{title:"Text stroke",mdnLink:"text-stroke",header:["Class","Properties"],body:o(w),copyable:[!0,!1]}),`
|
|
`,t.jsx(e,{title:"Text transform",mdnLink:"text-transform",header:["Class","Properties"],body:o(u),copyable:[!0,!1]}),`
|
|
`,t.jsx(e,{title:"Vertical align",mdnLink:"vertical-align",header:["Class","Properties"],body:o(v),copyable:[!0,!1]}),`
|
|
`,t.jsx(e,{title:"White space",mdnLink:"white-space",header:["Class","Properties"],body:o(z),copyable:[!0,!1]}),`
|
|
`,t.jsx(e,{title:"Word break",mdnLink:"word-break",header:["Class","Properties"],body:o(j),copyable:[!0,!1]})]})}function K(i={}){const{wrapper:r}={...l(),...i.components};return r?t.jsx(r,{...i,children:t.jsx(a,{...i})}):a(i)}export{K as default};
|