370 lines
7.4 KiB
JavaScript
370 lines
7.4 KiB
JavaScript
import{j as n,p as a}from"./docsPage-CrCNk6vV.js";import{useMDXComponents as r}from"./index-CswL0fy2.js";import{M as s}from"./index-DNmTxl-i.js";import{C as o}from"./Table-CYk5-I33.js";import{c as t}from"./parseCss-HbQuCXsS.js";import"./index-DwChlhAQ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-D-8MO0q_.js";import"./iframe-C3t1RIay.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=`.box-border {
|
|
box-sizing: border-box;
|
|
}
|
|
.box-content {
|
|
box-sizing: content-box;
|
|
}
|
|
.\\!box-border {
|
|
box-sizing: border-box !important;
|
|
}
|
|
.\\!box-content {
|
|
box-sizing: content-box !important;
|
|
}
|
|
`,c=`.block {
|
|
display: block;
|
|
}
|
|
.inline-block {
|
|
display: inline-block;
|
|
}
|
|
.inline {
|
|
display: inline;
|
|
}
|
|
.flex {
|
|
display: flex;
|
|
}
|
|
.inline-flex {
|
|
display: inline-flex;
|
|
}
|
|
.table {
|
|
display: table;
|
|
}
|
|
.inline-table {
|
|
display: inline-table;
|
|
}
|
|
.table-caption {
|
|
display: table-caption;
|
|
}
|
|
.table-cell {
|
|
display: table-cell;
|
|
}
|
|
.table-column {
|
|
display: table-column;
|
|
}
|
|
.table-column-group {
|
|
display: table-column-group;
|
|
}
|
|
.table-footer-group {
|
|
display: table-footer-group;
|
|
}
|
|
.table-header-group {
|
|
display: table-header-group;
|
|
}
|
|
.table-row-group {
|
|
display: table-row-group;
|
|
}
|
|
.table-row {
|
|
display: table-row;
|
|
}
|
|
.flow-root {
|
|
display: flow-root;
|
|
}
|
|
.grid {
|
|
display: grid;
|
|
}
|
|
.inline-grid {
|
|
display: inline-grid;
|
|
}
|
|
.contents {
|
|
display: contents;
|
|
}
|
|
.list-item {
|
|
display: list-item;
|
|
}
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
.\\!block {
|
|
display: block !important;
|
|
}
|
|
.\\!inline-block {
|
|
display: inline-block !important;
|
|
}
|
|
.\\!inline {
|
|
display: inline !important;
|
|
}
|
|
.\\!flex {
|
|
display: flex !important;
|
|
}
|
|
.\\!inline-flex {
|
|
display: inline-flex !important;
|
|
}
|
|
.\\!table {
|
|
display: table !important;
|
|
}
|
|
.\\!inline-table {
|
|
display: inline-table !important;
|
|
}
|
|
.\\!table-caption {
|
|
display: table-caption !important;
|
|
}
|
|
.\\!table-cell {
|
|
display: table-cell !important;
|
|
}
|
|
.\\!table-column {
|
|
display: table-column !important;
|
|
}
|
|
.\\!table-column-group {
|
|
display: table-column-group !important;
|
|
}
|
|
.\\!table-footer-group {
|
|
display: table-footer-group !important;
|
|
}
|
|
.\\!table-header-group {
|
|
display: table-header-group !important;
|
|
}
|
|
.\\!table-row-group {
|
|
display: table-row-group !important;
|
|
}
|
|
.\\!table-row {
|
|
display: table-row !important;
|
|
}
|
|
.\\!flow-root {
|
|
display: flow-root !important;
|
|
}
|
|
.\\!grid {
|
|
display: grid !important;
|
|
}
|
|
.\\!inline-grid {
|
|
display: inline-grid !important;
|
|
}
|
|
.\\!contents {
|
|
display: contents !important;
|
|
}
|
|
.\\!list-item {
|
|
display: list-item !important;
|
|
}
|
|
.\\!hidden {
|
|
display: none !important;
|
|
}
|
|
`,b=`.float-right {
|
|
float: right;
|
|
}
|
|
.float-left {
|
|
float: left;
|
|
}
|
|
.float-none {
|
|
float: none;
|
|
}
|
|
.\\!float-right {
|
|
float: right !important;
|
|
}
|
|
.\\!float-left {
|
|
float: left !important;
|
|
}
|
|
.\\!float-none {
|
|
float: none !important;
|
|
}
|
|
`,f=`.object-contain {
|
|
object-fit: contain;
|
|
}
|
|
.object-cover {
|
|
object-fit: cover;
|
|
}
|
|
.object-fill {
|
|
object-fit: fill;
|
|
}
|
|
.object-none {
|
|
object-fit: none;
|
|
}
|
|
.object-scale-down {
|
|
object-fit: scale-down;
|
|
}
|
|
.\\!object-contain {
|
|
object-fit: contain !important;
|
|
}
|
|
.\\!object-cover {
|
|
object-fit: cover !important;
|
|
}
|
|
.\\!object-fill {
|
|
object-fit: fill !important;
|
|
}
|
|
.\\!object-none {
|
|
object-fit: none !important;
|
|
}
|
|
.\\!object-scale-down {
|
|
object-fit: scale-down !important;
|
|
}
|
|
`,d=`.object-bottom {
|
|
object-position: bottom;
|
|
}
|
|
.object-center {
|
|
object-position: center;
|
|
}
|
|
.object-left {
|
|
object-position: left;
|
|
}
|
|
.object-left-bottom {
|
|
object-position: left bottom;
|
|
}
|
|
.object-left-top {
|
|
object-position: left top;
|
|
}
|
|
.object-right {
|
|
object-position: right;
|
|
}
|
|
.object-right-bottom {
|
|
object-position: right bottom;
|
|
}
|
|
.object-right-top {
|
|
object-position: right top;
|
|
}
|
|
.object-top {
|
|
object-position: top;
|
|
}
|
|
.\\!object-bottom {
|
|
object-position: bottom !important;
|
|
}
|
|
.\\!object-center {
|
|
object-position: center !important;
|
|
}
|
|
.\\!object-left {
|
|
object-position: left !important;
|
|
}
|
|
.\\!object-left-bottom {
|
|
object-position: left bottom !important;
|
|
}
|
|
.\\!object-left-top {
|
|
object-position: left top !important;
|
|
}
|
|
.\\!object-right {
|
|
object-position: right !important;
|
|
}
|
|
.\\!object-right-bottom {
|
|
object-position: right bottom !important;
|
|
}
|
|
.\\!object-right-top {
|
|
object-position: right top !important;
|
|
}
|
|
.\\!object-top {
|
|
object-position: top !important;
|
|
}
|
|
`,m=`.overflow-auto {
|
|
overflow: auto;
|
|
}
|
|
.overflow-hidden {
|
|
overflow: hidden;
|
|
}
|
|
.overflow-clip {
|
|
overflow: clip;
|
|
}
|
|
.overflow-visible {
|
|
overflow: visible;
|
|
}
|
|
.overflow-scroll {
|
|
overflow: scroll;
|
|
}
|
|
.overflow-x-auto {
|
|
overflow-x: auto;
|
|
}
|
|
.overflow-y-auto {
|
|
overflow-y: auto;
|
|
}
|
|
.overflow-x-hidden {
|
|
overflow-x: hidden;
|
|
}
|
|
.overflow-y-hidden {
|
|
overflow-y: hidden;
|
|
}
|
|
.overflow-x-clip {
|
|
overflow-x: clip;
|
|
}
|
|
.overflow-y-clip {
|
|
overflow-y: clip;
|
|
}
|
|
.overflow-x-visible {
|
|
overflow-x: visible;
|
|
}
|
|
.overflow-y-visible {
|
|
overflow-y: visible;
|
|
}
|
|
.overflow-x-scroll {
|
|
overflow-x: scroll;
|
|
}
|
|
.overflow-y-scroll {
|
|
overflow-y: scroll;
|
|
}
|
|
.\\!overflow-auto {
|
|
overflow: auto !important;
|
|
}
|
|
.\\!overflow-hidden {
|
|
overflow: hidden !important;
|
|
}
|
|
.\\!overflow-clip {
|
|
overflow: clip !important;
|
|
}
|
|
.\\!overflow-visible {
|
|
overflow: visible !important;
|
|
}
|
|
.\\!overflow-scroll {
|
|
overflow: scroll !important;
|
|
}
|
|
.\\!overflow-x-auto {
|
|
overflow-x: auto !important;
|
|
}
|
|
.\\!overflow-y-auto {
|
|
overflow-y: auto !important;
|
|
}
|
|
.\\!overflow-x-hidden {
|
|
overflow-x: hidden !important;
|
|
}
|
|
.\\!overflow-y-hidden {
|
|
overflow-y: hidden !important;
|
|
}
|
|
.\\!overflow-x-clip {
|
|
overflow-x: clip !important;
|
|
}
|
|
.\\!overflow-y-clip {
|
|
overflow-y: clip !important;
|
|
}
|
|
.\\!overflow-x-visible {
|
|
overflow-x: visible !important;
|
|
}
|
|
.\\!overflow-y-visible {
|
|
overflow-y: visible !important;
|
|
}
|
|
.\\!overflow-x-scroll {
|
|
overflow-x: scroll !important;
|
|
}
|
|
.\\!overflow-y-scroll {
|
|
overflow-y: scroll !important;
|
|
}
|
|
`,y=`.static {
|
|
position: static;
|
|
}
|
|
.fixed {
|
|
position: fixed;
|
|
}
|
|
.absolute {
|
|
position: absolute;
|
|
}
|
|
.relative {
|
|
position: relative;
|
|
}
|
|
.sticky {
|
|
position: sticky;
|
|
}
|
|
.\\!static {
|
|
position: static;
|
|
}
|
|
.\\!fixed {
|
|
position: fixed;
|
|
}
|
|
.\\!absolute {
|
|
position: absolute;
|
|
}
|
|
.\\!relative {
|
|
position: relative;
|
|
}
|
|
.\\!sticky {
|
|
position: sticky;
|
|
}
|
|
`;function l(e){const i={h1:"h1",img:"img",p:"p",...r(),...e.components};return n.jsxs(n.Fragment,{children:[n.jsx(s,{title:"Styles/Tokens/Layout",parameters:{...a}}),`
|
|
`,n.jsx(i.p,{children:n.jsx(i.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
|
|
`,n.jsx(i.h1,{id:"layout-tokens",children:"Layout tokens"}),`
|
|
`,n.jsx(o,{title:"Display",mdnLink:"display",header:["Class","Properties"],body:t(c),copyable:[!0,!1]}),`
|
|
`,n.jsx(o,{title:"Position",mdnLink:"position",header:["Class","Properties"],body:t(y),copyable:[!0,!1]}),`
|
|
`,n.jsx(o,{title:"Overflow",mdnLink:"overflow",header:["Class","Properties"],body:t(m),copyable:[!0,!1]}),`
|
|
`,n.jsx(o,{title:"Float",mdnLink:"float",header:["Class","Properties"],body:t(b),copyable:[!0,!1]}),`
|
|
`,n.jsx(o,{title:"Box sizing",mdnLink:"box-sizing",header:["Class","Properties"],body:t(p),copyable:[!0,!1]}),`
|
|
`,n.jsx(o,{title:"Object fit",mdnLink:"object-fit",header:["Class","Properties"],body:t(f),copyable:[!0,!1]}),`
|
|
`,n.jsx(o,{title:"Object position",mdnLink:"object-position",header:["Class","Properties"],body:t(d),copyable:[!0,!1]})]})}function F(e={}){const{wrapper:i}={...r(),...e.components};return i?n.jsx(i,{...e,children:n.jsx(l,{...e})}):l(e)}export{F as default};
|