1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[951],{39531:(s,e,a)=>{"use strict";a.r(e),a.d(e,{__N_SSP:()=>d,default:()=>m});var i=a(37876),r=a(26196),n=a(36676),t=a(74003),c=a(40995);let l=s=>{let{name:e,value:a,index:r}=s,n=["bg-wk-aquamarine-100","bg-wk-indigo-100","bg-wk-dusk-100","bg-wk-cambridge-green-100","bg-wk-chili-crisp-red-100"],t=n[r%n.length],c=e.replace("wk-space-","");return(0,i.jsxs)("div",{className:"rounded border border-wk-primary-ui bg-wk-primary-background p-4",children:[(0,i.jsxs)("div",{className:"wk-text-sm mb-2 font-mono text-wk-primary-text",children:[e,": ",a]}),(0,i.jsx)("div",{style:{width:a,height:a},className:"mb-4 rounded ".concat(t)}),(0,i.jsxs)("div",{className:"space-y-1",children:[(0,i.jsx)("div",{className:"wk-text-sm font-medium text-wk-primary-text",children:"Tailwind usage examples:"}),(0,i.jsxs)("ul",{className:"wk-text-xs list-inside list-disc space-y-1 font-mono text-wk-primary-text",children:[(0,i.jsxs)("li",{children:["p-wk-space-",c]}),(0,i.jsxs)("li",{children:["m-wk-space-",c]}),(0,i.jsxs)("li",{children:["gap-wk-space-",c]})]})]})]})};var d=!0;let m=(0,c.A)(function(){return(0,i.jsxs)("div",{className:"min-h-screen bg-wk-primary-background",children:[(0,i.jsx)(n.A,{}),(0,i.jsx)(t.A,{}),(0,i.jsxs)("main",{className:"mx-auto max-w-7xl p-8",children:[(0,i.jsxs)("header",{className:"mb-12",children:[(0,i.jsx)("h1",{className:"wk-h4 mb-4 font-bold text-wk-primary-text",children:"Spacing System"}),(0,i.jsx)("p",{className:"wk-text-lg max-w-3xl text-wk-primary-text",children:"Our spacing system provides consistent spacing values across the application. These tokens are used for margins, paddings, and gaps to maintain visual harmony and rhythm in our layouts."})]}),(0,i.jsxs)("section",{className:"mb-12",children:[(0,i.jsx)("h2",{className:"wk-h6 mb-4 font-semibold text-wk-primary-text",children:"Spacing Tokens"}),(0,i.jsx)("div",{className:"grid gap-4 sm:grid-cols-2 lg:grid-cols-3",children:Object.entries(r.spacing).map((s,e)=>{let[a,r]=s;return(0,i.jsx)(l,{name:a,value:r,index:e},a)})})]})]})]})})},68392:(s,e,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/samples/spacing",function(){return a(39531)}])}},s=>{s.O(0,[305,636,593,792],()=>s(s.s=68392)),_N_E=s.O()}]); 2//# sourceMappingURL=spacing-9da59b444acec8a0.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.