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

Salesforce Lightning Design System

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