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

Salesforce Lightning Design System

var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/utilities/margin/example.jsx.js"]=function(e){function a(a){for(var t,r,n=a[0],c=a[1],d=a[2],o=0,v=[];o<n.length;o++)r=n[o],Object.prototype.hasOwnProperty.call(s,r)&&s[r]&&v.push(s[r][0]),s[r]=0;for(t in c)Object.prototype.hasOwnProperty.call(c,t)&&(e[t]=c[t]);for(i&&i(a);v.length;)v.shift()();return m.push.apply(m,d||[]),l()}function l(){for(var e,a=0;a<m.length;a++){for(var l=m[a],t=!0,n=1;n<l.length;n++){var c=l[n];0!==s[c]&&(t=!1)}t&&(m.splice(a--,1),e=r(r.s=l[0]))}return e}var t={},s={178:0,6:0,22:0,73:0,93:0,94:0,96:0,97:0,98:0,104:0,129:0,133:0,137:0,142:0,144:0},m=[];function r(a){if(t[a])return t[a].exports;var l=t[a]={i:a,l:!1,exports:{}};return e[a].call(l.exports,l,l.exports,r),l.l=!0,l.exports}r.m=e,r.c=t,r.d=function(e,a,l){r.o(e,a)||Object.defineProperty(e,a,{enumerable:!0,get:l})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,a){if(1&a&&(e=r(e)),8&a)return e;if(4&a&&"object"==typeof e&&e&&e.__esModule)return e;var l=Object.create(null);if(r.r(l),Object.defineProperty(l,"default",{enumerable:!0,value:e}),2&a&&"string"!=typeof e)for(var t in e)r.d(l,t,function(a){return e[a]}.bind(null,t));return l},r.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(a,"a",a),a},r.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},r.p="/assets/scripts/bundle/";var n=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],c=n.push.bind(n);n.push=a,n=n.slice();for(var d=0;d<n.length;d++)a(n[d]);var i=c;return m.push([727,0]),l()}({0:function(e,a){e.exports=React},727:function(e,a,l){"use strict";l.r(a),l.d(a,"Context",(function(){return m})),l.d(a,"examples",(function(){return r}));var t=l(0),s=l.n(t),m=function(e){return s.a.createElement(t.Fragment,null,s.a.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.a.createElement("div",{className:"story-doc-margin story-doc-margin_content"},s.a.Children.toArray(e.children)[0].props.children.map((function(e,a){return s.a.createElement("div",{key:"margin-".concat(a),className:"doc-spacing slds-m-right_medium"},e)}))))},r=[{id:"top",label:"Top",element:s.a.createElement(t.Fragment,null,s.a.createElement("div",{className:"slds-m-top_none"}),s.a.createElement("div",{className:"slds-m-top_xxx-small"}),s.a.createElement("div",{className:"slds-m-top_xx-small"}),s.a.createElement("div",{className:"slds-m-top_x-small"}),s.a.createElement("div",{className:"slds-m-top_small"}),s.a.createElement("div",{className:"slds-m-top_medium"}),s.a.createElement("div",{className:"slds-m-top_large"}),s.a.createElement("div",{className:"slds-m-top_x-large"}),s.a.createElement("div",{className:"slds-m-top_xx-large"}))},{id:"right",label:"Right",element:s.a.createElement(s.a.Fragment,null,s.a.createElement("div",{className:"slds-m-right_none"}),s.a.createElement("div",{className:"slds-m-right_xxx-small"}),s.a.createElement("div",{className:"slds-m-right_xx-small"}),s.a.createElement("div",{className:"slds-m-right_x-small"}),s.a.createElement("div",{className:"slds-m-right_small"}),s.a.createElement("div",{className:"slds-m-right_medium"}),s.a.createElement("div",{className:"slds-m-right_large"}),s.a.createElement("div",{className:"slds-m-right_x-large"}),s.a.createElement("div",{className:"slds-m-right_xx-large"}))},{id:"bottom",label:"Bottom",element:s.a.createElement(s.a.Fragment,null,s.a.createElement("div",{className:"slds-m-bottom_none"}),s.a.createElement("div",{className:"slds-m-bottom_xxx-small"}),s.a.createElement("div",{className:"slds-m-bottom_xx-small"}),s.a.createElement("div",{className:"slds-m-bottom_x-small"}),s.a.createElement("div",{className:"slds-m-bottom_small"}),s.a.createElement("div",{className:"slds-m-bottom_medium"}),s.a.createElement("div",{className:"slds-m-bottom_large"}),s.a.createElement("div",{className:"slds-m-bottom_x-large"}),s.a.createElement("div",{className:"slds-m-bottom_xx-large"}))},{id:"left",label:"Left",element:s.a.createElement(s.a.Fragment,null,s.a.createElement("div",{className:"slds-m-left_none"}),s.a.createElement("div",{className:"slds-m-left_xxx-small"}),s.a.createElement("div",{className:"slds-m-left_xx-small"}),s.a.createElement("div",{className:"slds-m-left_x-small"}),s.a.createElement("div",{className:"slds-m-left_small"}),s.a.createElement("div",{className:"slds-m-left_medium"}),s.a.createElement("div",{className:"slds-m-left_large"}),s.a.createElement("div",{className:"slds-m-left_x-large"}),s.a.createElement("div",{className:"slds-m-left_xx-large"}))},{id:"vertical",label:"Vertical",element:s.a.createElement(s.a.Fragment,null,s.a.createElement("div",{className:"slds-m-vertical_none"}),s.a.createElement("div",{className:"slds-m-vertical_xxx-small"}),s.a.createElement("div",{className:"slds-m-vertical_xx-small"}),s.a.createElement("div",{className:"slds-m-vertical_x-small"}),s.a.createElement("div",{className:"slds-m-vertical_small"}),s.a.createElement("div",{className:"slds-m-vertical_medium"}),s.a.createElement("div",{className:"slds-m-vertical_large"}),s.a.createElement("div",{className:"slds-m-vertical_x-large"}),s.a.createElement("div",{className:"slds-m-vertical_xx-large"}))},{id:"horizontal",label:"Horizontal",element:s.a.createElement(s.a.Fragment,null,s.a.createElement("div",{className:"slds-m-horizontal_none"}),s.a.createElement("div",{className:"slds-m-horizontal_xxx-small"}),s.a.createElement("div",{className:"slds-m-horizontal_xx-small"}),s.a.createElement("div",{className:"slds-m-horizontal_x-small"}),s.a.createElement("div",{className:"slds-m-horizontal_small"}),s.a.createElement("div",{className:"slds-m-horizontal_medium"}),s.a.createElement("div",{className:"slds-m-horizontal_large"}),s.a.createElement("div",{className:"slds-m-horizontal_x-large"}),s.a.createElement("div",{className:"slds-m-horizontal_xx-large"}))},{id:"around",label:"Around",element:s.a.createElement(s.a.Fragment,null,s.a.createElement("div",{className:"slds-m-around_none"}),s.a.createElement("div",{className:"slds-m-around_xxx-small"}),s.a.createElement("div",{className:"slds-m-around_xx-small"}),s.a.createElement("div",{className:"slds-m-around_x-small"}),s.a.createElement("div",{className:"slds-m-around_small"}),s.a.createElement("div",{className:"slds-m-around_medium"}),s.a.createElement("div",{className:"slds-m-around_large"}),s.a.createElement("div",{className:"slds-m-around_x-large"}),s.a.createElement("div",{className:"slds-m-around_xx-large"}))}]}});