@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 6.42 kB
JavaScript
var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},8683:function(e,t,l){l.r(t),l.d(t,{Progress:function(){return i},Step:function(){return u},examples:function(){return E},states:function(){return p}});var n=l(1594),a=l.n(n),r=l(942),s=l.n(r),c=l(4216),o=l(8347),m=l(1766),d=l(4231),i=function(e){return a().createElement("div",{className:s()("slds-progress",e.className)},a().createElement("ol",{className:"slds-progress__list"},e.children),a().createElement(d.z,{className:"slds-progress-bar_x-small",value:e.value}))},u=function(e){return a().createElement("li",{className:s()("slds-progress__item",e.className,e.active?"slds-is-active":null,e.done?"slds-is-completed":null,e.error?"slds-has-error":null)},e.done&&!e.error?a().createElement("div",{className:"slds-progress__marker slds-progress__marker_icon",tabIndex:"0"},a().createElement(o.A,{className:"slds-icon slds-icon_xx-small",sprite:"utility",symbol:"success"}),a().createElement("span",{className:"slds-assistive-text"},e.done?e.children+" - Completed":null)):e.error?a().createElement("div",{className:"slds-progress__marker slds-progress__marker_icon",tabIndex:"0"},a().createElement(o.A,{className:"slds-icon slds-icon_xx-small",sprite:"utility",symbol:"error"}),a().createElement("span",{className:"slds-assistive-text"},e.error?e.children+" - Error":null)):a().createElement("div",{className:"slds-progress__marker",tabIndex:"0"},a().createElement("span",{className:"slds-assistive-text"},e.children," ",e.active?"- Active":null)))};t.default=[{id:"default",label:"Default",element:a().createElement("div",{className:"demo-only",style:{padding:"1rem"}},a().createElement(i,{value:"0"},a().createElement(u,{active:!0},"Step 1"),a().createElement(u,null,"Step 2"),a().createElement(u,null,"Step 3"),a().createElement(u,null,"Step 4"),a().createElement(u,null,"Step 5")))}];var p=[{id:"next-step",label:"Next Step",element:a().createElement("div",{className:"demo-only",style:{padding:"1rem"}},a().createElement(i,{value:"25"},a().createElement(u,{done:!0},"Step 1"),a().createElement(u,{active:!0},"Step 2"),a().createElement(u,null,"Step 3"),a().createElement(u,null,"Step 4"),a().createElement(u,null,"Step 5")))},{id:"has-error",label:"Step - Error",element:a().createElement("div",{className:"demo-only",style:{padding:"1rem"}},a().createElement(i,{value:"25"},a().createElement(u,{done:!0},"Step 1"),a().createElement(u,{error:!0},"Step 2"),a().createElement(u,null,"Step 3"),a().createElement(u,null,"Step 4"),a().createElement(u,null,"Step 5")))},{id:"tooltip",label:"Tooltip",element:a().createElement("div",{className:"demo-only",style:{padding:"3rem 1rem 0"}},a().createElement(i,{value:"50"},a().createElement(u,{done:!0},"Step 1"),a().createElement(u,{done:!0},"Step 2"),a().createElement(u,{active:!0,"aria-describedby":"step-3-tooltip"},"Step 3"),a().createElement(u,null,"Step 4"),a().createElement(u,null,"Step 5")),a().createElement(c.Tooltip,{className:"slds-nubbin_bottom",id:"step-3-tooltip",style:{position:"absolute",top:"0px",left:"calc(50% + 7px)",transform:"translateX(-50%)"}},"Verify Email"))}],E=[{id:"modal",label:"In a modal",element:a().createElement("div",{className:"demo-only",style:{height:"640px"}},a().createElement(m.Backdrop,null,a().createElement(m.Modal,{className:"slds-modal_large","aria-labelledby":"header43"},a().createElement(m.ModalHeader,null,a().createElement("h1",{id:"header43",className:"slds-text-heading_medium"},"Modal header")),a().createElement(m.ModalContent,{className:"slds-grow slds-p-around_medium"}),a().createElement(m.ModalFooter,{className:"slds-grid slds-grid_align-spread"},a().createElement("button",{className:"slds-button slds-button_neutral","aria-label":"Cancel and close"},"Cancel"),a().createElement(i,{className:"slds-progress_shade",value:"25"},a().createElement(u,{done:!0},"Step 1"),a().createElement(u,{active:!0},"Step 2"),a().createElement(u,null,"Step 3"),a().createElement(u,null,"Step 4"),a().createElement(u,null,"Step 5")),a().createElement("button",{className:"slds-button slds-button_brand"},"Save")))))},{id:"shade",label:"On a gray background",element:a().createElement("div",{className:"demo-only",style:{background:"#F3F2F2",padding:"1rem"}},a().createElement(i,{className:"slds-progress_shade",value:"25"},a().createElement(u,{done:!0},"Step 1"),a().createElement(u,{active:!0},"Step 2"),a().createElement(u,null,"Step 3"),a().createElement(u,null,"Step 4"),a().createElement(u,null,"Step 5")))}]}},l={};function n(e){var a=l[e];if(void 0!==a)return a.exports;var r=l[e]={exports:{}};return t[e](r,r.exports,n),r.exports}n.m=t,n.amdO={},e=[],n.O=function(t,l,a,r){if(!l){var s=1/0;for(d=0;d<e.length;d++){l=e[d][0],a=e[d][1],r=e[d][2];for(var c=!0,o=0;o<l.length;o++)(!1&r||s>=r)&&Object.keys(n.O).every(function(e){return n.O[e](l[o])})?l.splice(o--,1):(c=!1,r<s&&(s=r));if(c){e.splice(d--,1);var m=a();void 0!==m&&(t=m)}}return t}r=r||0;for(var d=e.length;d>0&&e[d-1][2]>r;d--)e[d]=e[d-1];e[d]=[l,a,r]},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var l in t)n.o(t,l)&&!n.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.j=2233,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2233:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};n.O.j=function(t){return 0===e[t]};var t=function(t,l){var a,r,s=l[0],c=l[1],o=l[2],m=0;if(s.some(function(t){return 0!==e[t]})){for(a in c)n.o(c,a)&&(n.m[a]=c[a]);if(o)var d=o(n)}for(t&&t(l);m<s.length;m++)r=s[m],n.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return n.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))}(),n.nc=void 0;var a=n.O(void 0,[6790],function(){return n(8683)});a=n.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/progress-indicator/base/example.jsx.js"]=a}();