@salesforce-ux/design-system/__internal/chunked/docs/ui/components/progress-bar/docs.mdx.js

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var e,t,l,r={1594:function(e){e.exports=React},1981:function(e){e.exports=JSBeautify},3557:function(e,t,l){l.r(t),l.d(t,{getContents:function(){return y},getElement:function(){return S}});var r=l(1594),n=l.n(r),a=l(5671),c=l(6547),s=l(2436),o=l(9582),i=(l(5619),l(806)),m=l(942),u=l.n(m),d=l(4231),p=function(e){var t=i.Ay.uniqueId("progress-bar-label-id-");return n().createElement("div",{className:e.className},n().createElement("div",{className:"slds-grid slds-grid_align-spread slds-p-bottom_x-small",id:t},n().createElement("span",null,e.label),n().createElement("span",{"aria-hidden":"true"},n().createElement("strong",null,"".concat(e.value,"% Complete")))),n().createElement(d.z,{className:u()(e.barClassName),value:e.value,"aria-labelledby":t,isSuccess:e.isSuccess}))},f=n().createElement(d.z,{value:"25"}),E=[{id:"zero",label:"0% complete",element:n().createElement(d.z,{value:"0"})},{id:"25",label:"25% complete",element:n().createElement(d.z,{value:"25"})},{id:"50",label:"50% complete",element:n().createElement(d.z,{value:"50"})},{id:"75",label:"75% complete",element:n().createElement(d.z,{value:"75"})},{id:"100",label:"100% complete",element:n().createElement(d.z,{value:"100"})},{id:"success",label:"Success Color",element:n().createElement(d.z,{isSuccess:!0,value:"100"})}],b=[{id:"progress-bar-descriptive",label:"Descriptive Progress Bar",element:n().createElement(p,{label:"Einstein Setup Assistant",value:"25"})},{id:"circular",label:"Circular",element:n().createElement(d.z,{className:"slds-progress-bar_circular",value:"75"})},{id:"thickness-x-small",label:"X-Small Thickness",element:n().createElement(d.z,{className:"slds-progress-bar_x-small",value:"75"})},{id:"thickness-small",label:"Small Thickness",element:n().createElement(d.z,{className:"slds-progress-bar_small",value:"75"})},{id:"thickness-medium",label:"Medium Thickness",element:n().createElement(d.z,{className:"slds-progress-bar_medium",value:"75"})},{id:"thickness-large",label:"Large Thickness",element:n().createElement(d.z,{className:"slds-progress-bar_large",value:"75"})}],g=n().createElement(d.z,{value:"25",isVertical:!0}),v=[{id:"zero",label:"0% complete",element:n().createElement(d.z,{value:"0",isVertical:!0})},{id:"25",label:"25% complete",element:n().createElement(d.z,{value:"25",isVertical:!0})},{id:"50",label:"50% complete",element:n().createElement(d.z,{value:"50",isVertical:!0})},{id:"75",label:"75% complete",element:n().createElement(d.z,{value:"75",isVertical:!0})},{id:"100",label:"100% complete",element:n().createElement(d.z,{value:"100",isVertical:!0})}],h=a.XB.h2,O=a.XB.h3,S=function(){return(0,r.createElement)(a.Ay,{},(0,r.createElement)("div",{className:"doc lead"},"A progress bar component communicates to the user the progress of a particular process."),(0,r.createElement)(c.A,{exampleOnly:!0},(0,i.NO)(b,"progress-bar-descriptive")),h({id:"About-Progress-Bar"},"About Progress Bar"),h({id:"Base"},"Base"),(0,r.createElement)(c.A,null,(0,i.NO)(f)),O({id:"States"},"States"),O({id:"0percent-complete"},"0% complete"),(0,r.createElement)(c.A,null,(0,i.NO)(E,"zero")),O({id:"25percent-complete"},"25% complete"),(0,r.createElement)(c.A,null,(0,i.NO)(E,"25")),O({id:"50percent-complete"},"50% complete"),(0,r.createElement)(c.A,null,(0,i.NO)(E,"50")),O({id:"75percent-complete"},"75% complete"),(0,r.createElement)(c.A,null,(0,i.NO)(E,"75")),O({id:"100percent-complete"},"100% complete"),(0,r.createElement)(c.A,null,(0,i.NO)(E,"100")),O({id:"Success-Color"},"Success Color"),(0,r.createElement)(c.A,null,(0,i.NO)(E,"success")),h({id:"Examples"},"Examples"),O({id:"Descriptive-Progress-Bar"},"Descriptive Progress Bar"),(0,r.createElement)(c.A,null,(0,i.NO)(b,"progress-bar-descriptive")),h({id:"Vertical"},"Vertical"),(0,r.createElement)(c.A,{demoStyles:"height: 200px;"},(0,i.NO)(g)),h({id:"States-2"},"States"),O({id:"0percent-complete-2"},"0% complete"),(0,r.createElement)(c.A,{demoStyles:"height: 200px;"},(0,i.NO)(v,"zero")),O({id:"25percent-complete-2"},"25% complete"),(0,r.createElement)(c.A,{demoStyles:"height: 200px;"},(0,i.NO)(v,"25")),O({id:"50percent-complete-2"},"50% complete"),(0,r.createElement)(c.A,{demoStyles:"height: 200px;"},(0,i.NO)(v,"50")),O({id:"75percent-complete-2"},"75% complete"),(0,r.createElement)(c.A,{demoStyles:"height: 200px;"},(0,i.NO)(v,"75")),O({id:"100percent-complete-2"},"100% complete"),(0,r.createElement)(c.A,{demoStyles:"height: 200px;"},(0,i.NO)(v,"100")),h({id:"Modifiers"},"Modifiers"),O({id:"Radius"},"Radius"),(0,r.createElement)(c.A,null,(0,i.NO)(b,"circular")),O({id:"Thickness"},"Thickness"),(0,r.createElement)(o.A,null,(0,r.createElement)(s.A,null,(0,r.createElement)("strong",null,"X-Small"),(0,r.createElement)(c.A,{toggleCode:!1},(0,i.NO)(b,"thickness-x-small"))),(0,r.createElement)(s.A,null,(0,r.createElement)("strong",null,"Small"),(0,r.createElement)(c.A,{toggleCode:!1},(0,i.NO)(b,"thickness-small"))),(0,r.createElement)(s.A,null,(0,r.createElement)("strong",null,"Medium"),(0,r.createElement)(c.A,{toggleCode:!1},(0,i.NO)(b,"thickness-medium"))),(0,r.createElement)(s.A,null,(0,r.createElement)("strong",null,"Large"),(0,r.createElement)(c.A,{toggleCode:!1},(0,i.NO)(b,"thickness-large")))))},y=function(){return(0,a.Qr)(S())}},5206:function(e){e.exports=ReactDOM}},n={};function a(e){var t=n[e];if(void 0!==t)return t.exports;var l=n[e]={id:e,exports:{}};return r[e](l,l.exports,a),l.exports}a.m=r,a.amdO={},e=[],a.O=function(t,l,r,n){if(!l){var c=1/0;for(m=0;m<e.length;m++){l=e[m][0],r=e[m][1],n=e[m][2];for(var s=!0,o=0;o<l.length;o++)(!1&n||c>=n)&&Object.keys(a.O).every(function(e){return a.O[e](l[o])})?l.splice(o--,1):(s=!1,n<c&&(c=n));if(s){e.splice(m--,1);var i=r();void 0!==i&&(t=i)}}return t}n=n||0;for(var m=e.length;m>0&&e[m-1][2]>n;m--)e[m]=e[m-1];e[m]=[l,r,n]},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},l=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},a.t=function(e,r){if(1&r&&(e=this(e)),8&r)return e;if("object"==typeof e&&e){if(4&r&&e.__esModule)return e;if(16&r&&"function"==typeof e.then)return e}var n=Object.create(null);a.r(n);var c={};t=t||[null,l({}),l([]),l(l)];for(var s=2&r&&e;("object"==typeof s||"function"==typeof s)&&!~t.indexOf(s);s=l(s))Object.getOwnPropertyNames(s).forEach(function(t){c[t]=function(){return e[t]}});return c.default=function(){return e},a.d(n,c),n},a.d=function(e,t){for(var l in t)a.o(t,l)&&!a.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},a.e=function(){return Promise.resolve()},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=7174,function(){var e={7174:0};a.O.j=function(t){return 0===e[t]};var t=function(t,l){var r,n,c=l[0],s=l[1],o=l[2],i=0;if(c.some(function(t){return 0!==e[t]})){for(r in s)a.o(s,r)&&(a.m[r]=s[r]);if(o)var m=o(a)}for(t&&t(l);i<c.length;i++)n=c[i],a.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return a.O(m)},l=self.webpackJsonpSLDS___internal_chunked_docs=self.webpackJsonpSLDS___internal_chunked_docs||[];l.forEach(t.bind(null,0)),l.push=t.bind(null,l.push.bind(l))}(),a.nc=void 0;var c=a.O(void 0,[3540],function(){return a(3557)});c=a.O(c),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/docs/./ui/components/progress-bar/docs.mdx.js"]=c}();