UNPKG

@salesforce-ux/design-system

Version:
1 lines 10.4 kB
var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/popovers/feature/example.jsx.js"]=function(e){function t(t){for(var s,i,r=t[0],o=t[1],d=t[2],m=0,u=[];m<r.length;m++)i=r[m],Object.prototype.hasOwnProperty.call(l,i)&&l[i]&&u.push(l[i][0]),l[i]=0;for(s in o)Object.prototype.hasOwnProperty.call(o,s)&&(e[s]=o[s]);for(c&&c(t);u.length;)u.shift()();return n.push.apply(n,d||[]),a()}function a(){for(var e,t=0;t<n.length;t++){for(var a=n[t],s=!0,r=1;r<a.length;r++){var o=a[r];0!==l[o]&&(s=!1)}s&&(n.splice(t--,1),e=i(i.s=a[0]))}return e}var s={},l={120: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},n=[];function i(t){if(s[t])return s[t].exports;var a=s[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,i),a.l=!0,a.exports}i.m=e,i.c=s,i.d=function(e,t,a){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(i.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var s in e)i.d(a,s,function(t){return e[t]}.bind(null,s));return a},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var r=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],o=r.push.bind(r);r.push=t,r=r.slice();for(var d=0;d<r.length;d++)t(r[d]);var c=o;return n.push([673,0]),a()}({0:function(e,t){e.exports=React},14:function(e,t){e.exports=ReactDOM},673:function(e,t,a){"use strict";a.r(t),a.d(t,"examples",(function(){return d}));var s=a(0),l=a.n(s),n=a(8),i=a(33),r=a(247),o=a(6).d.uniqueId("dialog-heading-id-");t.default=[{context:"Feature",id:"feature-default",label:"Feature default [dark]",element:l.a.createElement(i.Popover,{className:"slds-popover_dark slds-nubbin_left",title:"Dialog Title",closeButton:!0,inverse:!0},l.a.createElement("div",{className:"slds-media"},l.a.createElement("div",{className:"slds-media__body"},l.a.createElement("p",{className:"slds-text-heading_small"},"Shelly, it seems you frequent this record. Try favoriting it for easy access."))))}];var d=[{context:"Feature",id:"icon-text-dark",label:"With icon and text [dark]",element:l.a.createElement(i.Popover,{className:"slds-popover_dark slds-nubbin_left",title:"Dialog Title",closeButton:!0,inverse:!0},l.a.createElement("div",{className:"slds-media"},l.a.createElement("div",{className:"slds-media__figure"},l.a.createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},l.a.createElement(n.a,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"favorite"}),l.a.createElement("span",{className:"slds-assistive-text"},"Description of icon"))),l.a.createElement("div",{className:"slds-media__body"},l.a.createElement("p",{className:"slds-text-heading_small"},"Shelly, it seems you frequent this record. Try favoriting it for easy access."))))},{context:"Feature",id:"icon-header-text-link-dark",label:"With icon, header, text, and link [dark]",element:l.a.createElement(i.Popover,{className:"slds-popover_dark slds-nubbin_left",headingId:o,closeButton:!0,inverse:!0},l.a.createElement("div",{className:"slds-media"},l.a.createElement("div",{className:"slds-media__figure"},l.a.createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},l.a.createElement(n.a,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"smiley_and_people"}),l.a.createElement("span",{className:"slds-assistive-text"},"Description of icon"))),l.a.createElement("div",{className:"slds-media__body"},l.a.createElement("h2",{id:o,className:"slds-text-heading_small"},"Feature title"),l.a.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."," ",l.a.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"Learn More")))))},{context:"Feature",id:"icon-header-text-dark",label:"With icon, header, and text [dark]",element:l.a.createElement(i.Popover,{className:"slds-popover_dark slds-nubbin_left",headingId:o,closeButton:!0,inverse:!0},l.a.createElement("div",{className:"slds-media"},l.a.createElement("div",{className:"slds-media__figure"},l.a.createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},l.a.createElement(n.a,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"description"}),l.a.createElement("span",{className:"slds-assistive-text"},"Description of icon"))),l.a.createElement("div",{className:"slds-media__body"},l.a.createElement("h2",{id:o,className:"slds-text-heading_small"},"Feature title"),l.a.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))))},{context:"Feature",id:"icon-header-text-footer-dark",label:"With icon, header, text, and footer [dark]",element:l.a.createElement(i.Popover,{className:"slds-popover_dark slds-nubbin_left",headingId:o,footer:l.a.createElement(r.Footer,{learnMoreButton:!0}),closeButton:!0,inverse:!0},l.a.createElement("div",{className:"slds-media"},l.a.createElement("div",{className:"slds-media__figure"},l.a.createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},l.a.createElement(n.a,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"favorite"}),l.a.createElement("span",{className:"slds-assistive-text"},"Description of icon"))),l.a.createElement("div",{className:"slds-media__body"},l.a.createElement("h2",{id:o,className:"slds-text-heading_small"},"Feature title"),l.a.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))))},{context:"Feature",deprecated:!0,id:"icon-text",label:"Deprecated – With icon and text",element:l.a.createElement(i.Popover,{className:"slds-popover_walkthrough slds-popover_feature slds-nubbin_left",title:"Dialog Title",closeButton:!0,inverse:!0},l.a.createElement("div",{className:"slds-media"},l.a.createElement("div",{className:"slds-media__figure"},l.a.createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},l.a.createElement(n.a,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"favorite"}),l.a.createElement("span",{className:"slds-assistive-text"},"Description of icon"))),l.a.createElement("div",{className:"slds-media__body"},l.a.createElement("p",{className:"slds-text-heading_small"},"Shelly, it seems you frequent this record. Try favoriting it for easy access."))))},{context:"Feature",deprecated:!0,id:"icon-header-text-link",label:"Deprecated – With icon, header, text, and link",element:l.a.createElement(i.Popover,{className:"slds-popover_walkthrough slds-popover_feature slds-nubbin_left",headingId:o,closeButton:!0,inverse:!0},l.a.createElement("div",{className:"slds-media"},l.a.createElement("div",{className:"slds-media__figure"},l.a.createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},l.a.createElement(n.a,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"smiley_and_people"}),l.a.createElement("span",{className:"slds-assistive-text"},"Description of icon"))),l.a.createElement("div",{className:"slds-media__body"},l.a.createElement("h2",{id:o,className:"slds-text-heading_small"},"Feature title"),l.a.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."," ",l.a.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"Learn More")))))},{context:"Feature",deprecated:!0,id:"icon-header-text",label:"Deprecated – With icon, header, and text",element:l.a.createElement(i.Popover,{className:"slds-popover_walkthrough slds-popover_feature slds-nubbin_left",headingId:o,closeButton:!0,inverse:!0},l.a.createElement("div",{className:"slds-media"},l.a.createElement("div",{className:"slds-media__figure"},l.a.createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},l.a.createElement(n.a,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"description"}),l.a.createElement("span",{className:"slds-assistive-text"},"Description of icon"))),l.a.createElement("div",{className:"slds-media__body"},l.a.createElement("h2",{id:o,className:"slds-text-heading_small"},"Feature title"),l.a.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))))},{context:"Feature",deprecated:!0,id:"icon-header-text-footer",label:"Deprecated – With icon, header, text, and footer",element:l.a.createElement(i.Popover,{className:"slds-popover_walkthrough slds-popover_feature slds-nubbin_left",headingId:o,footer:l.a.createElement(r.Footer,{learnMoreButton:!0}),closeButton:!0,inverse:!0},l.a.createElement("div",{className:"slds-media"},l.a.createElement("div",{className:"slds-media__figure"},l.a.createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},l.a.createElement(n.a,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"favorite"}),l.a.createElement("span",{className:"slds-assistive-text"},"Description of icon"))),l.a.createElement("div",{className:"slds-media__body"},l.a.createElement("h2",{id:o,className:"slds-text-heading_small"},"Feature title"),l.a.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))))}]}});