@sps-woodland/core 8.56.2 → 8.56.4

package/lib/progress-indicators/index.umd.cjs

@@ -1 +1 @@
-(function(t,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/core/button"),require("@spscommerce/ds-react"),require("@spscommerce/i18n"),require("@sps-woodland/tokens")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/core/button","@spscommerce/ds-react","@spscommerce/i18n","@sps-woodland/tokens"],h):(t=typeof globalThis<"u"?globalThis:t||self,h(t.ProgressIndicators={},t.react,t.spsWoodlandCore,t.spsWoodlandCoreButton,t.spscommerceDsReact,t.spscommerceI18n,t.spsWoodlandTokens))})(this,(function(t,h,d,B,E,N,c){"use strict";function O(_){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(_){for(const r in _)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(_,r);Object.defineProperty(e,r,s.get?s:{enumerable:!0,get:()=>_[r]})}}return e.default=_,Object.freeze(e)}const o=O(h);function V(_,e,r){return e in _?Object.defineProperty(_,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):_[e]=r,_}function b(_,e){var r=Object.keys(_);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(_);e&&(s=s.filter(function(n){return Object.getOwnPropertyDescriptor(_,n).enumerable})),r.push.apply(r,s)}return r}function C(_){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?b(Object(r),!0).forEach(function(s){V(_,s,r[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(_,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach(function(s){Object.defineProperty(_,s,Object.getOwnPropertyDescriptor(r,s))})}return _}var T=(_,e,r)=>{for(var s of Object.keys(_)){var n;if(_[s]!==((n=e[s])!==null&&n!==void 0?n:r[s]))return!1}return!0},g=_=>e=>{var r=_.defaultClassName,s=C(C({},_.defaultVariants),e);for(var n in s){var a,i=(a=s[n])!==null&&a!==void 0?a:_.defaultVariants[n];if(i!=null){var l=i;typeof l=="boolean"&&(l=l===!0?"true":"false");var p=_.variantClassNames[n][l];p&&(r+=" "+p)}}for(var[m,w]of _.compoundVariants)T(m,s,_.defaultVariants)&&(r+=" "+w);return r},j="pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aq0",S="pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aq1",D="pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aq2",I="pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aq3",M="pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aq4",R=g({defaultClassName:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aq5",variantClassNames:{completed:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aq6",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aq7"},disabled:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aq8",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aq9"},color:{purple:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqa",blue:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqb",red:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqc",orange:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqd",grey:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqe"}},defaultVariants:{completed:!1,disabled:!1,color:"purple"},compoundVariants:[]}),W=g({defaultClassName:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqf",variantClassNames:{disabled:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqg",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqh"}},defaultVariants:{disabled:!1},compoundVariants:[]}),x=g({defaultClassName:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqi",variantClassNames:{completed:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqj",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqk"},disabled:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aql",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqm"},color:{purple:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqn",blue:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqo",red:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqp",orange:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqq",grey:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqr"}},defaultVariants:{completed:!1,disabled:!1,color:"purple"},compoundVariants:[[{completed:!0,disabled:!0},"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqs"]]}),$="pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqt",F=g({defaultClassName:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf80",variantClassNames:{barCompleted:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf81",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf82"},disabled:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf83",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf84"},color:{purple:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf85",blue:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf86",red:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf87",orange:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf88",grey:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf89"}},defaultVariants:{barCompleted:!1,disabled:!1,color:"purple"},compoundVariants:[]}),A=g({defaultClassName:"",variantClassNames:{barCompleted:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8a",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8b"},color:{purple:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8c",blue:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8d",red:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8e",orange:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8f",grey:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8g"},disabled:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8h",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8i"}},defaultVariants:{barCompleted:!1,color:"purple",disabled:!1},compoundVariants:[]}),H=g({defaultClassName:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8j",variantClassNames:{stepCompleted:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8k",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8l"}},defaultVariants:{stepCompleted:!1},compoundVariants:[]}),K=g({defaultClassName:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8m",variantClassNames:{stepCompleted:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8n",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8o"},disabled:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8p",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8q"},barCompleted:{true:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8r",false:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8s"},color:{purple:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8t",red:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8u",blue:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8v",orange:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8w",grey:"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8x"}},defaultVariants:{stepCompleted:!1,disabled:!1,barCompleted:!1,color:"purple"},compoundVariants:[[{barCompleted:!0,disabled:!0},"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8y"],[{barCompleted:!0,disabled:!1},"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8z"],[{stepCompleted:!0,disabled:!0},"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf810"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"purple"},"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf811"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"red"},"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf812"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"blue"},"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf813"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"orange"},"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf814"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"grey"},"pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf815"]]});function y({className:_,title:e,description:r,icon:s,complete:n=!1,disabled:a,barCompleted:i,progressColor:l,...p}){const m=d.useElementId().current||void 0;return o.createElement("li",{id:m,className:d.cl(K({stepCompleted:n,disabled:a,barCompleted:i,color:l}),_),...p},s&&o.createElement(d.Icon,{icon:s,size:"sm",className:H({stepCompleted:n&&!a})}),e&&m&&o.createElement(E.SpsTooltip,{for:m,title:e},r))}d.Metadata.set(y,{name:"ProgressBarStep",props:{icon:{type:"IconName"},complete:{type:"boolean"},title:{type:"string"},description:{type:"string"}}});function q({className:_,children:e,detail:r,disabled:s,onClose:n,percentComplete:a=0,title:i,showStepsCounter:l,progressColor:p="purple",...m}){const{t:w}=N.useWoodlandLanguage(),[v,L]=o.useState([]),[f]=d.selectChildren(e,[{type:y}]);o.useEffect(()=>{const u=[];f.forEach(k=>{k.hasOwnProperty("props")&&k.props.complete===!0&&u.push(k),L(u)})},[]),a&&f&&console.warn(["The percentComplete prop can't be used with the ProgressBarStep subcomponent.","The progress will be determined by how many nested ProgressBarStep components have the completed prop."].join(" "));const G=o.Children.map(e,u=>o.isValidElement(u)?o.cloneElement(u,{disabled:s,barCompleted:v.length===f.length,progressColor:p}):u);return o.createElement("div",{className:d.cl(j,_),...m},o.createElement("div",{className:S},i&&o.createElement("div",{className:I},o.createElement("div",{className:M},i),f.length>0?o.createElement(o.Fragment,null,l===!0&&o.createElement("div",{className:F({barCompleted:v.length===f.length,disabled:s,color:p})},`${v.length} of ${f.length} Complete`)):o.createElement("div",{className:R({completed:a===1,disabled:s,color:p})},`${Math.floor(a*100)}%`)),f.length>0?o.createElement("ul",{className:d.cl(A({barCompleted:v.length===f.length,disabled:s,color:p}),"d-flex align-items-center list-unstyled mb-0")},G):o.createElement("div",{className:W({disabled:s})},o.createElement("div",{className:x({completed:a===1,disabled:s,color:p}),style:{width:`${a*100}%`}})),r&&o.createElement("div",{className:$},r)),n&&a!==1&&o.createElement("div",{className:D},o.createElement(B.Button,{kind:"icon",icon:"x",onClick:n,title:w("progressBar.closeButtonTitle",{defaultValue:"Close progress bar"})})))}d.Metadata.set(q,{name:"Progress Bar",props:{detail:{type:"string"},disabled:{type:"boolean"},onClose:{type:"() => void"},percentComplete:{type:"number",default:"0"},progressColor:{type:'"purple" | "blue" | "red" | "orange" | "grey"',default:'"purple"'}}});function P({className:_,size:e="sm",progress:r=0,...s}){const a=c.Tokens.component["progress-ring"][e]-4,i=a*2*Math.PI,l=i-r/100*i;return o.createElement("div",{className:_,...s},o.createElement("svg",{height:c.Tokens.component["progress-ring"][e]*2,width:c.Tokens.component["progress-ring"][e]*2,style:{transform:"rotate(-90deg)"}},o.createElement("circle",{stroke:c.Tokens.color.grey["medium-light"],fill:"transparent",strokeWidth:4,strokeDasharray:`${i} ${i}`,r:a,cx:c.Tokens.component["progress-ring"][e],cy:c.Tokens.component["progress-ring"][e]}),o.createElement("circle",{stroke:c.Tokens.color.purple.medium,fill:"transparent",strokeWidth:4,strokeDasharray:`${i} ${i}`,style:{strokeDashoffset:l},r:a,cx:c.Tokens.component["progress-ring"][e],cy:c.Tokens.component["progress-ring"][e]})))}d.Metadata.set(P,{name:"Progress Ring",props:{size:{type:'"sm" | "md" | "lg"',default:'"sm"'},progress:{type:"number",default:"0"}}}),t.ProgressBar=q,t.ProgressBarStep=y,t.ProgressRing=P,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/core/button"),require("@spscommerce/ds-react"),require("@spscommerce/i18n"),require("@sps-woodland/tokens")):typeof define==`function`&&define.amd?define([`exports`,`react`,`@sps-woodland/core`,`@sps-woodland/core/button`,`@spscommerce/ds-react`,`@spscommerce/i18n`,`@sps-woodland/tokens`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ProgressIndicators={},e.react,e.spsWoodlandCore,e.spsWoodlandCoreButton,e.spscommerceDsReact,e.spscommerceI18n,e.spsWoodlandTokens))})(this,function(e,t,n,r,i,a,o){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var s=Object.create,c=Object.defineProperty,l=Object.getOwnPropertyDescriptor,u=Object.getOwnPropertyNames,d=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty,p=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=u(t),a=0,o=i.length,s;a<o;a++)s=i[a],!f.call(e,s)&&s!==n&&c(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=l(t,s))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:s(d(e)),p(t||!e||!e.__esModule||!f.call(e,`default`)?c(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function g(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?h(Object(n),!0).forEach(function(t){m(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var _=(e,t,n)=>{for(var r of Object.keys(e))if(e[r]!==(t[r]??n[r]))return!1;return!0},v=e=>t=>{var n=e.defaultClassName,r=g(g({},e.defaultVariants),t);for(var i in r){var a=r[i]??e.defaultVariants[i];if(a!=null){var o=a;typeof o==`boolean`&&(o=o===!0?`true`:`false`);var s=e.variantClassNames[i][o];s&&(n+=` `+s)}}for(var[c,l]of e.compoundVariants)_(c,r,e.defaultVariants)&&(n+=` `+l);return n},y=`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aq0`,b=`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aq1`,x=v({defaultClassName:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aq5`,variantClassNames:{completed:{true:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aq6`,false:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aq7`},disabled:{true:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aq8`,false:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aq9`},color:{purple:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqa`,blue:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqb`,red:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqc`,orange:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqd`,grey:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqe`}},defaultVariants:{completed:!1,disabled:!1,color:`purple`},compoundVariants:[]}),S=v({defaultClassName:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqf`,variantClassNames:{disabled:{true:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqg`,false:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqh`}},defaultVariants:{disabled:!1},compoundVariants:[]}),C=v({defaultClassName:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqi`,variantClassNames:{completed:{true:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqj`,false:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqk`},disabled:{true:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aql`,false:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqm`},color:{purple:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqn`,blue:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqo`,red:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqp`,orange:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqq`,grey:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqr`}},defaultVariants:{completed:!1,disabled:!1,color:`purple`},compoundVariants:[[{completed:!0,disabled:!0},`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqs`]]}),w=v({defaultClassName:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf80`,variantClassNames:{barCompleted:{true:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf81`,false:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf82`},disabled:{true:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf83`,false:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf84`},color:{purple:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf85`,blue:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf86`,red:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf87`,orange:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf88`,grey:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf89`}},defaultVariants:{barCompleted:!1,disabled:!1,color:`purple`},compoundVariants:[]}),T=v({defaultClassName:``,variantClassNames:{barCompleted:{true:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8a`,false:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8b`},color:{purple:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8c`,blue:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8d`,red:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8e`,orange:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8f`,grey:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8g`},disabled:{true:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8h`,false:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8i`}},defaultVariants:{barCompleted:!1,color:`purple`,disabled:!1},compoundVariants:[]}),E=v({defaultClassName:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8j`,variantClassNames:{stepCompleted:{true:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8k`,false:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8l`}},defaultVariants:{stepCompleted:!1},compoundVariants:[]}),D=v({defaultClassName:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8m`,variantClassNames:{stepCompleted:{true:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8n`,false:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8o`},disabled:{true:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8p`,false:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8q`},barCompleted:{true:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8r`,false:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8s`},color:{purple:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8t`,red:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8u`,blue:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8v`,orange:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8w`,grey:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8x`}},defaultVariants:{stepCompleted:!1,disabled:!1,barCompleted:!1,color:`purple`},compoundVariants:[[{barCompleted:!0,disabled:!0},`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8y`],[{barCompleted:!0,disabled:!1},`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8z`],[{stepCompleted:!0,disabled:!0},`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf810`],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:`purple`},`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf811`],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:`red`},`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf812`],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:`blue`},`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf813`],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:`orange`},`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf814`],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:`grey`},`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf815`]]});function O({className:e,title:r,description:a,icon:o,complete:s=!1,disabled:c,barCompleted:l,progressColor:u,...d}){let f=(0,n.useElementId)().current||void 0;return t.createElement(`li`,{id:f,className:(0,n.cl)(D({stepCompleted:s,disabled:c,barCompleted:l,color:u}),e),...d},o&&t.createElement(n.Icon,{icon:o,size:`sm`,className:E({stepCompleted:s&&!c})}),r&&f&&t.createElement(i.SpsTooltip,{for:f,title:r},a))}n.Metadata.set(O,{name:`ProgressBarStep`,props:{icon:{type:`IconName`},complete:{type:`boolean`},title:{type:`string`},description:{type:`string`}}});function k({className:e,children:i,detail:o,disabled:s,onClose:c,percentComplete:l=0,title:u,showStepsCounter:d,progressColor:f=`purple`,...p}){let{t:m}=(0,a.useWoodlandLanguage)(),[h,g]=t.useState([]),[_]=(0,n.selectChildren)(i,[{type:O}]);t.useEffect(()=>{let e=[];_.forEach(t=>{t.hasOwnProperty(`props`)&&t.props.complete===!0&&e.push(t),g(e)})},[]),l&&_&&console.warn([`The percentComplete prop can't be used with the ProgressBarStep subcomponent.`,`The progress will be determined by how many nested ProgressBarStep components have the completed prop.`].join(` `));let v=t.Children.map(i,e=>t.isValidElement(e)?t.cloneElement(e,{disabled:s,barCompleted:h.length===_.length,progressColor:f}):e);return t.createElement(`div`,{className:(0,n.cl)(y,e),...p},t.createElement(`div`,{className:b},u&&t.createElement(`div`,{className:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aq3`},t.createElement(`div`,{className:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aq4`},u),_.length>0?t.createElement(t.Fragment,null,d===!0&&t.createElement(`div`,{className:w({barCompleted:h.length===_.length,disabled:s,color:f})},`${h.length} of ${_.length} Complete`)):t.createElement(`div`,{className:x({completed:l===1,disabled:s,color:f})},`${Math.floor(l*100)}%`)),_.length>0?t.createElement(`ul`,{className:(0,n.cl)(T({barCompleted:h.length===_.length,disabled:s,color:f}),`d-flex align-items-center list-unstyled mb-0`)},v):t.createElement(`div`,{className:S({disabled:s})},t.createElement(`div`,{className:C({completed:l===1,disabled:s,color:f}),style:{width:`${l*100}%`}})),o&&t.createElement(`div`,{className:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqt`},o)),c&&l!==1&&t.createElement(`div`,{className:`pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aq2`},t.createElement(r.Button,{kind:`icon`,icon:`x`,onClick:c,title:m(`progressBar.closeButtonTitle`,{defaultValue:`Close progress bar`})})))}n.Metadata.set(k,{name:`Progress Bar`,props:{detail:{type:`string`},disabled:{type:`boolean`},onClose:{type:`() => void`},percentComplete:{type:`number`,default:`0`},progressColor:{type:`"purple" | "blue" | "red" | "orange" | "grey"`,default:`"purple"`}}});function A({className:e,size:n=`sm`,progress:r=0,...i}){let a=o.Tokens.component[`progress-ring`][n]-4,s=a*2*Math.PI,c=s-r/100*s;return t.createElement(`div`,{className:e,...i},t.createElement(`svg`,{height:o.Tokens.component[`progress-ring`][n]*2,width:o.Tokens.component[`progress-ring`][n]*2,style:{transform:`rotate(-90deg)`}},t.createElement(`circle`,{stroke:o.Tokens.color.grey[`medium-light`],fill:`transparent`,strokeWidth:4,strokeDasharray:`${s} ${s}`,r:a,cx:o.Tokens.component[`progress-ring`][n],cy:o.Tokens.component[`progress-ring`][n]}),t.createElement(`circle`,{stroke:o.Tokens.color.purple.medium,fill:`transparent`,strokeWidth:4,strokeDasharray:`${s} ${s}`,style:{strokeDashoffset:c},r:a,cx:o.Tokens.component[`progress-ring`][n],cy:o.Tokens.component[`progress-ring`][n]})))}n.Metadata.set(A,{name:`Progress Ring`,props:{size:{type:`"sm" | "md" | "lg"`,default:`"sm"`},progress:{type:`number`,default:`0`}}}),e.ProgressBar=k,e.ProgressBarStep=O,e.ProgressRing=A});

