@salesforce-ux/design-system/__internal/chunked/showcase/ui/utilities/sizing/example.jsx.js

Salesforce Lightning Design System

var SLDS=SLDS||{};SLDS["__internal/chunked/showcase/ui/utilities/sizing/example.jsx.js"]=function(e){function t(t){for(var a,s,o=t[0],r=t[1],d=t[2],u=0,m=[];u<o.length;u++)s=o[u],n[s]&&m.push(n[s][0]),n[s]=0;for(a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);for(i&&i(t);m.length;)m.shift()();return f.push.apply(f,d||[]),l()}function l(){for(var e,t=0;t<f.length;t++){for(var l=f[t],a=!0,o=1;o<l.length;o++){var r=l[o];0!==n[r]&&(a=!1)}a&&(f.splice(t--,1),e=s(s.s=l[0]))}return e}var a={},n={121:0,7:0,8:0,15:0,16:0,22:0,32:0,38:0,42:0,45:0,54:0,58:0,59:0,63:0,64:0,67:0,71:0,75:0,77:0,80:0,84:0,87:0,88:0,93:0,99:0,100:0,104:0,106:0,114:0,117:0,118:0,122:0,124:0,125:0,126:0,127:0,128:0,129:0,133:0,138:0,144:0,152:0,163:0,167:0,170:0,171:0,178:0,181:0,182:0},f=[];function s(t){if(a[t])return a[t].exports;var l=a[t]={i:t,l:!1,exports:{}};return e[t].call(l.exports,l,l.exports,s),l.l=!0,l.exports}s.m=e,s.c=a,s.d=function(e,t,l){s.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:l})},s.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,"a",t),t},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.p="/assets/scripts/bundle/";var o=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],r=o.push.bind(o);o.push=t,o=o.slice();for(var d=0;d<o.length;d++)t(o[d]);var i=r;return f.push([187,0]),l()}({0:function(e,t){e.exports=React},187:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.examples=void 0;var a=function(e){return e&&e.__esModule?e:{default:e}}(l(0));var n=function(e){return a.default.createElement("div",{className:"slds-size_"+e.size},a.default.createElement("div",{className:"slds-box slds-box_x-small slds-text-align_center slds-m-around_x-small"},".slds-size_",e.size))};t.examples=[{id:"two-column",label:"2 Column Span",element:a.default.createElement("div",{className:"demo-only demo-only--sizing slds-grid slds-wrap"},a.default.createElement(n,{size:"1-of-2"}),a.default.createElement(n,{size:"1-of-2"}),a.default.createElement(n,{size:"2-of-2"}))},{id:"three-column",label:"3 Column Span",element:a.default.createElement("div",{className:"demo-only demo-only--sizing slds-grid slds-wrap"},a.default.createElement(n,{size:"1-of-3"}),a.default.createElement(n,{size:"1-of-3"}),a.default.createElement(n,{size:"1-of-3"}),a.default.createElement(n,{size:"1-of-3"}),a.default.createElement(n,{size:"2-of-3"}),a.default.createElement(n,{size:"3-of-3"}))},{id:"four-column",label:"4 Column Span",element:a.default.createElement("div",{className:"demo-only demo-only--sizing slds-grid slds-wrap"},a.default.createElement(n,{size:"1-of-4"}),a.default.createElement(n,{size:"1-of-4"}),a.default.createElement(n,{size:"1-of-4"}),a.default.createElement(n,{size:"1-of-4"}),a.default.createElement(n,{size:"1-of-4"}),a.default.createElement(n,{size:"3-of-4"}),a.default.createElement(n,{size:"2-of-4"}),a.default.createElement(n,{size:"2-of-4"}),a.default.createElement(n,{size:"4-of-4"}))},{id:"five-column",label:"5 Column Span",element:a.default.createElement("div",{className:"demo-only demo-only--sizing slds-grid slds-wrap"},a.default.createElement(n,{size:"1-of-5"}),a.default.createElement(n,{size:"1-of-5"}),a.default.createElement(n,{size:"1-of-5"}),a.default.createElement(n,{size:"1-of-5"}),a.default.createElement(n,{size:"1-of-5"}),a.default.createElement(n,{size:"1-of-5"}),a.default.createElement(n,{size:"4-of-5"}),a.default.createElement(n,{size:"2-of-5"}),a.default.createElement(n,{size:"3-of-5"}),a.default.createElement(n,{size:"5-of-5"}))},{id:"six-column",label:"6 Column Span",element:a.default.createElement("div",{className:"demo-only demo-only--sizing slds-grid slds-wrap"},a.default.createElement(n,{size:"1-of-6"}),a.default.createElement(n,{size:"1-of-6"}),a.default.createElement(n,{size:"1-of-6"}),a.default.createElement(n,{size:"1-of-6"}),a.default.createElement(n,{size:"1-of-6"}),a.default.createElement(n,{size:"1-of-6"}),a.default.createElement(n,{size:"2-of-6"}),a.default.createElement(n,{size:"4-of-6"}),a.default.createElement(n,{size:"3-of-6"}),a.default.createElement(n,{size:"3-of-6"}),a.default.createElement(n,{size:"6-of-6"}))},{id:"7-column",label:"7 Column Span",element:a.default.createElement("div",{className:"demo-only demo-only--sizing slds-grid slds-wrap"},a.default.createElement(n,{size:"1-of-7"}),a.default.createElement(n,{size:"1-of-7"}),a.default.createElement(n,{size:"1-of-7"}),a.default.createElement(n,{size:"1-of-7"}),a.default.createElement(n,{size:"1-of-7"}),a.default.createElement(n,{size:"1-of-7"}),a.default.createElement(n,{size:"1-of-7"}),a.default.createElement(n,{size:"2-of-7"}),a.default.createElement(n,{size:"5-of-7"}),a.default.createElement(n,{size:"3-of-7"}),a.default.createElement(n,{size:"4-of-7"}),a.default.createElement(n,{size:"7-of-7"}))},{id:"8-column",label:"8 Column Span",element:a.default.createElement("div",{className:"demo-only demo-only--sizing slds-grid slds-wrap"},a.default.createElement(n,{size:"1-of-8"}),a.default.createElement(n,{size:"1-of-8"}),a.default.createElement(n,{size:"1-of-8"}),a.default.createElement(n,{size:"1-of-8"}),a.default.createElement(n,{size:"1-of-8"}),a.default.createElement(n,{size:"1-of-8"}),a.default.createElement(n,{size:"1-of-8"}),a.default.createElement(n,{size:"1-of-8"}),a.default.createElement(n,{size:"2-of-8"}),a.default.createElement(n,{size:"6-of-8"}),a.default.createElement(n,{size:"3-of-8"}),a.default.createElement(n,{size:"5-of-8"}),a.default.createElement(n,{size:"4-of-8"}),a.default.createElement(n,{size:"4-of-8"}),a.default.createElement(n,{size:"8-of-8"}))},{id:"12-column",label:"12 Column Span",element:a.default.createElement("div",{className:"demo-only demo-only--sizing slds-grid slds-wrap"},a.default.createElement(n,{size:"1-of-12"}),a.default.createElement(n,{size:"1-of-12"}),a.default.createElement(n,{size:"1-of-12"}),a.default.createElement(n,{size:"1-of-12"}),a.default.createElement(n,{size:"1-of-12"}),a.default.createElement(n,{size:"1-of-12"}),a.default.createElement(n,{size:"1-of-12"}),a.default.createElement(n,{size:"1-of-12"}),a.default.createElement(n,{size:"1-of-12"}),a.default.createElement(n,{size:"1-of-12"}),a.default.createElement(n,{size:"1-of-12"}),a.default.createElement(n,{size:"1-of-12"}),a.default.createElement(n,{size:"2-of-12"}),a.default.createElement(n,{size:"10-of-12"}),a.default.createElement(n,{size:"3-of-12"}),a.default.createElement(n,{size:"9-of-12"}),a.default.createElement(n,{size:"4-of-12"}),a.default.createElement(n,{size:"8-of-12"}),a.default.createElement(n,{size:"5-of-12"}),a.default.createElement(n,{size:"7-of-12"}),a.default.createElement(n,{size:"6-of-12"}),a.default.createElement(n,{size:"6-of-12"}),a.default.createElement(n,{size:"12-of-12"}))}]}});