npm - @ebrains/vue - Versions diffs - 0.4.0-alpha.0 → 0.6.0-alpha.0 - Mend

@ebrains/vue 0.4.0-alpha.0 → 0.6.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (229) hide show

package/logo-wrong-usage.entry-Ct1Ae63m.mjs DELETED Viewed

@@ -1,14 +0,0 @@
-import { r as d, h as e } from "./index-I5Asbjce.mjs";
-import { h as a } from "./logo-color-7f1fd803-CFgbXdt8.mjs";
-const c = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.container{display:flex;flex-wrap:wrap;gap:16px}.example{width:200px;text-align:center;font-size:14px}.logo{width:100%;height:auto}.bg-dark{background-color:#333}.bg-light{background-color:#f3f3f3}.bg-white{background-color:white}.non-brand-color{fill:purple;}.distorted{transform:scaleX(1.5)}.effects{filter:drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.5))}.rotated{transform:rotate(15deg)}.no-other-bg-color{background-color:var(--purple-200)}.no-other-color{color:var(--red-700)}.outlined{stroke:red;stroke-width:2px;fill:none;}.custom-font{font-family:'Comic Sans MS', cursive;font-size:20px;color:#333;}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-col-span-12{--container-grid-columns:12;grid-column:span 12 / span 12}.gap-y-8{row-gap:0.5rem}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:gap-y-12{row-gap:0.75rem}.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 900px){.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:mt-0{margin-top:0rem}.lg\\:flex{display:flex}.lg\\:w-\\[150px\\]{width:150px}.lg\\:w-auto{width:auto}.lg\\:max-w-\\[720px\\]{max-width:720px}.lg\\:flex-row{flex-direction:row}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:gap-y-16{row-gap:1rem}.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}.lg\\:\\!pl-12{padding-left:0.75rem !important}.lg\\:\\!pr-12{padding-right:0.75rem !important}}@media (min-width: 750px){.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}}.flex-col{flex-direction:column}", r = c, l = class {
-  constructor(o) {
-    d(this, o);
-  }
-  render() {
-    return e("ul", { key: "e2fbd7802c153f970a457011a5dcaf3163d6290f", class: "container grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("span", { key: "07d6a5b930dd8ae652e63310c4232e8c3e6858b2", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col" }, e("div", { key: "5d3dd01a67f41f839e79aa3d449ba319dcc0209c", class: "example" }, e("div", { key: "6b51ea71b6b4072ec6c66223a4f92c1232e8691a", class: "bg-dark " }, e("div", { key: "03a476635bc1112f1ea2d4ed10df0415ead7f0f8", class: "no-other-bg-color logo", innerHTML: a })), e("p", { key: "084116335e9f8ed4c9d2a04a9551097dc2a53c4a", class: "f-ui-02" }, "Do not use with backgrounds that make legibility difficult"))), e("span", { key: "e67f1bdeee28928f4f6f8fb5d1e0b59160edd949", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col" }, e("div", { key: "b0e909eb57a6771b32a93dd0932ef5b848a19ff2", class: "example" }, e("div", { key: "19bc9f29ddbffd1c308cb429100f0af3d58237a1", class: "no-other-color p-16" }, e("div", { key: "301c5cb926b9ad167f1ba096f99a874577617fb1", class: "logo non-brand-color", innerHTML: a })), e("p", { key: "b41ab53c2af9efeafb46d41a515eba2f801d49e4", class: "f-ui-02" }, "Do not apply other colors"))), e("span", { key: "826ae54f62c5a3880adf1833dbc19bbb9e1ec6f2", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col" }, e("div", { key: "092d5fc3176845532ecf577c66d6e3a349ebfe45", class: "example" }, e("div", { key: "1d1d3cc86e728fc21f898c59ff1511c5fa728f9f", class: "bg-light p-16" }, e("div", { key: "df05102398d3de9916a23d0998529d8ca8a66257", class: "logo distorted", innerHTML: a })), e("p", { key: "377e38a762855d563d087eb275481de6a17ddbbb", class: "f-ui-02" }, "Do not deform the logo"))), e("span", { key: "766c4ea568c8bf2fa1efa207ff5f602e5128aef3", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col" }, e("div", { key: "cf4e883370c0ee284167bea7f2c0c603932d1682", class: "example" }, e("div", { key: "de160646456f91316bf966db6568c20ff382dd3b", class: "bg-white p-16" }, e("div", { key: "5aa03093e5e483547919eaeca58643e54a286405", class: "logo effects", innerHTML: a })), e("p", { key: "aa65e295008001d6fe2b2168d8f7f43a770ec8e3", class: "f-ui-02" }, "Do not apply effects"))), e("span", { key: "d0eb2536e430b6e9fdb9a37d638d5c31ee81e205", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col" }, e("div", { key: "43ec87b4632c2709404aff9d3e7bbcb2910426ca", class: "example" }, e("div", { key: "36cd6dc2b23070e5c7fdfc09444d3ccbb8681216", class: "bg-white p-16" }, e("div", { key: "a1077b322d113220e05ee3edce627c60547cb49a", class: "logo rotated", innerHTML: a })), e("p", { key: "86c384f5cf362d16bd6ac5ac8448e3e0d591fa18", class: "f-ui-02" }, "Do not rotate the logo"))), e("span", { key: "b267f6024a4e7bad6348d323606922888db5264b", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col" }, e("div", { key: "0bd0c5d62e454ce133a187e7d3917afc0c26c551", class: "example" }, e("div", { key: "71e4c1681cfbb64970237b410e0925a0f22e1141", class: "bg-light p-16" }, e("div", { key: "01ab5d75102b9f476fecebcc31c975f6d4720c12", class: "logo outlined", innerHTML: a })), e("p", { key: "0734a049d710d1f6406989668f60da1249e29c7b", class: "f-ui-02" }, "Do not apply outlines"))), e("span", { key: "830b7b2a8cdf6dfc7f395dc92db42fbe626a7ae4", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col" }), e("span", { key: "ca40bb4ea839eacf62e93f7fbec41f076f7b12a6", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col" }, e("div", { key: "641a963ba81294eefe8fc00dd0a3bdca91af94a2", class: "example" }, e("div", { key: "70691be08e9081899fb2928d5d287aaebef3b399", class: "bg-accent p-16" }, e("div", { key: "556135fd6596b530bf959bb9984641f185cd9f96", class: "text-inverse", innerHTML: a })), e("p", { key: "7eaded302e41fc1d04f2033add829dfaba6e8012", class: "f-ui-02" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones"))));
-  }
-};
-l.style = r;
-export {
-  l as logo_wrong_usage
-};