package/lib/progress-indicators/progress-bar/ProgressBar.js

@@ -1,112 +1,68 @@
-import * as e from "react";
-import { Metadata as v, selectChildren as y, cl as i } from "@sps-woodland/core";
-import { Button as N } from "@sps-woodland/core/button";
-import { progressBar as P, progressBarContent as b, progressBarHeading as S, progressBarTitle as w, progressBarPercentage as C, progressBarBackground as k, progressBarProgress as T, progressBarDetail as $, progressBarCloseButton as x } from "./ProgressBar.ve.js";
-import { ProgressBarStep as M } from "./progress-bar-step/ProgressBarStep.js";
-import { progressBarStepsComplete as V, progressBarStepBackground as W } from "./progress-bar-step/ProgressBarStep.ve.js";
-import { useWoodlandLanguage as j } from "@spscommerce/i18n";
-function D({
-  className: d,
-  children: m,
-  detail: p,
-  disabled: r,
-  onClose: c,
-  percentComplete: s = 0,
-  title: g,
-  showStepsCounter: u,
-  progressColor: a = "purple",
-  ...h
-}) {
-  const { t: B } = j(), [l, f] = e.useState([]), [t] = y(m, [
-    { type: M }
-  ]);
-  e.useEffect(() => {
-    const o = [];
-    t.forEach((n) => {
-      n.hasOwnProperty("props") && n.props.complete === !0 && o.push(n), f(o);
-    });
-  }, []), s && t && console.warn(
-    [
-      "The percentComplete prop can't be used with the ProgressBarStep subcomponent.",
-      "The progress will be determined by how many nested ProgressBarStep components have the completed prop."
-    ].join(" ")
-  );
-  const E = e.Children.map(m, (o) => e.isValidElement(o) ? e.cloneElement(o, {
-    disabled: r,
-    barCompleted: l.length === t.length,
-    progressColor: a
-  }) : o);
-  return /* @__PURE__ */ e.createElement("div", { className: i(P, d), ...h }, /* @__PURE__ */ e.createElement("div", { className: b }, g && /* @__PURE__ */ e.createElement("div", { className: S }, /* @__PURE__ */ e.createElement("div", { className: w }, g), t.length > 0 ? /* @__PURE__ */ e.createElement(e.Fragment, null, u === !0 && /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      className: V({
-        barCompleted: l.length === t.length,
-        disabled: r,
-        color: a
-      })
-    },
-    `${l.length} of ${t.length} Complete`
-  )) : /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      className: C({
-        completed: s === 1,
-        disabled: r,
-        color: a
-      })
-    },
-    `${Math.floor(s * 100)}%`
-  )), t.length > 0 ? /* @__PURE__ */ e.createElement(
-    "ul",
-    {
-      className: i(
-        W({
-          barCompleted: l.length === t.length,
-          disabled: r,
-          color: a
-        }),
-        "d-flex align-items-center list-unstyled mb-0"
-      )
-    },
-    E
-  ) : /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      className: k({
-        disabled: r
-      })
-    },
-    /* @__PURE__ */ e.createElement(
-      "div",
-      {
-        className: T({
-          completed: s === 1,
-          disabled: r,
-          color: a
-        }),
-        style: { width: `${s * 100}%` }
-      }
-    )
-  ), p && /* @__PURE__ */ e.createElement("div", { className: $ }, p)), c && s !== 1 && /* @__PURE__ */ e.createElement("div", { className: x }, /* @__PURE__ */ e.createElement(
-    N,
-    {
-      kind: "icon",
-      icon: "x",
-      onClick: c,
-      title: B("progressBar.closeButtonTitle", { defaultValue: "Close progress bar" })
-    }
-  )));
+import { progressBar as e, progressBarBackground as t, progressBarContent as n, progressBarPercentage as r, progressBarProgress as i } from "./ProgressBar.ve.js";
+import { progressBarStepBackground as a, progressBarStepsComplete as o } from "./progress-bar-step/ProgressBarStep.ve.js";
+import { ProgressBarStep as s } from "./progress-bar-step/ProgressBarStep.js";
+import { Metadata as c, cl as l, selectChildren as u } from "@sps-woodland/core";
+import * as d from "react";
+import { useWoodlandLanguage as f } from "@spscommerce/i18n";
+import { Button as p } from "@sps-woodland/core/button";
+//#region src/progress-indicators/progress-bar/ProgressBar.tsx
+function m({ className: c, children: m, detail: h, disabled: g, onClose: _, percentComplete: v = 0, title: y, showStepsCounter: b, progressColor: x = "purple", ...S }) {
+	let { t: C } = f(), [w, T] = d.useState([]), [E] = u(m, [{ type: s }]);
+	d.useEffect(() => {
+		let e = [];
+		E.forEach((t) => {
+			t.hasOwnProperty("props") && t.props.complete === !0 && e.push(t), T(e);
+		});
+	}, []), v && E && console.warn(["The percentComplete prop can't be used with the ProgressBarStep subcomponent.", "The progress will be determined by how many nested ProgressBarStep components have the completed prop."].join(" "));
+	let D = d.Children.map(m, (e) => d.isValidElement(e) ? d.cloneElement(e, {
+		disabled: g,
+		barCompleted: w.length === E.length,
+		progressColor: x
+	}) : e);
+	return /* @__PURE__ */ d.createElement("div", {
+		className: l(e, c),
+		...S
+	}, /* @__PURE__ */ d.createElement("div", { className: n }, y && /* @__PURE__ */ d.createElement("div", { className: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aq3" }, /* @__PURE__ */ d.createElement("div", { className: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aq4" }, y), E.length > 0 ? /* @__PURE__ */ d.createElement(d.Fragment, null, b === !0 && /* @__PURE__ */ d.createElement("div", { className: o({
+		barCompleted: w.length === E.length,
+		disabled: g,
+		color: x
+	}) }, `${w.length} of ${E.length} Complete`)) : /* @__PURE__ */ d.createElement("div", { className: r({
+		completed: v === 1,
+		disabled: g,
+		color: x
+	}) }, `${Math.floor(v * 100)}%`)), E.length > 0 ? /* @__PURE__ */ d.createElement("ul", { className: l(a({
+		barCompleted: w.length === E.length,
+		disabled: g,
+		color: x
+	}), "d-flex align-items-center list-unstyled mb-0") }, D) : /* @__PURE__ */ d.createElement("div", { className: t({ disabled: g }) }, /* @__PURE__ */ d.createElement("div", {
+		className: i({
+			completed: v === 1,
+			disabled: g,
+			color: x
+		}),
+		style: { width: `${v * 100}%` }
+	})), h && /* @__PURE__ */ d.createElement("div", { className: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqt" }, h)), _ && v !== 1 && /* @__PURE__ */ d.createElement("div", { className: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aq2" }, /* @__PURE__ */ d.createElement(p, {
+		kind: "icon",
+		icon: "x",
+		onClick: _,
+		title: C("progressBar.closeButtonTitle", { defaultValue: "Close progress bar" })
+	})));
 }
