@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 4.2 kB
JavaScript
var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/pills/base/example.jsx.js"]=function(e){function t(t){for(var n,s,c=t[0],o=t[1],i=t[2],p=0,d=[];p<c.length;p++)s=c[p],Object.prototype.hasOwnProperty.call(l,s)&&l[s]&&d.push(l[s][0]),l[s]=0;for(n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n]);for(u&&u(t);d.length;)d.shift()();return r.push.apply(r,i||[]),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 o=a[c];0!==l[o]&&(n=!1)}n&&(r.splice(t--,1),e=s(s.s=a[0]))}return e}var n={},l={115:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},r=[];function s(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,s),a.l=!0,a.exports}s.m=e,s.c=n,s.d=function(e,t,a){s.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.t=function(e,t){if(1&t&&(e=s(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(s.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)s.d(a,n,function(t){return e[t]}.bind(null,n));return a},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,"a",t),t},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.p="/assets/scripts/bundle/";var c=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],o=c.push.bind(c);c.push=t,c=c.slice();for(var i=0;i<c.length;i++)t(c[i]);var u=o;return r.push([614,0]),a()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},614:function(e,t,a){"use strict";a.r(t),a.d(t,"states",(function(){return c})),a.d(t,"examples",(function(){return o}));var n=a(0),l=a.n(n),r=a(9),s=a(17);t.default=l.a.createElement(s.e,null);var c=[{id:"error",label:"Error",element:l.a.createElement(s.e,{className:"slds-has-error"},l.a.createElement("span",{className:"slds-pill__icon_container"},l.a.createElement("span",{className:"slds-icon_container",title:"Error"},l.a.createElement(r.a,{className:"slds-icon slds-icon-text-error",sprite:"utility",symbol:"error"}),l.a.createElement("span",{className:"slds-assistive-text"},"Warning"))))},{id:"truncated",label:"Truncated",demoStyles:"width: 220px;",storybookStyles:!0,element:l.a.createElement(s.f,null,l.a.createElement(s.e,{label:"Pill label that is longer than the area that contains it"}))},{id:"pill-truncated-tooltip",label:"Truncated Pill as Tooltip",demoStyles:"width: 220px;",storybookStyles:!0,element:l.a.createElement(s.g,null)},{id:"linked-pill-truncated-tooltip",label:"Truncated Linked Pill as Tooltip",demoStyles:"width: 220px;",storybookStyles:!0,element:l.a.createElement(s.a,null)}],o=[{id:"icon",label:"With icon",element:l.a.createElement(s.e,null,l.a.createElement("span",{className:"slds-pill__icon_container"},l.a.createElement("span",{className:"slds-icon_container slds-icon-standard-account",title:"Account"},l.a.createElement(r.a,{className:"slds-icon",sprite:"standard",symbol:"account"}),l.a.createElement("span",{className:"slds-assistive-text"},"Account"))))},{id:"avatar",label:"With avatar",element:l.a.createElement(s.e,null,l.a.createElement("span",{className:"slds-pill__icon_container"},l.a.createElement("span",{className:"slds-avatar slds-avatar_circle",title:"User avatar"},l.a.createElement("img",{alt:"Person name",src:"/assets/images/avatar2.jpg",title:"User avatar"}))))},{id:"container",label:"Pill with Container",element:l.a.createElement(s.f,null,l.a.createElement(s.e,null),l.a.createElement(s.e,null),l.a.createElement(s.e,null))},{id:"container-bare",label:"Pill with Bare Container - Deprecated",element:l.a.createElement(s.f,{variant:"container-bare"},l.a.createElement(s.e,null),l.a.createElement(s.e,null),l.a.createElement(s.e,null))}]}});