package/logo-wrong-usage.entry-DkqcMaqp.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D2H_BflF.js"),a=require("./logo-color-7f1fd803-DRD3vZVn.js"),r=".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.container{display:flex;flex-wrap:wrap;gap:16px}.example{width:200px;text-align:center;font-size:14px}.logo{width:100%;height:auto}.bg-dark{background-color:#333}.bg-light{background-color:#f3f3f3}.bg-white{background-color:white}.non-brand-color{fill:purple;}.distorted{transform:scaleX(1.5)}.effects{filter:drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.5))}.rotated{transform:rotate(15deg)}.no-other-bg-color{background-color:var(--purple-200)}.no-other-color{color:var(--red-700)}.outlined{stroke:red;stroke-width:2px;fill:none;}.custom-font{font-family:'Comic Sans MS', cursive;font-size:20px;color:#333;}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-col-span-12{--container-grid-columns:12;grid-column:span 12 / span 12}.gap-y-8{row-gap:0.5rem}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:gap-y-12{row-gap:0.75rem}.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 900px){.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:mt-0{margin-top:0rem}.lg\\:flex{display:flex}.lg\\:w-\\[150px\\]{width:150px}.lg\\:w-auto{width:auto}.lg\\:max-w-\\[720px\\]{max-width:720px}.lg\\:flex-row{flex-direction:row}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:gap-y-16{row-gap:1rem}.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}.lg\\:\\!pl-12{padding-left:0.75rem !important}.lg\\:\\!pr-12{padding-right:0.75rem !important}}@media (min-width: 750px){.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}}.flex-col{flex-direction:column}",l=r,o=class{constructor(d){e.registerInstance(this,d)}render(){return e.h("ul",{key:"e2fbd7802c153f970a457011a5dcaf3163d6290f",class:"container grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("span",{key:"07d6a5b930dd8ae652e63310c4232e8c3e6858b2",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{key:"5d3dd01a67f41f839e79aa3d449ba319dcc0209c",class:"example"},e.h("div",{key:"6b51ea71b6b4072ec6c66223a4f92c1232e8691a",class:"bg-dark "},e.h("div",{key:"03a476635bc1112f1ea2d4ed10df0415ead7f0f8",class:"no-other-bg-color logo",innerHTML:a.hLogoColor})),e.h("p",{key:"084116335e9f8ed4c9d2a04a9551097dc2a53c4a",class:"f-ui-02"},"Do not use with backgrounds that make legibility difficult"))),e.h("span",{key:"e67f1bdeee28928f4f6f8fb5d1e0b59160edd949",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{key:"b0e909eb57a6771b32a93dd0932ef5b848a19ff2",class:"example"},e.h("div",{key:"19bc9f29ddbffd1c308cb429100f0af3d58237a1",class:"no-other-color p-16"},e.h("div",{key:"301c5cb926b9ad167f1ba096f99a874577617fb1",class:"logo non-brand-color",innerHTML:a.hLogoColor})),e.h("p",{key:"b41ab53c2af9efeafb46d41a515eba2f801d49e4",class:"f-ui-02"},"Do not apply other colors"))),e.h("span",{key:"826ae54f62c5a3880adf1833dbc19bbb9e1ec6f2",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{key:"092d5fc3176845532ecf577c66d6e3a349ebfe45",class:"example"},e.h("div",{key:"1d1d3cc86e728fc21f898c59ff1511c5fa728f9f",class:"bg-light p-16"},e.h("div",{key:"df05102398d3de9916a23d0998529d8ca8a66257",class:"logo distorted",innerHTML:a.hLogoColor})),e.h("p",{key:"377e38a762855d563d087eb275481de6a17ddbbb",class:"f-ui-02"},"Do not deform the logo"))),e.h("span",{key:"766c4ea568c8bf2fa1efa207ff5f602e5128aef3",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{key:"cf4e883370c0ee284167bea7f2c0c603932d1682",class:"example"},e.h("div",{key:"de160646456f91316bf966db6568c20ff382dd3b",class:"bg-white p-16"},e.h("div",{key:"5aa03093e5e483547919eaeca58643e54a286405",class:"logo effects",innerHTML:a.hLogoColor})),e.h("p",{key:"aa65e295008001d6fe2b2168d8f7f43a770ec8e3",class:"f-ui-02"},"Do not apply effects"))),e.h("span",{key:"d0eb2536e430b6e9fdb9a37d638d5c31ee81e205",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{key:"43ec87b4632c2709404aff9d3e7bbcb2910426ca",class:"example"},e.h("div",{key:"36cd6dc2b23070e5c7fdfc09444d3ccbb8681216",class:"bg-white p-16"},e.h("div",{key:"a1077b322d113220e05ee3edce627c60547cb49a",class:"logo rotated",innerHTML:a.hLogoColor})),e.h("p",{key:"86c384f5cf362d16bd6ac5ac8448e3e0d591fa18",class:"f-ui-02"},"Do not rotate the logo"))),e.h("span",{key:"b267f6024a4e7bad6348d323606922888db5264b",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{key:"0bd0c5d62e454ce133a187e7d3917afc0c26c551",class:"example"},e.h("div",{key:"71e4c1681cfbb64970237b410e0925a0f22e1141",class:"bg-light p-16"},e.h("div",{key:"01ab5d75102b9f476fecebcc31c975f6d4720c12",class:"logo outlined",innerHTML:a.hLogoColor})),e.h("p",{key:"0734a049d710d1f6406989668f60da1249e29c7b",class:"f-ui-02"},"Do not apply outlines"))),e.h("span",{key:"830b7b2a8cdf6dfc7f395dc92db42fbe626a7ae4",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"}),e.h("span",{key:"ca40bb4ea839eacf62e93f7fbec41f076f7b12a6",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col"},e.h("div",{key:"641a963ba81294eefe8fc00dd0a3bdca91af94a2",class:"example"},e.h("div",{key:"70691be08e9081899fb2928d5d287aaebef3b399",class:"bg-accent p-16"},e.h("div",{key:"556135fd6596b530bf959bb9984641f185cd9f96",class:"text-inverse",innerHTML:a.hLogoColor})),e.h("p",{key:"7eaded302e41fc1d04f2033add829dfaba6e8012",class:"f-ui-02"},"Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))}};o.style=l;exports.logo_wrong_usage=o;

package/token-ratios.entry-aBiRsmfr.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D2H_BflF.js"),a={"1x1":"1/1","21x9":"21/9","16x9":"16/9","3x2":"3/2","4x3":"4/3","4x5":"4/5"},c=class{constructor(t){e.registerInstance(this,t)}render(){return e.h("section",{key:"9c4dc70bd40a40fbeedc88280ea3fdd4b2597e40",class:"w-full"},e.h("eds-section-core",{key:"039b72b762e48f62a4fa58d5af7803d0ed73bf6a",tag:"div","section-title":"Aspect Ratios","heading-level":"h3"},e.h("ul",{key:"be3e37d842a24536488b7bc03f24399faa1304ff",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(a).map(([t,s])=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{class:"container ratio-box flex items-center justify-center text-center border-2 border-soft",style:{aspectRatio:s.replace("/",":"),width:"100%",maxWidth:"300px"}},e.h("span",{class:"text-default font-bold mr-auto"},"aspect-",t),e.h("span",{class:"mt-2 text-sm ml-auto"},s)))))))}};exports.token_ratios=c;

package/token-spacing.entry-C5HX4qPq.mjs DELETED Viewed

@@ -1,12 +0,0 @@
-import { r as c, h as e } from "./index-I5Asbjce.mjs";
-const s = class {
-  constructor(a) {
-    c(this, a);
-  }
-  render() {
-    return e("div", { key: "5f72b8386e92973faca8b22ebadcffa5b8ca8744", class: "w-full" }, e("ul", { key: "619cc2546059aaac566dc89f56b098f72f7c2bde", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, e("li", { key: "b90587543210e02a577854ce061472ef8f3bdc7a", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "d98ea95c641209ba592aae8c695e278549840420", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "6dd84540a213d98fa09480eac823fe030dfb2404", class: "spacing-sample m-32 bg-darker" }, e("span", { key: "ad0493ba8d97cdcc15535505db4d726d6f69bd38", class: "text-white" }, "Margin: 2rem / m-32")))), e("li", { key: "a0914d288cdb4b9caef6956af0069cd0937ee019", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "95adc2b10d3962378de300e00b749b691fda88af", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "8bad94397c9fe8112b49933a508958000f9cd99d", class: "spacing-sample ml-64 bg-darker" }, e("span", { key: "04229385104243a5ce9a194c4f8056f7341a6736", class: "text-white" }, "Margin Left: 4rem / ml-64")))), e("li", { key: "f34e1fd5ccafc528ed9359766deaa5c615a2e14b", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "38e12800b2c8502ea2f9e912af929f71d3ec9699", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "f4e93d89576ab3de7f44ce3a85d9838f21bfa7f6", class: "spacing-sample mt-32 bg-darker" }, e("span", { key: "e85e2e1c7c4c7e765dfafd25dc9f2c33b6bd5069", class: "text-white" }, "Margin Top: 2rem / mt-32")))), e("li", { key: "b42299c17c024a5906bd09c80a2f309b461b6fde", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "f54a9e32893ac6f1b0384e79e2959d1e65a251e2", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "4209fa0c979a1d55d42d7b892bc94cc0f3788e88", class: "spacing-sample p-32 bg-darker" }, e("span", { key: "1d9249c56d3a42500dfb8cc1d3eae1f89e79cdcd", class: "text-white" }, "Padding: 2rem / p-32")))), e("li", { key: "ad6f2e33e15c4c21bdfed8478b3d2faa905490fa", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "9950970e66b8a382e7b0158b54e980a5e5f45774", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "40e96cd046eaddf3a23387995affbfc399d171ae", class: "spacing-sample pt-32 bg-darker" }, e("span", { key: "2d120273f7a6d4429061d0ade2164ada9a14b506", class: "text-white" }, "Padding Top: 2rem / pt-32")))), e("li", { key: "8c3327edc63f8959c0cb01cce0a8407bf3a605af", class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, e("div", { key: "c0be38039770c54577f073e1a707110cd0807ab5", class: "container p-8 item-center border-2 border-soft" }, e("div", { key: "d8085da375e734ed11fe580f1a9004f6fddef679", class: "spacing-sample pl-32 bg-darker" }, e("span", { key: "029857c00659221390438d8477734d0f130d1b97", class: "text-white" }, "Padding Left: 2rem / pl-32"))))));
-  }
-};
-export {
-  s as token_spacing
-};