-v.set(D, {
-  name: "Progress Bar",
-  props: {
-    detail: { type: "string" },
-    disabled: { type: "boolean" },
-    onClose: { type: "() => void" },
-    percentComplete: { type: "number", default: "0" },
-    progressColor: { type: '"purple" | "blue" | "red" | "orange" | "grey"', default: '"purple"' }
-  }
+c.set(m, {
+	name: "Progress Bar",
+	props: {
+		detail: { type: "string" },
+		disabled: { type: "boolean" },
+		onClose: { type: "() => void" },
+		percentComplete: {
+			type: "number",
+			default: "0"
+		},
+		progressColor: {
+			type: "\"purple\" | \"blue\" | \"red\" | \"orange\" | \"grey\"",
+			default: "\"purple\""
+		}
+	}
 });
-export {
-  D as ProgressBar
-};
+//#endregion
+export { m as ProgressBar };

package/lib/progress-indicators/progress-bar/ProgressBar.ve.js

@@ -1,14 +1,67 @@
+import { createRuntimeFn as e } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.21.3/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
 /* empty css                              */
-import { createRuntimeFn as _ } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
-var r = "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aq0", o = "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aq1", e = "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aq2", i = "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aq3", n = "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aq4", d = _({ defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aq5", variantClassNames: { completed: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aq6", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aq7" }, disabled: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aq8", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aq9" }, color: { purple: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqa", blue: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqb", red: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqc", orange: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqd", grey: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqe" } }, defaultVariants: { completed: !1, disabled: !1, color: "purple" }, compoundVariants: [] }), p = _({ defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqf", variantClassNames: { disabled: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqg", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqh" } }, defaultVariants: { disabled: !1 }, compoundVariants: [] }), l = _({ defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqi", variantClassNames: { completed: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqj", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqk" }, disabled: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aql", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqm" }, color: { purple: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqn", blue: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqo", red: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqp", orange: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqq", grey: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqr" } }, defaultVariants: { completed: !1, disabled: !1, color: "purple" }, compoundVariants: [[{ completed: !0, disabled: !0 }, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqs"]] }), g = "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_aun9aqt";
-export {
-  r as progressBar,
-  p as progressBarBackground,
-  e as progressBarCloseButton,
-  o as progressBarContent,
-  g as progressBarDetail,
-  i as progressBarHeading,
-  d as progressBarPercentage,
-  l as progressBarProgress,
-  n as progressBarTitle
-};
+//#region src/progress-indicators/progress-bar/ProgressBar.css.ts
+var t = "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aq0", n = "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aq1", r = "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aq2", i = "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aq3", a = "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aq4", o = e({
+	defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aq5",
+	variantClassNames: {
+		completed: {
+			true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aq6",
+			false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aq7"
+		},
+		disabled: {
+			true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aq8",
+			false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aq9"
+		},
+		color: {
+			purple: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqa",
+			blue: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqb",
+			red: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqc",
+			orange: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqd",
+			grey: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqe"
+		}
+	},
+	defaultVariants: {
+		completed: !1,
+		disabled: !1,
+		color: "purple"
+	},
+	compoundVariants: []
+}), s = e({
+	defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqf",
+	variantClassNames: { disabled: {
+		true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqg",
+		false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqh"
+	} },
+	defaultVariants: { disabled: !1 },
+	compoundVariants: []
+}), c = e({
+	defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqi",
+	variantClassNames: {
+		completed: {
+			true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqj",
+			false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqk"
+		},
+		disabled: {
+			true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aql",
+			false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqm"
+		},
+		color: {
+			purple: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqn",
+			blue: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqo",
+			red: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqp",
+			orange: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqq",
+			grey: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqr"
+		}
+	},
+	defaultVariants: {
+		completed: !1,
+		disabled: !1,
+		color: "purple"
+	},
+	compoundVariants: [[{
+		completed: !0,
+		disabled: !0
+	}, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqs"]]
+}), l = "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_aun9aqt";
+//#endregion
+export { t as progressBar, s as progressBarBackground, r as progressBarCloseButton, n as progressBarContent, l as progressBarDetail, i as progressBarHeading, o as progressBarPercentage, c as progressBarProgress, a as progressBarTitle };

package/lib/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.js

@@ -1,56 +1,36 @@
-import * as t from "react";
-import { Metadata as l, useElementId as f, cl as g, Icon as d } from "@sps-woodland/core";
-import { SpsTooltip as u } from "@spscommerce/ds-react";
-import { progressBarStep as y, progressBarIcon as B } from "./ProgressBarStep.ve.js";
-function E({
-  className: a,
-  title: r,
-  description: m,
-  icon: o,
-  complete: s = !1,
-  disabled: p,
-  barCompleted: n,
-  progressColor: c,
-  ...i
-}) {
-  const e = f().current || void 0;
-  return /* @__PURE__ */ t.createElement(
-    "li",
-    {
-      id: e,
-      className: g(
-        y({
-          stepCompleted: s,
-          disabled: p,
-          barCompleted: n,
-          color: c
-        }),
-        a
-      ),
-      ...i
-    },
-    o && /* @__PURE__ */ t.createElement(
-      d,
-      {
-        icon: o,
-        size: "sm",
-        className: B({
-          stepCompleted: s && !p
-        })
-      }
-    ),
-    r && e && /* @__PURE__ */ t.createElement(u, { for: e, title: r }, m)
-  );
+import { progressBarIcon as e, progressBarStep as t } from "./ProgressBarStep.ve.js";
+import { Icon as n, Metadata as r, cl as i, useElementId as a } from "@sps-woodland/core";
+import * as o from "react";
+import { SpsTooltip as s } from "@spscommerce/ds-react";
+//#region src/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.tsx
+function c({ className: r, title: c, description: l, icon: u, complete: d = !1, disabled: f, barCompleted: p, progressColor: m, ...h }) {
+	let g = a().current || void 0;
+	return /* @__PURE__ */ o.createElement("li", {
+		id: g,
+		className: i(t({
+			stepCompleted: d,
+			disabled: f,
+			barCompleted: p,
+			color: m
+		}), r),
+		...h
+	}, u && /* @__PURE__ */ o.createElement(n, {
+		icon: u,
+		size: "sm",
+		className: e({ stepCompleted: d && !f })
+	}), c && g && /* @__PURE__ */ o.createElement(s, {
+		for: g,
+		title: c
+	}, l));
 }
-l.set(E, {
-  name: "ProgressBarStep",
-  props: {
-    icon: { type: "IconName" },
-    complete: { type: "boolean" },
-    title: { type: "string" },
-    description: { type: "string" }
-  }
+r.set(c, {
+	name: "ProgressBarStep",
+	props: {
+		icon: { type: "IconName" },
+		complete: { type: "boolean" },
+		title: { type: "string" },
+		description: { type: "string" }
+	}
 });
-export {
-  E as ProgressBarStep
-};
+//#endregion
+export { c as ProgressBarStep };

package/lib/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.ve.js

@@ -1,9 +1,137 @@
+import { createRuntimeFn as e } from "../../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.21.3/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
 /* empty css                                  */
-import { createRuntimeFn as _ } from "../../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
-var o = _({ defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf80", variantClassNames: { barCompleted: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf81", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf82" }, disabled: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf83", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf84" }, color: { purple: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf85", blue: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf86", red: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf87", orange: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf88", grey: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf89" } }, defaultVariants: { barCompleted: !1, disabled: !1, color: "purple" }, compoundVariants: [] }), r = _({ defaultClassName: "", variantClassNames: { barCompleted: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8a", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8b" }, color: { purple: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8c", blue: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8d", red: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8e", orange: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8f", grey: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8g" }, disabled: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8h", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8i" } }, defaultVariants: { barCompleted: !1, color: "purple", disabled: !1 }, compoundVariants: [] }), a = _({ defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8j", variantClassNames: { stepCompleted: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8k", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8l" } }, defaultVariants: { stepCompleted: !1 }, compoundVariants: [] }), i = _({ defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8m", variantClassNames: { stepCompleted: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8n", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8o" }, disabled: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8p", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8q" }, barCompleted: { true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8r", false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8s" }, color: { purple: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8t", red: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8u", blue: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8v", orange: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8w", grey: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8x" } }, defaultVariants: { stepCompleted: !1, disabled: !1, barCompleted: !1, color: "purple" }, compoundVariants: [[{ barCompleted: !0, disabled: !0 }, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8y"], [{ barCompleted: !0, disabled: !1 }, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf8z"], [{ stepCompleted: !0, disabled: !0 }, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf810"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "purple" }, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf811"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "red" }, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf812"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "blue" }, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf813"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "orange" }, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf814"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "grey" }, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_2__hash_2etnf815"]] });
-export {
-  a as progressBarIcon,
-  i as progressBarStep,
-  r as progressBarStepBackground,
-  o as progressBarStepsComplete
-};
+//#region src/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.css.ts
+var t = e({
+	defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf80",
+	variantClassNames: {
+		barCompleted: {
+			true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf81",
+			false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf82"
+		},
+		disabled: {
+			true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf83",
+			false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf84"
+		},
+		color: {
+			purple: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf85",
+			blue: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf86",
+			red: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf87",
+			orange: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf88",
+			grey: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf89"
+		}
+	},
+	defaultVariants: {
+		barCompleted: !1,
+		disabled: !1,
+		color: "purple"
+	},
+	compoundVariants: []
+}), n = e({
+	defaultClassName: "",
+	variantClassNames: {
+		barCompleted: {
+			true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8a",
+			false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8b"
+		},
+		color: {
+			purple: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8c",
+			blue: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8d",
+			red: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8e",
+			orange: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8f",
+			grey: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8g"
+		},
+		disabled: {
+			true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8h",
+			false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8i"
+		}
+	},
+	defaultVariants: {
+		barCompleted: !1,
+		color: "purple",
+		disabled: !1
+	},
+	compoundVariants: []
+}), r = e({
+	defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8j",
+	variantClassNames: { stepCompleted: {
+		true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8k",
+		false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8l"
+	} },
+	defaultVariants: { stepCompleted: !1 },
+	compoundVariants: []
+}), i = e({
+	defaultClassName: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8m",
+	variantClassNames: {
+		stepCompleted: {
+			true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8n",
+			false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8o"
+		},
+		disabled: {
+			true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8p",
+			false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8q"
+		},
+		barCompleted: {
+			true: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8r",
+			false: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8s"
+		},
+		color: {
+			purple: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8t",
+			red: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8u",
+			blue: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8v",
+			orange: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8w",
+			grey: "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8x"
+		}
+	},
+	defaultVariants: {
+		stepCompleted: !1,
+		disabled: !1,
+		barCompleted: !1,
+		color: "purple"
+	},
+	compoundVariants: [
+		[{
+			barCompleted: !0,
+			disabled: !0
+		}, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8y"],
+		[{
+			barCompleted: !0,
+			disabled: !1
+		}, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf8z"],
+		[{
+			stepCompleted: !0,
+			disabled: !0
+		}, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf810"],
+		[{
+			barCompleted: !1,
+			disabled: !1,
+			stepCompleted: !0,
+			color: "purple"
+		}, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf811"],
+		[{
+			barCompleted: !1,
+			disabled: !1,
+			stepCompleted: !0,
+			color: "red"
+		}, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf812"],
+		[{
+			barCompleted: !1,
+			disabled: !1,
+			stepCompleted: !0,
+			color: "blue"
+		}, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf813"],
+		[{
+			barCompleted: !1,
+			disabled: !1,
+			stepCompleted: !0,
+			color: "orange"
+		}, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf814"],
+		[{
+			barCompleted: !1,
+			disabled: !1,
+			stepCompleted: !0,
+			color: "grey"
+		}, "pkg_sps-woodland_core__family_progress-indicators__version_8_56_4__hash_2etnf815"]
+	]
+});
+//#endregion
+export { r as progressBarIcon, i as progressBarStep, n as progressBarStepBackground, t as progressBarStepsComplete };