385 lines
7.8 KiB
JavaScript
385 lines
7.8 KiB
JavaScript
import{M as c}from"./chunk-S4VUQJ4A-333d721b.js";import{p,j as n}from"./jsx-runtime-c0e99e85.js";import{C as o}from"./Table-c591f4e0.js";import{c as t}from"./parseCss-64e03cd7.js";import{u as s}from"./index-d41ddae7.js";import"./iframe-8327eba7.js";import"../sb-preview/runtime.js";import"./index-5b61f687.js";import"./_commonjsHelpers-de833af9.js";import"./index-d37d4223.js";import"./index-e04ae519.js";import"./index-356e4a49.js";import"./index-6f011b84.js";import"./toString-25ea340b.js";import"./isSymbol-50749e90.js";const b=`.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;
|
|
}
|
|
`,f=`.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;
|
|
}
|
|
`,d=`.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;
|
|
}
|
|
`,m=`.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;
|
|
}
|
|
`,y=`.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;
|
|
}
|
|
`,v=`.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;
|
|
}
|
|
`,w=`.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 j(i={}){const{wrapper:r}=Object.assign({},s(),i.components);return r?n.jsx(r,{...i,children:n.jsx(a,{})}):a();function a(){const l=Object.assign({p:"p",img:"img",h1:"h1"},s(),i.components);return n.jsxs(n.Fragment,{children:[`
|
|
`,`
|
|
`,`
|
|
`,`
|
|
`,`
|
|
`,`
|
|
`,`
|
|
`,`
|
|
`,`
|
|
`,`
|
|
`,`
|
|
`,`
|
|
`,`
|
|
`,`
|
|
`,n.jsx(c,{title:"Styles/Tokens/Layout",parameters:{...p}}),`
|
|
`,n.jsx(l.p,{children:n.jsx(l.img,{src:"https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg",alt:""})}),`
|
|
`,n.jsx(l.h1,{id:"layout-tokens",children:"Layout tokens"}),`
|
|
`,n.jsx(o,{title:"Display",mdnLink:"display",header:["Class","Properties"],body:t(f),copyable:[!0,!1]}),`
|
|
`,n.jsx(o,{title:"Position",mdnLink:"position",header:["Class","Properties"],body:t(w),copyable:[!0,!1]}),`
|
|
`,n.jsx(o,{title:"Overflow",mdnLink:"overflow",header:["Class","Properties"],body:t(v),copyable:[!0,!1]}),`
|
|
`,n.jsx(o,{title:"Float",mdnLink:"float",header:["Class","Properties"],body:t(d),copyable:[!0,!1]}),`
|
|
`,n.jsx(o,{title:"Box sizing",mdnLink:"box-sizing",header:["Class","Properties"],body:t(b),copyable:[!0,!1]}),`
|
|
`,n.jsx(o,{title:"Object fit",mdnLink:"object-fit",header:["Class","Properties"],body:t(m),copyable:[!0,!1]}),`
|
|
`,n.jsx(o,{title:"Object position",mdnLink:"object-position",header:["Class","Properties"],body:t(y),copyable:[!0,!1]})]})}}const g=()=>{throw new Error("Docs-only story")};g.parameters={docsOnly:!0};const e={title:"Styles/Tokens/Layout",parameters:{...p},tags:["stories-mdx"],includeStories:["__page"]};e.parameters=e.parameters||{};e.parameters.docs={...e.parameters.docs||{},page:j};const F=["__page"];export{F as __namedExportsOrder,g as __page,e as default};
|
|
//# sourceMappingURL=main.stories-e56451e1.js.map
|