package/token-spacing.entry-DDiMRsNO.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D2H_BflF.js"),c=class{constructor(a){e.registerInstance(this,a)}render(){return e.h("div",{key:"5f72b8386e92973faca8b22ebadcffa5b8ca8744",class:"w-full"},e.h("ul",{key:"619cc2546059aaac566dc89f56b098f72f7c2bde",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("li",{key:"b90587543210e02a577854ce061472ef8f3bdc7a",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"d98ea95c641209ba592aae8c695e278549840420",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"6dd84540a213d98fa09480eac823fe030dfb2404",class:"spacing-sample m-32 bg-darker"},e.h("span",{key:"ad0493ba8d97cdcc15535505db4d726d6f69bd38",class:"text-white"},"Margin: 2rem / m-32")))),e.h("li",{key:"a0914d288cdb4b9caef6956af0069cd0937ee019",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"95adc2b10d3962378de300e00b749b691fda88af",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"8bad94397c9fe8112b49933a508958000f9cd99d",class:"spacing-sample ml-64 bg-darker"},e.h("span",{key:"04229385104243a5ce9a194c4f8056f7341a6736",class:"text-white"},"Margin Left: 4rem / ml-64")))),e.h("li",{key:"f34e1fd5ccafc528ed9359766deaa5c615a2e14b",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"38e12800b2c8502ea2f9e912af929f71d3ec9699",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"f4e93d89576ab3de7f44ce3a85d9838f21bfa7f6",class:"spacing-sample mt-32 bg-darker"},e.h("span",{key:"e85e2e1c7c4c7e765dfafd25dc9f2c33b6bd5069",class:"text-white"},"Margin Top: 2rem / mt-32")))),e.h("li",{key:"b42299c17c024a5906bd09c80a2f309b461b6fde",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"f54a9e32893ac6f1b0384e79e2959d1e65a251e2",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"4209fa0c979a1d55d42d7b892bc94cc0f3788e88",class:"spacing-sample p-32 bg-darker"},e.h("span",{key:"1d9249c56d3a42500dfb8cc1d3eae1f89e79cdcd",class:"text-white"},"Padding: 2rem / p-32")))),e.h("li",{key:"ad6f2e33e15c4c21bdfed8478b3d2faa905490fa",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"9950970e66b8a382e7b0158b54e980a5e5f45774",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"40e96cd046eaddf3a23387995affbfc399d171ae",class:"spacing-sample pt-32 bg-darker"},e.h("span",{key:"2d120273f7a6d4429061d0ade2164ada9a14b506",class:"text-white"},"Padding Top: 2rem / pt-32")))),e.h("li",{key:"8c3327edc63f8959c0cb01cce0a8407bf3a605af",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"c0be38039770c54577f073e1a707110cd0807ab5",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"d8085da375e734ed11fe580f1a9004f6fddef679",class:"spacing-sample pl-32 bg-darker"},e.h("span",{key:"029857c00659221390438d8477734d0f130d1b97",class:"text-white"},"Padding Left: 2rem / pl-32"))))))}};exports.token_spacing=c;