@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 6.54 kB
JavaScript
var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/cards/wrapper/example.jsx.js"]=function(e){function t(t){for(var n,l,c=t[0],d=t[1],o=t[2],u=0,m=[];u<c.length;u++)l=c[u],Object.prototype.hasOwnProperty.call(s,l)&&s[l]&&m.push(s[l][0]),s[l]=0;for(n in d)Object.prototype.hasOwnProperty.call(d,n)&&(e[n]=d[n]);for(i&&i(t);m.length;)m.shift()();return r.push.apply(r,o||[]),a()}function a(){for(var e,t=0;t<r.length;t++){for(var a=r[t],n=!0,c=1;c<a.length;c++){var d=a[c];0!==s[d]&&(n=!1)}n&&(r.splice(t--,1),e=l(l.s=a[0]))}return e}var n={},s={30:0,6:0,22:0,73:0,93:0,94:0,96:0,97:0,98:0,104:0,128:0,132:0,136:0,141:0,143:0},r=[];function l(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,l),a.l=!0,a.exports}l.m=e,l.c=n,l.d=function(e,t,a){l.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(l.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)l.d(a,n,function(t){return e[t]}.bind(null,n));return a},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/assets/scripts/bundle/";var c=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],d=c.push.bind(c);c.push=t,c=c.slice();for(var o=0;o<c.length;o++)t(c[o]);var i=d;return r.push([580,0]),a()}({0:function(e,t){e.exports=React},580:function(e,t,a){"use strict";a.r(t),a.d(t,"examples",(function(){return c}));var n=a(0),s=a.n(n),r=a(12),l=a(24);t.default=[{id:"default",label:"Default",element:s.a.createElement("div",{className:"slds-card-wrapper"},s.a.createElement(r.d,null,s.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:s.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s.a.createElement(r.a,null,"This is a card inside an `slds-card-wrapper` to show how styling is removed when cards are nested inside."),s.a.createElement(r.b,null,"View All ",s.a.createElement("span",{className:"slds-assistive-text"},"Contacts"))),s.a.createElement(r.d,{hasCardBoundary:!0},s.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:s.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s.a.createElement(r.a,{hasPadding:!0},"This is a card inside an `slds-card-wrapper` to illustrate how `slds-card_boundary` adds a rounded border when desired."),s.a.createElement(r.b,null,"View All ",s.a.createElement("span",{className:"slds-assistive-text"},"Contacts"))))}];var c=[{id:"tabs-wrapper",label:"Card wrapper for tabs",element:s.a.createElement("div",{className:"slds-card-wrapper"},s.a.createElement(l.a,{selectedIndex:0},s.a.createElement(l.a.Item,{title:"Item One",id:"tab-default-1"},s.a.createElement(r.d,null,s.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:s.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s.a.createElement(r.a,null,"This is a card inside an `slds-card-wrapper` to show how styling is removed when cards are nested inside."),s.a.createElement(r.b,null,"View All ",s.a.createElement("span",{className:"slds-assistive-text"},"Contacts"))),s.a.createElement(r.d,{hasCardBoundary:!0},s.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:s.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s.a.createElement(r.a,{hasPadding:!0},"This is a card inside an `slds-card-wrapper` to illustrate how `slds-card_boundary` adds a rounded border when desired."),s.a.createElement(r.b,null,"View All ",s.a.createElement("span",{className:"slds-assistive-text"},"Contacts")))),s.a.createElement(l.a.Item,{title:"Item Two",id:"tab-default-2"},"Item Two Content"),s.a.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.a.createElement("div",{className:"slds-card-wrapper"},s.a.createElement(l.a,{selectedIndex:0},s.a.createElement(l.a.Item,{title:"Item One",id:"tab-default-1"},s.a.createElement(r.d,null,s.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:s.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s.a.createElement(r.a,null,"This is a card inside an `slds-card-wrapper` to show how styling is removed when cards are nested inside."),s.a.createElement(r.b,null,"View All ",s.a.createElement("span",{className:"slds-assistive-text"},"Contacts"))),s.a.createElement(r.d,{hasCardBoundary:!0},s.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:s.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s.a.createElement(r.a,{hasPadding:!0},"This is a card inside an `slds-card-wrapper` to illustrate how `slds-card_boundary` adds a rounded border when desired."),s.a.createElement(r.b,null,"View All ",s.a.createElement("span",{className:"slds-assistive-text"},"Contacts")))),s.a.createElement(l.a.Item,{title:"Item Two",id:"tab-default-2"},"Item Two Content"),s.a.createElement(l.a.Item,{title:"Item Three",id:"tab-default-3"},"Item Three Content")))}]}});