@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 6.73 kB
JavaScript
var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},5197:function(e,t,n){n.r(t),n.d(t,{examples:function(){return c}});var a=n(1594),s=n.n(a),r=n(3011),l=n(2537);t.default=[{id:"default",label:"Default",element:s().createElement("div",{className:"slds-card-wrapper"},s().createElement(r.Ay,null,s().createElement(r.aR,{title:"Contacts",href:!0,symbol:"contact",action:s().createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s().createElement(r.bw,null,"This is a card inside an `slds-card-wrapper` to show how styling is removed when cards are nested inside."),s().createElement(r.wL,null,"View All ",s().createElement("span",{className:"slds-assistive-text"},"Contacts"))),s().createElement(r.Ay,{hasCardBoundary:!0},s().createElement(r.aR,{title:"Contacts",href:!0,symbol:"contact",action:s().createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s().createElement(r.bw,{hasPadding:!0},"This is a card inside an `slds-card-wrapper` to illustrate how `slds-card_boundary` adds a rounded border when desired."),s().createElement(r.wL,null,"View All ",s().createElement("span",{className:"slds-assistive-text"},"Contacts"))))}];var c=[{id:"tabs-wrapper",label:"Card wrapper for tabs",element:s().createElement("div",{className:"slds-card-wrapper"},s().createElement(l.A,{selectedIndex:0},s().createElement(l.A.Item,{title:"Item One",id:"tab-default-1"},s().createElement(r.Ay,null,s().createElement(r.aR,{title:"Contacts",href:!0,symbol:"contact",action:s().createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s().createElement(r.bw,null,"This is a card inside an `slds-card-wrapper` to show how styling is removed when cards are nested inside."),s().createElement(r.wL,null,"View All ",s().createElement("span",{className:"slds-assistive-text"},"Contacts"))),s().createElement(r.Ay,{hasCardBoundary:!0},s().createElement(r.aR,{title:"Contacts",href:!0,symbol:"contact",action:s().createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s().createElement(r.bw,{hasPadding:!0},"This is a card inside an `slds-card-wrapper` to illustrate how `slds-card_boundary` adds a rounded border when desired."),s().createElement(r.wL,null,"View All ",s().createElement("span",{className:"slds-assistive-text"},"Contacts")))),s().createElement(l.A.Item,{title:"Item Two",id:"tab-default-2"},"Item Two Content"),s().createElement(l.A.Item,{title:"Item Three",id:"tab-default-3"},"Item Three Content")))},{id:"styling-hooks",label:"Styling Hooks",demoStyles:"\n --slds-c-card-color-background: #f3f3f3;\n --slds-c-card-radius-border: 8px;\n --slds-c-card-shadow: rgba(0,0,0,.15) 0 4px 8px, rgba(0,0,0,.05) 0 2px 4px;\n --slds-c-card-spacing-block-start: 1.5rem;\n --slds-c-card-spacing-block-end: 0.5rem;\n --slds-c-card-title-font-size: 1.5rem;\n --slds-c-card-header-spacing-block-start: 0;\n --slds-c-card-header-spacing-inline-start: 1.5rem;\n --slds-c-card-header-spacing-inline-end: 1.5rem;\n --slds-c-card-body-spacing-inline-start: 1.5rem;\n --slds-c-card-body-spacing-inline-end: 1.5rem;\n --slds-c-card-body-spacing-block-end: 1rem;\n --slds-c-card-footer-spacing-block-start: 0.5rem;\n --slds-c-card-footer-spacing-block-end: 0;\n --slds-c-card-footer-spacing-inline-start: 1.5rem;\n --slds-c-card-footer-spacing-inline-end: 1.5rem;\n --slds-c-card-footer-font-size: 0.75rem;\n --slds-c-card-footer-text-align: right;\n ",storybookStyles:!0,element:s().createElement("div",{className:"slds-card-wrapper"},s().createElement(l.A,{selectedIndex:0},s().createElement(l.A.Item,{title:"Item One",id:"tab-default-1"},s().createElement(r.Ay,null,s().createElement(r.aR,{title:"Contacts",href:!0,symbol:"contact",action:s().createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s().createElement(r.bw,null,"This is a card inside an `slds-card-wrapper` to show how styling is removed when cards are nested inside."),s().createElement(r.wL,null,"View All ",s().createElement("span",{className:"slds-assistive-text"},"Contacts"))),s().createElement(r.Ay,{hasCardBoundary:!0},s().createElement(r.aR,{title:"Contacts",href:!0,symbol:"contact",action:s().createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s().createElement(r.bw,{hasPadding:!0},"This is a card inside an `slds-card-wrapper` to illustrate how `slds-card_boundary` adds a rounded border when desired."),s().createElement(r.wL,null,"View All ",s().createElement("span",{className:"slds-assistive-text"},"Contacts")))),s().createElement(l.A.Item,{title:"Item Two",id:"tab-default-2"},"Item Two Content"),s().createElement(l.A.Item,{title:"Item Three",id:"tab-default-3"},"Item Three Content")))}]}},n={};function a(e){var s=n[e];if(void 0!==s)return s.exports;var r=n[e]={exports:{}};return t[e](r,r.exports,a),r.exports}a.m=t,a.amdO={},e=[],a.O=function(t,n,s,r){if(!n){var l=1/0;for(i=0;i<e.length;i++){n=e[i][0],s=e[i][1],r=e[i][2];for(var c=!0,d=0;d<n.length;d++)(!1&r||l>=r)&&Object.keys(a.O).every(function(e){return a.O[e](n[d])})?n.splice(d--,1):(c=!1,r<l&&(l=r));if(c){e.splice(i--,1);var o=s();void 0!==o&&(t=o)}}return t}r=r||0;for(var i=e.length;i>0&&e[i-1][2]>r;i--)e[i]=e[i-1];e[i]=[n,s,r]},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},a.d=function(e,t){for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.j=9651,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,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0,9651:0};a.O.j=function(t){return 0===e[t]};var t=function(t,n){var s,r,l=n[0],c=n[1],d=n[2],o=0;if(l.some(function(t){return 0!==e[t]})){for(s in c)a.o(c,s)&&(a.m[s]=c[s]);if(d)var i=d(a)}for(t&&t(n);o<l.length;o++)r=l[o],a.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return a.O(i)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),a.nc=void 0;var s=a.O(void 0,[6790],function(){return a(5197)});s=a.O(s),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/cards/wrapper/example.jsx.js"]=s}();