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

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var e,l={1594:function(e){e.exports=React},6684:function(e,l,a){a.r(l),a.d(l,{Context:function(){return m},examples:function(){return n}});var t=a(1594),s=a.n(t),m=function(e){return s().createElement(t.Fragment,null,s().createElement("style",null,'\n/* stylelint-disable selector-class-pattern */\n\n.story-doc-margin > div {\n}\n\n.story-doc-margin .doc-spacing > div[class*="slds-m-"] {\n  width: 3rem;\n  height: 3rem;\n}\n\n.story-doc-margin_content .doc-spacing > div[class*="slds-m-"] {\n  background: #1589ee;\n  border-radius: 4px;\n}\n'),s().createElement("div",{className:"story-doc-margin story-doc-margin_content"},s().Children.toArray(e.children)[0].props.children.map(function(e,l){return s().createElement("div",{key:"margin-".concat(l),className:"doc-spacing slds-m-right_medium"},e)})))},n=[{id:"top",label:"Top",element:s().createElement(t.Fragment,null,s().createElement("div",{className:"slds-m-top_none"}),s().createElement("div",{className:"slds-m-top_xxx-small"}),s().createElement("div",{className:"slds-m-top_xx-small"}),s().createElement("div",{className:"slds-m-top_x-small"}),s().createElement("div",{className:"slds-m-top_small"}),s().createElement("div",{className:"slds-m-top_medium"}),s().createElement("div",{className:"slds-m-top_large"}),s().createElement("div",{className:"slds-m-top_x-large"}),s().createElement("div",{className:"slds-m-top_xx-large"}))},{id:"right",label:"Right",element:s().createElement(s().Fragment,null,s().createElement("div",{className:"slds-m-right_none"}),s().createElement("div",{className:"slds-m-right_xxx-small"}),s().createElement("div",{className:"slds-m-right_xx-small"}),s().createElement("div",{className:"slds-m-right_x-small"}),s().createElement("div",{className:"slds-m-right_small"}),s().createElement("div",{className:"slds-m-right_medium"}),s().createElement("div",{className:"slds-m-right_large"}),s().createElement("div",{className:"slds-m-right_x-large"}),s().createElement("div",{className:"slds-m-right_xx-large"}))},{id:"bottom",label:"Bottom",element:s().createElement(s().Fragment,null,s().createElement("div",{className:"slds-m-bottom_none"}),s().createElement("div",{className:"slds-m-bottom_xxx-small"}),s().createElement("div",{className:"slds-m-bottom_xx-small"}),s().createElement("div",{className:"slds-m-bottom_x-small"}),s().createElement("div",{className:"slds-m-bottom_small"}),s().createElement("div",{className:"slds-m-bottom_medium"}),s().createElement("div",{className:"slds-m-bottom_large"}),s().createElement("div",{className:"slds-m-bottom_x-large"}),s().createElement("div",{className:"slds-m-bottom_xx-large"}))},{id:"left",label:"Left",element:s().createElement(s().Fragment,null,s().createElement("div",{className:"slds-m-left_none"}),s().createElement("div",{className:"slds-m-left_xxx-small"}),s().createElement("div",{className:"slds-m-left_xx-small"}),s().createElement("div",{className:"slds-m-left_x-small"}),s().createElement("div",{className:"slds-m-left_small"}),s().createElement("div",{className:"slds-m-left_medium"}),s().createElement("div",{className:"slds-m-left_large"}),s().createElement("div",{className:"slds-m-left_x-large"}),s().createElement("div",{className:"slds-m-left_xx-large"}))},{id:"vertical",label:"Vertical",element:s().createElement(s().Fragment,null,s().createElement("div",{className:"slds-m-vertical_none"}),s().createElement("div",{className:"slds-m-vertical_xxx-small"}),s().createElement("div",{className:"slds-m-vertical_xx-small"}),s().createElement("div",{className:"slds-m-vertical_x-small"}),s().createElement("div",{className:"slds-m-vertical_small"}),s().createElement("div",{className:"slds-m-vertical_medium"}),s().createElement("div",{className:"slds-m-vertical_large"}),s().createElement("div",{className:"slds-m-vertical_x-large"}),s().createElement("div",{className:"slds-m-vertical_xx-large"}))},{id:"horizontal",label:"Horizontal",element:s().createElement(s().Fragment,null,s().createElement("div",{className:"slds-m-horizontal_none"}),s().createElement("div",{className:"slds-m-horizontal_xxx-small"}),s().createElement("div",{className:"slds-m-horizontal_xx-small"}),s().createElement("div",{className:"slds-m-horizontal_x-small"}),s().createElement("div",{className:"slds-m-horizontal_small"}),s().createElement("div",{className:"slds-m-horizontal_medium"}),s().createElement("div",{className:"slds-m-horizontal_large"}),s().createElement("div",{className:"slds-m-horizontal_x-large"}),s().createElement("div",{className:"slds-m-horizontal_xx-large"}))},{id:"around",label:"Around",element:s().createElement(s().Fragment,null,s().createElement("div",{className:"slds-m-around_none"}),s().createElement("div",{className:"slds-m-around_xxx-small"}),s().createElement("div",{className:"slds-m-around_xx-small"}),s().createElement("div",{className:"slds-m-around_x-small"}),s().createElement("div",{className:"slds-m-around_small"}),s().createElement("div",{className:"slds-m-around_medium"}),s().createElement("div",{className:"slds-m-around_large"}),s().createElement("div",{className:"slds-m-around_x-large"}),s().createElement("div",{className:"slds-m-around_xx-large"}))}]}},a={};function t(e){var s=a[e];if(void 0!==s)return s.exports;var m=a[e]={exports:{}};return l[e](m,m.exports,t),m.exports}t.m=l,t.amdO={},e=[],t.O=function(l,a,s,m){if(!a){var n=1/0;for(i=0;i<e.length;i++){a=e[i][0],s=e[i][1],m=e[i][2];for(var r=!0,c=0;c<a.length;c++)(!1&m||n>=m)&&Object.keys(t.O).every(function(e){return t.O[e](a[c])})?a.splice(c--,1):(r=!1,m<n&&(n=m));if(r){e.splice(i--,1);var d=s();void 0!==d&&(l=d)}}return l}m=m||0;for(var i=e.length;i>0&&e[i-1][2]>m;i--)e[i]=e[i-1];e[i]=[a,s,m]},t.n=function(e){var l=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(l,{a:l}),l},t.d=function(e,l){for(var a in l)t.o(l,a)&&!t.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:l[a]})},t.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),t.o=function(e,l){return Object.prototype.hasOwnProperty.call(e,l)},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.j=4648,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4648:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};t.O.j=function(l){return 0===e[l]};var l=function(l,a){var s,m,n=a[0],r=a[1],c=a[2],d=0;if(n.some(function(l){return 0!==e[l]})){for(s in r)t.o(r,s)&&(t.m[s]=r[s]);if(c)var i=c(t)}for(l&&l(a);d<n.length;d++)m=n[d],t.o(e,m)&&e[m]&&e[m][0](),e[m]=0;return t.O(i)},a=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];a.forEach(l.bind(null,0)),a.push=l.bind(null,a.push.bind(a))}(),t.nc=void 0;var s=t.O(void 0,[6790],function(){return t(6684)});s=t.O(s),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/utilities/margin/example.jsx.js"]=s}();