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

Salesforce Lightning Design System

var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/utilities/padding/example.jsx.js"]=function(e){function a(a){for(var s,r,d=a[0],c=a[1],m=a[2],o=0,p=[];o<d.length;o++)r=d[o],Object.prototype.hasOwnProperty.call(t,r)&&t[r]&&p.push(t[r][0]),t[r]=0;for(s in c)Object.prototype.hasOwnProperty.call(c,s)&&(e[s]=c[s]);for(i&&i(a);p.length;)p.shift()();return n.push.apply(n,m||[]),l()}function l(){for(var e,a=0;a<n.length;a++){for(var l=n[a],s=!0,d=1;d<l.length;d++){var c=l[d];0!==t[c]&&(s=!1)}s&&(n.splice(a--,1),e=r(r.s=l[0]))}return e}var s={},t={181: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},n=[];function r(a){if(s[a])return s[a].exports;var l=s[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=s,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 s in e)r.d(l,s,function(a){return e[a]}.bind(null,s));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 d=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],c=d.push.bind(d);d.push=a,d=d.slice();for(var m=0;m<d.length;m++)a(d[m]);var i=c;return n.push([728,0]),l()}({0:function(e,a){e.exports=React},728:function(e,a,l){"use strict";l.r(a),l.d(a,"Context",(function(){return n})),l.d(a,"examples",(function(){return r}));var s=l(0),t=l.n(s),n=function(e){return t.a.createElement(s.Fragment,null,t.a.createElement("style",null,'\n/* stylelint-disable selector-class-pattern */\n\n.story-doc-padding > div {\n}\n\n.story-doc-padding .doc-spacing > div[class*="slds-p-"] {\n  width: 8rem;\n  height: 8rem;\n}\n\n.story-doc-padding_content .doc-spacing > div[class*="slds-p-"]:before {\n  content: \'\';\n  display: block;\n  background: #1589ee;\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  overflow: hidden;\n  border-radius: 4px;\n}\n'),t.a.createElement("div",{className:"story-doc-padding story-doc-padding_content"},t.a.Children.toArray(e.children)[0].props.children.map((function(e,a){return t.a.createElement("div",{key:"padding-".concat(a),className:"doc-spacing slds-m-right_medium"},e)}))))},r=[{id:"top",label:"Top",element:t.a.createElement("div",null,t.a.createElement("div",{className:"slds-p-top_none"}),t.a.createElement("div",{className:"slds-p-top_xxx-small"}),t.a.createElement("div",{className:"slds-p-top_xx-small"}),t.a.createElement("div",{className:"slds-p-top_x-small"}),t.a.createElement("div",{className:"slds-p-top_small"}),t.a.createElement("div",{className:"slds-p-top_medium"}),t.a.createElement("div",{className:"slds-p-top_large"}),t.a.createElement("div",{className:"slds-p-top_x-large"}),t.a.createElement("div",{className:"slds-p-top_xx-large"}))},{id:"right",label:"Right",element:t.a.createElement("div",null,t.a.createElement("div",{className:"slds-p-right_none"}),t.a.createElement("div",{className:"slds-p-right_xxx-small"}),t.a.createElement("div",{className:"slds-p-right_xx-small"}),t.a.createElement("div",{className:"slds-p-right_x-small"}),t.a.createElement("div",{className:"slds-p-right_small"}),t.a.createElement("div",{className:"slds-p-right_medium"}),t.a.createElement("div",{className:"slds-p-right_large"}),t.a.createElement("div",{className:"slds-p-right_x-large"}),t.a.createElement("div",{className:"slds-p-right_xx-large"}))},{id:"bottom",label:"Bottom",element:t.a.createElement("div",null,t.a.createElement("div",{className:"slds-p-bottom_none"}),t.a.createElement("div",{className:"slds-p-bottom_xxx-small"}),t.a.createElement("div",{className:"slds-p-bottom_xx-small"}),t.a.createElement("div",{className:"slds-p-bottom_x-small"}),t.a.createElement("div",{className:"slds-p-bottom_small"}),t.a.createElement("div",{className:"slds-p-bottom_medium"}),t.a.createElement("div",{className:"slds-p-bottom_large"}),t.a.createElement("div",{className:"slds-p-bottom_x-large"}),t.a.createElement("div",{className:"slds-p-bottom_xx-large"}))},{id:"left",label:"Left",element:t.a.createElement("div",null,t.a.createElement("div",{className:"slds-p-left_none"}),t.a.createElement("div",{className:"slds-p-left_xxx-small"}),t.a.createElement("div",{className:"slds-p-left_xx-small"}),t.a.createElement("div",{className:"slds-p-left_x-small"}),t.a.createElement("div",{className:"slds-p-left_small"}),t.a.createElement("div",{className:"slds-p-left_medium"}),t.a.createElement("div",{className:"slds-p-left_large"}),t.a.createElement("div",{className:"slds-p-left_x-large"}),t.a.createElement("div",{className:"slds-p-left_xx-large"}))},{id:"vertical",label:"Vertical",element:t.a.createElement("div",null,t.a.createElement("div",{className:"slds-p-vertical_none"}),t.a.createElement("div",{className:"slds-p-vertical_xxx-small"}),t.a.createElement("div",{className:"slds-p-vertical_xx-small"}),t.a.createElement("div",{className:"slds-p-vertical_x-small"}),t.a.createElement("div",{className:"slds-p-vertical_small"}),t.a.createElement("div",{className:"slds-p-vertical_medium"}),t.a.createElement("div",{className:"slds-p-vertical_large"}),t.a.createElement("div",{className:"slds-p-vertical_x-large"}),t.a.createElement("div",{className:"slds-p-vertical_xx-large"}))},{id:"horizontal",label:"Horizontal",element:t.a.createElement("div",null,t.a.createElement("div",{className:"slds-p-horizontal_none"}),t.a.createElement("div",{className:"slds-p-horizontal_xxx-small"}),t.a.createElement("div",{className:"slds-p-horizontal_xx-small"}),t.a.createElement("div",{className:"slds-p-horizontal_x-small"}),t.a.createElement("div",{className:"slds-p-horizontal_small"}),t.a.createElement("div",{className:"slds-p-horizontal_medium"}),t.a.createElement("div",{className:"slds-p-horizontal_large"}),t.a.createElement("div",{className:"slds-p-horizontal_x-large"}),t.a.createElement("div",{className:"slds-p-horizontal_xx-large"}))},{id:"around",label:"Around",element:t.a.createElement("div",null,t.a.createElement("div",{className:"slds-p-around_none"}),t.a.createElement("div",{className:"slds-p-around_xxx-small"}),t.a.createElement("div",{className:"slds-p-around_xx-small"}),t.a.createElement("div",{className:"slds-p-around_x-small"}),t.a.createElement("div",{className:"slds-p-around_small"}),t.a.createElement("div",{className:"slds-p-around_medium"}),t.a.createElement("div",{className:"slds-p-around_large"}),t.a.createElement("div",{className:"slds-p-around_x-large"}),t.a.createElement("div",{className:"slds-p-around_xx-large"}))}]}});