@salesforce-ux/design-system/__internal/chunked/showcase/ui/components/popovers/feature/example.jsx.js

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},4105:function(e,t,s){s.d(t,{Footer:function(){return o}});var a=s(1594),l=s.n(a),n=s(8347),i=s(3062),o=(s(806).Ay.uniqueId("dialog-heading-id-"),function(e){return l().createElement("div",{className:"slds-grid slds-grid_vertical-align-center"},e.steps?l().createElement("span",{className:"slds-text-title"},"Step 2 of 4"):null,e.skipButton?l().createElement("button",{className:"slds-button slds-button_inverse slds-col_bump-left"},"Skip"):null,e.setupButton?l().createElement("button",{className:"slds-button slds-button_success slds-col_bump-left"},"Setup Email"):null,e.nextButton?l().createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Next"):null,e.learnMoreButton?l().createElement("button",{className:"slds-button slds-button_neutral slds-col_bump-left"},"Learn More"):null)});i.AM,i.AM,i.AM,i.AM,i.AM,i.AM,n.A,i.AM,n.A,i.AM,n.A,i.AM,i.AM,i.AM,i.AM,i.AM,n.A,i.AM,n.A,i.AM,n.A},4301:function(e,t,s){s.r(t),s.d(t,{examples:function(){return d}});var a=s(1594),l=s.n(a),n=s(8347),i=s(5006),o=s(4105),r=s(806).Ay.uniqueId("dialog-heading-id-");t.default=[{context:"Feature",id:"feature-default",label:"Feature default [dark]",element:l().createElement(i.Popover,{className:"slds-popover_dark slds-nubbin_left",title:"Dialog Title",closeButton:!0,inverse:!0},l().createElement("div",{className:"slds-media"},l().createElement("div",{className:"slds-media__body"},l().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().createElement(i.Popover,{className:"slds-popover_dark  slds-nubbin_left",title:"Dialog Title",closeButton:!0,inverse:!0},l().createElement("div",{className:"slds-media"},l().createElement("div",{className:"slds-media__figure"},l().createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},l().createElement(n.A,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"favorite"}),l().createElement("span",{className:"slds-assistive-text"},"Description of icon"))),l().createElement("div",{className:"slds-media__body"},l().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().createElement(i.Popover,{className:"slds-popover_dark  slds-nubbin_left",headingId:r,closeButton:!0,inverse:!0},l().createElement("div",{className:"slds-media"},l().createElement("div",{className:"slds-media__figure"},l().createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},l().createElement(n.A,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"smiley_and_people"}),l().createElement("span",{className:"slds-assistive-text"},"Description of icon"))),l().createElement("div",{className:"slds-media__body"},l().createElement("h2",{id:r,className:"slds-text-heading_small"},"Feature title"),l().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."," ",l().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().createElement(i.Popover,{className:"slds-popover_dark  slds-nubbin_left",headingId:r,closeButton:!0,inverse:!0},l().createElement("div",{className:"slds-media"},l().createElement("div",{className:"slds-media__figure"},l().createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},l().createElement(n.A,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"description"}),l().createElement("span",{className:"slds-assistive-text"},"Description of icon"))),l().createElement("div",{className:"slds-media__body"},l().createElement("h2",{id:r,className:"slds-text-heading_small"},"Feature title"),l().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().createElement(i.Popover,{className:"slds-popover_dark  slds-nubbin_left",headingId:r,footer:l().createElement(o.Footer,{learnMoreButton:!0}),closeButton:!0,inverse:!0},l().createElement("div",{className:"slds-media"},l().createElement("div",{className:"slds-media__figure"},l().createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},l().createElement(n.A,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"favorite"}),l().createElement("span",{className:"slds-assistive-text"},"Description of icon"))),l().createElement("div",{className:"slds-media__body"},l().createElement("h2",{id:r,className:"slds-text-heading_small"},"Feature title"),l().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().createElement(i.Popover,{className:"slds-popover_walkthrough slds-popover_feature slds-nubbin_left",title:"Dialog Title",closeButton:!0,inverse:!0},l().createElement("div",{className:"slds-media"},l().createElement("div",{className:"slds-media__figure"},l().createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},l().createElement(n.A,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"favorite"}),l().createElement("span",{className:"slds-assistive-text"},"Description of icon"))),l().createElement("div",{className:"slds-media__body"},l().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().createElement(i.Popover,{className:"slds-popover_walkthrough slds-popover_feature slds-nubbin_left",headingId:r,closeButton:!0,inverse:!0},l().createElement("div",{className:"slds-media"},l().createElement("div",{className:"slds-media__figure"},l().createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},l().createElement(n.A,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"smiley_and_people"}),l().createElement("span",{className:"slds-assistive-text"},"Description of icon"))),l().createElement("div",{className:"slds-media__body"},l().createElement("h2",{id:r,className:"slds-text-heading_small"},"Feature title"),l().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."," ",l().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().createElement(i.Popover,{className:"slds-popover_walkthrough slds-popover_feature slds-nubbin_left",headingId:r,closeButton:!0,inverse:!0},l().createElement("div",{className:"slds-media"},l().createElement("div",{className:"slds-media__figure"},l().createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},l().createElement(n.A,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"description"}),l().createElement("span",{className:"slds-assistive-text"},"Description of icon"))),l().createElement("div",{className:"slds-media__body"},l().createElement("h2",{id:r,className:"slds-text-heading_small"},"Feature title"),l().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().createElement(i.Popover,{className:"slds-popover_walkthrough slds-popover_feature slds-nubbin_left",headingId:r,footer:l().createElement(o.Footer,{learnMoreButton:!0}),closeButton:!0,inverse:!0},l().createElement("div",{className:"slds-media"},l().createElement("div",{className:"slds-media__figure"},l().createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},l().createElement(n.A,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"favorite"}),l().createElement("span",{className:"slds-assistive-text"},"Description of icon"))),l().createElement("div",{className:"slds-media__body"},l().createElement("h2",{id:r,className:"slds-text-heading_small"},"Feature title"),l().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))))}]}},s={};function a(e){var l=s[e];if(void 0!==l)return l.exports;var n=s[e]={exports:{}};return t[e](n,n.exports,a),n.exports}a.m=t,a.amdO={},e=[],a.O=function(t,s,l,n){if(!s){var i=1/0;for(c=0;c<e.length;c++){s=e[c][0],l=e[c][1],n=e[c][2];for(var o=!0,r=0;r<s.length;r++)(!1&n||i>=n)&&Object.keys(a.O).every(function(e){return a.O[e](s[r])})?s.splice(r--,1):(o=!1,n<i&&(i=n));if(o){e.splice(c--,1);var d=l();void 0!==d&&(t=d)}}return t}n=n||0;for(var c=e.length;c>0&&e[c-1][2]>n;c--)e[c]=e[c-1];e[c]=[s,l,n]},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 s in t)a.o(t,s)&&!a.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},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=6977,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,6317:0,6671:0,6977:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};a.O.j=function(t){return 0===e[t]};var t=function(t,s){var l,n,i=s[0],o=s[1],r=s[2],d=0;if(i.some(function(t){return 0!==e[t]})){for(l in o)a.o(o,l)&&(a.m[l]=o[l]);if(r)var c=r(a)}for(t&&t(s);d<i.length;d++)n=i[d],a.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return a.O(c)},s=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];s.forEach(t.bind(null,0)),s.push=t.bind(null,s.push.bind(s))}(),a.nc=void 0;var l=a.O(void 0,[6790],function(){return a(4301)});l=a.O(l),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/popovers/feature/example.jsx.js"]=l}();