UNPKG

@salesforce-ux/design-system

Version:
1 lines 4.08 kB
var SLDS;!function(){"use strict";var e,t,n,r={1594:function(e){e.exports=React},1981:function(e){e.exports=JSBeautify},5206:function(e){e.exports=ReactDOM},7973:function(e,t,n){n.r(t),n.d(t,{getContents:function(){return b},getElement:function(){return m}});var r=n(1594),l=n.n(r),o=n(5671),a=n(6547),i=n(806),u=[{id:"default",label:"Size - Default",element:l().createElement("div",{className:"slds-box"},l().createElement("p",null,"This is a regular-sized box."))},{id:"small",label:"Size - small",element:l().createElement("div",{className:"slds-box slds-box_small"},l().createElement("p",null,"This is a small box."))},{id:"x-small",label:"Size - x-small",element:l().createElement("div",{className:"slds-box slds-box_x-small"},l().createElement("p",null,"This is an extra-small box."))},{id:"xx-small",label:"Size - xx-small",element:l().createElement("div",{className:"slds-box slds-box_xx-small"},l().createElement("p",null,"This is an extra-extra-small box."))}],s=o.XB.a,c=o.XB.h2,f=o.XB.h3,d=o.XB.p,m=function(){return(0,r.createElement)(o.Ay,{},(0,r.createElement)("div",{className:"doc lead"},"A box theme applies spacing, a border, and rounded corners to areas of content."),c({id:"About-Box"},"About Box"),d({},"Three padding settings are available. You can also add a ",s({href:"/utilities/themes/#flavor-color"},"color theme")," to your box."),c({id:"Base"},"Base"),(0,r.createElement)(a.A,null,(0,i.NO)(u,"default")),c({id:"Examples"},"Examples"),f({id:"Small"},"Small"),(0,r.createElement)(a.A,null,(0,i.NO)(u,"small")),f({id:"X-Small"},"X-Small"),(0,r.createElement)(a.A,null,(0,i.NO)(u,"x-small")),f({id:"XX-Small"},"XX-Small"),(0,r.createElement)(a.A,null,(0,i.NO)(u,"xx-small")))},b=function(){return(0,o.Qr)(m())}}},l={};function o(e){var t=l[e];if(void 0!==t)return t.exports;var n=l[e]={id:e,exports:{}};return r[e](n,n.exports,o),n.exports}o.m=r,o.amdO={},e=[],o.O=function(t,n,r,l){if(!n){var a=1/0;for(c=0;c<e.length;c++){n=e[c][0],r=e[c][1],l=e[c][2];for(var i=!0,u=0;u<n.length;u++)(!1&l||a>=l)&&Object.keys(o.O).every(function(e){return o.O[e](n[u])})?n.splice(u--,1):(i=!1,l<a&&(a=l));if(i){e.splice(c--,1);var s=r();void 0!==s&&(t=s)}}return t}l=l||0;for(var c=e.length;c>0&&e[c-1][2]>l;c--)e[c]=e[c-1];e[c]=[n,r,l]},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,{a:t}),t},n=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},o.t=function(e,r){if(1&r&&(e=this(e)),8&r)return e;if("object"==typeof e&&e){if(4&r&&e.__esModule)return e;if(16&r&&"function"==typeof e.then)return e}var l=Object.create(null);o.r(l);var a={};t=t||[null,n({}),n([]),n(n)];for(var i=2&r&&e;("object"==typeof i||"function"==typeof i)&&!~t.indexOf(i);i=n(i))Object.getOwnPropertyNames(i).forEach(function(t){a[t]=function(){return e[t]}});return a.default=function(){return e},o.d(l,a),l},o.d=function(e,t){for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.e=function(){return Promise.resolve()},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.j=722,function(){var e={722:0};o.O.j=function(t){return 0===e[t]};var t=function(t,n){var r,l,a=n[0],i=n[1],u=n[2],s=0;if(a.some(function(t){return 0!==e[t]})){for(r in i)o.o(i,r)&&(o.m[r]=i[r]);if(u)var c=u(o)}for(t&&t(n);s<a.length;s++)l=a[s],o.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return o.O(c)},n=self.webpackJsonpSLDS___internal_chunked_docs=self.webpackJsonpSLDS___internal_chunked_docs||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),o.nc=void 0;var a=o.O(void 0,[3540],function(){return o(7973)});a=o.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/docs/./ui/utilities/box/docs.mdx.js"]=a}();