@salesforce-ux/design-system/__internal/chunked/showcase/ui/components/popovers/walkthrough/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,l){l.r(t),l.d(t,{Footer:function(){return c},Header:function(){return r},examples:function(){return d}});var s=l(1594),a=l.n(s),n=l(8347),i=l(3062),o=l(806).Ay.uniqueId("dialog-heading-id-"),r=function(e){return a().createElement("header",{className:"slds-popover__header slds-p-vertical_medium"},a().createElement("h2",{id:o,className:"slds-text-heading_medium"},e.title))},c=function(e){return a().createElement("div",{className:"slds-grid slds-grid_vertical-align-center"},e.steps?a().createElement("span",{className:"slds-text-title"},"Step 2 of 4"):null,e.skipButton?a().createElement("button",{className:"slds-button slds-button_inverse slds-col_bump-left"},"Skip"):null,e.setupButton?a().createElement("button",{className:"slds-button slds-button_success slds-col_bump-left"},"Setup Email"):null,e.nextButton?a().createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Next"):null,e.learnMoreButton?a().createElement("button",{className:"slds-button slds-button_neutral slds-col_bump-left"},"Learn More"):null)};t.default=[{context:"Walkthrough",id:"walkthrough-default",label:"Walkthrough default [dark]",element:a().createElement(i.AM,{className:"slds-popover_dark slds-nubbin_left",headingId:o,header:a().createElement(r,{title:"Walkthrough title"}),footer:a().createElement(c,{steps:!0,nextButton:!0}),closeButton:!0,inverse:!0},a().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))}];var d=[{context:"Walkthrough",id:"micro-setup-dark",label:"Micro Setup [dark]",element:a().createElement(i.AM,{className:"slds-popover_dark slds-nubbin_left",headingId:o,header:a().createElement(r,{title:"Walkthrough title"}),footer:a().createElement(c,{steps:!0,setupButton:!0,nextButton:!0}),closeButton:!0,inverse:!0},a().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))},{context:"Walkthrough",id:"micro-setup-alternate-dark",label:"Micro Setup - Alternate [dark]",element:a().createElement(i.AM,{className:"slds-popover_dark slds-nubbin_left",headingId:o,header:a().createElement(r,{title:"Walkthrough title"}),footer:a().createElement(c,{steps:!0,skipButton:!0,setupButton:!0}),closeButton:!0,inverse:!0},a().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))},{context:"Walkthrough",id:"micro-setup-in-page-dark",label:"Micro Setup - In Page [dark]",element:a().createElement(i.AM,{className:"slds-popover_dark slds-nubbin_bottom",headingId:o,header:a().createElement(r,{title:"Walkthrough title"}),footer:a().createElement(c,{steps:!0,skipButton:!0}),closeButton:!0,inverse:!0},a().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))},{context:"Walkthrough",id:"micro-setup-inline-form-dark",label:"Micro Setup - Inline Form [dark]",element:a().createElement(i.AM,{className:"slds-popover_dark slds-nubbin_left",headingId:o,header:a().createElement(r,{title:"Walkthrough title"}),footer:a().createElement(c,{steps:!0,skipButton:!0,nextButton:!0}),closeButton:!0,inverse:!0},a().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),a().createElement("div",{className:"slds-form-element slds-p-top_small"},a().createElement("label",{className:"slds-form-element__label slds-assistive-text",htmlFor:"email-text-input-01"},"Email Address"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("input",{id:"email-text-input-01",className:"slds-input",type:"text",placeholder:"Email Address"}))))},{context:"Walkthrough",id:"action-popover-dark",label:"Action Popover [dark]",element:a().createElement(i.AM,{className:"slds-popover_dark slds-nubbin_left",title:"Dialog Title",closeButton:!0,inverse:!0},a().createElement("div",{className:"slds-media"},a().createElement("div",{className:"slds-media__figure"},a().createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},a().createElement(n.A,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"touch_action"}),a().createElement("span",{className:"slds-assistive-text"},"Description of icon"))),a().createElement("div",{className:"slds-media__body"},a().createElement("p",{className:"slds-text-heading_small"},"Text that describes the action"),a().createElement("p",{className:"slds-m-top_medium slds-text-title"},"Step 3 of 4"))))},{context:"Walkthrough",id:"action-popover-heading-dark",label:"Action Popover - With Heading [dark]",element:a().createElement(i.AM,{className:"slds-popover_dark slds-nubbin_left",headingId:o,closeButton:!0,inverse:!0},a().createElement("div",{className:"slds-media"},a().createElement("div",{className:"slds-media__figure"},a().createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},a().createElement(n.A,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"touch_action"}),a().createElement("span",{className:"slds-assistive-text"},"Description of icon"))),a().createElement("div",{className:"slds-media__body"},a().createElement("h2",{id:o,className:"slds-text-heading_small"},"Action title"),a().createElement("p",null,"Text that describes the action"),a().createElement("p",{className:"slds-m-top_medium slds-text-title"},"Step 3 of 4"))))},{context:"Walkthrough",id:"action-popover-with-link-dark",label:"Action Popover - With Link [dark]",element:a().createElement(i.AM,{className:"slds-popover_dark slds-nubbin_left",headingId:o,closeButton:!0,inverse:!0},a().createElement("div",{className:"slds-media"},a().createElement("div",{className:"slds-media__figure"},a().createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},a().createElement(n.A,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"touch_action"}),a().createElement("span",{className:"slds-assistive-text"},"Description of icon"))),a().createElement("div",{className:"slds-media__body"},a().createElement("h2",{id:o,className:"slds-text-heading_small"},"Action title"),a().createElement("p",null,"Text that describes the action"),a().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"Take Action"),a().createElement("p",{className:"slds-m-top_medium slds-text-title"},"Step 3 of 4"))))},{context:"Walkthrough",deprecated:!0,id:"micro-setup",label:"Deprecated – Micro Setup",element:a().createElement(i.AM,{className:"slds-popover_walkthrough slds-nubbin_left",headingId:o,header:a().createElement(r,{title:"Walkthrough title"}),footer:a().createElement(c,{steps:!0,setupButton:!0,nextButton:!0}),closeButton:!0,inverse:!0},a().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))},{context:"Walkthrough",deprecated:!0,id:"micro-setup-alternate",label:"Deprecated – Micro Setup - Alternate",element:a().createElement(i.AM,{className:"slds-popover_walkthrough slds-nubbin_left",headingId:o,header:a().createElement(r,{title:"Walkthrough title"}),footer:a().createElement(c,{steps:!0,skipButton:!0,setupButton:!0}),closeButton:!0,inverse:!0},a().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))},{context:"Walkthrough",deprecated:!0,id:"micro-setup-in-page",label:"Deprecated – Micro Setup - In Page",element:a().createElement(i.AM,{className:"slds-popover_walkthrough slds-nubbin_bottom",headingId:o,header:a().createElement(r,{title:"Walkthrough title"}),footer:a().createElement(c,{steps:!0,skipButton:!0}),closeButton:!0,inverse:!0},a().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))},{context:"Walkthrough",deprecated:!0,id:"micro-setup-inline-form",label:"Deprecated – Micro Setup - Inline Form",element:a().createElement(i.AM,{className:"slds-popover_walkthrough slds-nubbin_left",headingId:o,header:a().createElement(r,{title:"Walkthrough title"}),footer:a().createElement(c,{steps:!0,skipButton:!0,nextButton:!0}),closeButton:!0,inverse:!0},a().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),a().createElement("div",{className:"slds-form-element slds-p-top_small"},a().createElement("label",{className:"slds-form-element__label slds-assistive-text",htmlFor:"email-text-input-01"},"Email Address"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("input",{id:"email-text-input-01",className:"slds-input",type:"text",placeholder:"Email Address"}))))},{context:"Walkthrough",deprecated:!0,id:"action-popover",label:"Deprecated – Action Popover",element:a().createElement(i.AM,{className:"slds-popover_walkthrough slds-popover_walkthrough-alt slds-nubbin_left",title:"Dialog Title",closeButton:!0,inverse:!0},a().createElement("div",{className:"slds-media"},a().createElement("div",{className:"slds-media__figure"},a().createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},a().createElement(n.A,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"touch_action"}),a().createElement("span",{className:"slds-assistive-text"},"Description of icon"))),a().createElement("div",{className:"slds-media__body"},a().createElement("p",{className:"slds-text-heading_small"},"Text that describes the action"),a().createElement("p",{className:"slds-m-top_medium slds-text-title"},"Step 3 of 4"))))},{context:"Walkthrough",deprecated:!0,id:"action-popover-heading",label:"Deprecated – Action Popover - With Heading",element:a().createElement(i.AM,{className:"slds-popover_walkthrough slds-popover_walkthrough-alt slds-nubbin_left",headingId:o,closeButton:!0,inverse:!0},a().createElement("div",{className:"slds-media"},a().createElement("div",{className:"slds-media__figure"},a().createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},a().createElement(n.A,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"touch_action"}),a().createElement("span",{className:"slds-assistive-text"},"Description of icon"))),a().createElement("div",{className:"slds-media__body"},a().createElement("h2",{id:o,className:"slds-text-heading_small"},"Action title"),a().createElement("p",null,"Text that describes the action"),a().createElement("p",{className:"slds-m-top_medium slds-text-title"},"Step 3 of 4"))))},{context:"Walkthrough",deprecated:!0,id:"action-popover-with-link",label:"Deprecated – Action Popover - With Link",element:a().createElement(i.AM,{className:"slds-popover_walkthrough slds-popover_walkthrough-alt slds-nubbin_left",headingId:o,closeButton:!0,inverse:!0},a().createElement("div",{className:"slds-media"},a().createElement("div",{className:"slds-media__figure"},a().createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},a().createElement(n.A,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"touch_action"}),a().createElement("span",{className:"slds-assistive-text"},"Description of icon"))),a().createElement("div",{className:"slds-media__body"},a().createElement("h2",{id:o,className:"slds-text-heading_small"},"Action title"),a().createElement("p",null,"Text that describes the action"),a().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"Take Action"),a().createElement("p",{className:"slds-m-top_medium slds-text-title"},"Step 3 of 4"))))}]}},l={};function s(e){var a=l[e];if(void 0!==a)return a.exports;var n=l[e]={exports:{}};return t[e](n,n.exports,s),n.exports}s.m=t,s.amdO={},e=[],s.O=function(t,l,a,n){if(!l){var i=1/0;for(d=0;d<e.length;d++){l=e[d][0],a=e[d][1],n=e[d][2];for(var o=!0,r=0;r<l.length;r++)(!1&n||i>=n)&&Object.keys(s.O).every(function(e){return s.O[e](l[r])})?l.splice(r--,1):(o=!1,n<i&&(i=n));if(o){e.splice(d--,1);var c=a();void 0!==c&&(t=c)}}return t}n=n||0;for(var d=e.length;d>0&&e[d-1][2]>n;d--)e[d]=e[d-1];e[d]=[l,a,n]},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,{a:t}),t},s.d=function(e,t){for(var l in t)s.o(t,l)&&!s.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},s.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.j=6317,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,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};s.O.j=function(t){return 0===e[t]};var t=function(t,l){var a,n,i=l[0],o=l[1],r=l[2],c=0;if(i.some(function(t){return 0!==e[t]})){for(a in o)s.o(o,a)&&(s.m[a]=o[a]);if(r)var d=r(s)}for(t&&t(l);c<i.length;c++)n=i[c],s.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return s.O(d)},l=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];l.forEach(t.bind(null,0)),l.push=t.bind(null,l.push.bind(l))}(),s.nc=void 0;var a=s.O(void 0,[6790],function(){return s(4105)});a=s.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/popovers/walkthrough/example.jsx.js"]=a}();