import{M as p}from"./chunk-S4VUQJ4A-fbd1f048.js";import{p as a,j as n}from"./jsx-runtime-6306538b.js";import{C as o}from"./Table-688ae464.js";import{c as t}from"./parseCss-ff481287.js";import{u as s}from"./index-4adb943a.js";import"./iframe-8b13a171.js";import"../sb-preview/runtime.js";import"./index-5aec46b8.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";import"./index-c4e50ed5.js";import"./toString-25ea340b.js";import"./isSymbol-50749e90.js";const c=`.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;
}
`,b=`.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;
}
`,f=`.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;
}
`,d=`.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;
}
`,m=`.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;
}
`,y=`.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;
}
`,v=`.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 r(e){const i=Object.assign({p:"p",img:"img",h1:"h1"},s(),e.components);return n.jsxs(n.Fragment,{children:[`
`,`
`,`
`,`
`,`
`,`
`,`
`,`
`,`
`,`
`,`
`,`
`,`
`,`
`,n.jsx(p,{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(b),copyable:[!0,!1]}),`
`,n.jsx(o,{title:"Position",mdnLink:"position",header:["Class","Properties"],body:t(v),copyable:[!0,!1]}),`
`,n.jsx(o,{title:"Overflow",mdnLink:"overflow",header:["Class","Properties"],body:t(y),copyable:[!0,!1]}),`
`,n.jsx(o,{title:"Float",mdnLink:"float",header:["Class","Properties"],body:t(f),copyable:[!0,!1]}),`
`,n.jsx(o,{title:"Box sizing",mdnLink:"box-sizing",header:["Class","Properties"],body:t(c),copyable:[!0,!1]}),`
`,n.jsx(o,{title:"Object fit",mdnLink:"object-fit",header:["Class","Properties"],body:t(d),copyable:[!0,!1]}),`
`,n.jsx(o,{title:"Object position",mdnLink:"object-position",header:["Class","Properties"],body:t(m),copyable:[!0,!1]})]})}function w(e={}){const{wrapper:i}=Object.assign({},s(),e.components);return i?n.jsx(i,{...e,children:n.jsx(r,{...e})}):r(e)}const j=()=>{throw new Error("Docs-only story")};j.parameters={docsOnly:!0};const l={title:"Styles/Tokens/Layout",parameters:{...a},tags:["stories-mdx"],includeStories:["__page"]};l.parameters=l.parameters||{};l.parameters.docs={...l.parameters.docs||{},page:w};const E=["__page"];export{E as __namedExportsOrder,j as __page,l as default};
//# sourceMappingURL=main.stories-e7bc0712.js.map