@sps-woodland/progress-indicators 8.35.3 → 8.35.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.js +1 -1
- package/lib/index.umd.cjs +1 -1
- package/lib/style.css +1 -1
- package/package.json +11 -11
package/lib/index.js
CHANGED
|
@@ -58,7 +58,7 @@ var M = (s, o, a) => {
|
|
|
58
58
|
for (var [h, P] of s.compoundVariants)
|
|
59
59
|
M(h, t, s.defaultVariants) && (a += " " + P);
|
|
60
60
|
return a;
|
|
61
|
-
}, H = "pkg_sps-woodland_progress-
|
|
61
|
+
}, H = "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme0", W = "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme1", $ = "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme2", G = "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme3", U = "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme4", Y = f({ defaultClassName: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme5", variantClassNames: { completed: { true: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme6", false: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme7" }, disabled: { true: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme8", false: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme9" }, color: { purple: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmea", blue: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmeb", red: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmec", orange: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmed", grey: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmee" } }, defaultVariants: { completed: !1, disabled: !1, color: "purple" }, compoundVariants: [] }), K = f({ defaultClassName: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmef", variantClassNames: { disabled: { true: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmeg", false: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmeh" } }, defaultVariants: { disabled: !1 }, compoundVariants: [] }), L = f({ defaultClassName: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmei", variantClassNames: { completed: { true: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmej", false: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmek" }, disabled: { true: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmel", false: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmem" }, color: { purple: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmen", blue: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmeo", red: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmep", orange: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmeq", grey: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmer" } }, defaultVariants: { completed: !1, disabled: !1, color: "purple" }, compoundVariants: [[{ completed: !0, disabled: !0 }, "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmes"]] }), z = "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmet", J = f({ defaultClassName: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go0", variantClassNames: { barCompleted: { true: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go1", false: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go2" }, disabled: { true: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go3", false: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go4" }, color: { purple: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go5", blue: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go6", red: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go7", orange: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go8", grey: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go9" } }, defaultVariants: { barCompleted: !1, disabled: !1, color: "purple" }, compoundVariants: [] }), Q = f({ defaultClassName: "", variantClassNames: { barCompleted: { true: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goa", false: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gob" }, color: { purple: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goc", blue: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0god", red: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goe", orange: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gof", grey: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gog" }, disabled: { true: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goh", false: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goi" } }, defaultVariants: { barCompleted: !1, color: "purple", disabled: !1 }, compoundVariants: [] }), X = f({ defaultClassName: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goj", variantClassNames: { stepCompleted: { true: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gok", false: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gol" } }, defaultVariants: { stepCompleted: !1 }, compoundVariants: [] }), Z = f({ defaultClassName: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gom", variantClassNames: { stepCompleted: { true: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gon", false: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goo" }, disabled: { true: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gop", false: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goq" }, barCompleted: { true: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gor", false: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gos" }, color: { purple: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0got", red: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gou", blue: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gov", orange: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gow", grey: "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gox" } }, defaultVariants: { stepCompleted: !1, disabled: !1, barCompleted: !1, color: "purple" }, compoundVariants: [[{ barCompleted: !0, disabled: !0 }, "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goy"], [{ barCompleted: !0, disabled: !1 }, "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goz"], [{ stepCompleted: !0, disabled: !0 }, "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go10"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "purple" }, "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go11"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "red" }, "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go12"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "blue" }, "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go13"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "orange" }, "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go14"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "grey" }, "pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go15"]] });
|
|
62
62
|
function S({
|
|
63
63
|
className: s,
|
|
64
64
|
title: o,
|
package/lib/index.umd.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(l,S){typeof exports=="object"&&typeof module<"u"?S(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/buttons"),require("@spscommerce/ds-react"),require("@spscommerce/i18n"),require("@sps-woodland/tokens"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/buttons","@spscommerce/ds-react","@spscommerce/i18n","@sps-woodland/tokens","@spscommerce/utils"],S):(l=typeof globalThis<"u"?globalThis:l||self,S(l.ProgressIndicators={},l.React,l.core,l.buttons,l.dsReact,l.i18n,l.tokens,l.utils))})(this,function(l,S,c,y,r,j,g,m){"use strict";function N(s){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(o,t,a.get?a:{enumerable:!0,get:()=>s[t]})}}return o.default=s,Object.freeze(o)}const e=N(S);function q(s,o,t){return o in s?Object.defineProperty(s,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):s[o]=t,s}function E(s,o){var t=Object.keys(s);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(s);o&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(s,n).enumerable})),t.push.apply(t,a)}return t}function T(s){for(var o=1;o<arguments.length;o++){var t=arguments[o]!=null?arguments[o]:{};o%2?E(Object(t),!0).forEach(function(a){q(s,a,t[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach(function(a){Object.defineProperty(s,a,Object.getOwnPropertyDescriptor(t,a))})}return s}var O=(s,o,t)=>{for(var a of Object.keys(s)){var n;if(s[a]!==((n=o[a])!==null&&n!==void 0?n:t[a]))return!1}return!0},h=s=>o=>{var t=s.defaultClassName,a=T(T({},s.defaultVariants),o);for(var n in a){var p,_=(p=a[n])!==null&&p!==void 0?p:s.defaultVariants[n];if(_!=null){var i=_;typeof i=="boolean"&&(i=i===!0?"true":"false");var d=s.variantClassNames[n][i];d&&(t+=" "+d)}}for(var[f,C]of s.compoundVariants)O(f,a,s.defaultVariants)&&(t+=" "+C);return t},D="pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qme0",V="pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qme1",x="pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qme2",F="pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qme3",H="pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qme4",M=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qme5",variantClassNames:{completed:{true:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qme6",false:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qme7"},disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qme8",false:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qme9"},color:{purple:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qmea",blue:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qmeb",red:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qmec",orange:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qmed",grey:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qmee"}},defaultVariants:{completed:!1,disabled:!1,color:"purple"},compoundVariants:[]}),I=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qmef",variantClassNames:{disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qmeg",false:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qmeh"}},defaultVariants:{disabled:!1},compoundVariants:[]}),A=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qmei",variantClassNames:{completed:{true:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qmej",false:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qmek"},disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qmel",false:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qmem"},color:{purple:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qmen",blue:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qmeo",red:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qmep",orange:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qmeq",grey:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qmer"}},defaultVariants:{completed:!1,disabled:!1,color:"purple"},compoundVariants:[[{completed:!0,disabled:!0},"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qmes"]]}),W="pkg_sps-woodland_progress-indicators__version_8_35_3__hash_1890qmet",$=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0go0",variantClassNames:{barCompleted:{true:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0go1",false:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0go2"},disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0go3",false:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0go4"},color:{purple:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0go5",blue:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0go6",red:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0go7",orange:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0go8",grey:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0go9"}},defaultVariants:{barCompleted:!1,disabled:!1,color:"purple"},compoundVariants:[]}),G=h({defaultClassName:"",variantClassNames:{barCompleted:{true:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0goa",false:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0gob"},color:{purple:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0goc",blue:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0god",red:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0goe",orange:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0gof",grey:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0gog"},disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0goh",false:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0goi"}},defaultVariants:{barCompleted:!1,color:"purple",disabled:!1},compoundVariants:[]}),U=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0goj",variantClassNames:{stepCompleted:{true:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0gok",false:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0gol"}},defaultVariants:{stepCompleted:!1},compoundVariants:[]}),Y=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0gom",variantClassNames:{stepCompleted:{true:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0gon",false:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0goo"},disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0gop",false:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0goq"},barCompleted:{true:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0gor",false:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0gos"},color:{purple:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0got",red:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0gou",blue:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0gov",orange:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0gow",grey:"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0gox"}},defaultVariants:{stepCompleted:!1,disabled:!1,barCompleted:!1,color:"purple"},compoundVariants:[[{barCompleted:!0,disabled:!0},"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0goy"],[{barCompleted:!0,disabled:!1},"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0goz"],[{stepCompleted:!0,disabled:!0},"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0go10"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"purple"},"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0go11"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"red"},"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0go12"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"blue"},"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0go13"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"orange"},"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0go14"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"grey"},"pkg_sps-woodland_progress-indicators__version_8_35_3__hash_17lj0go15"]]});function w({className:s,title:o,description:t,icon:a,complete:n=!1,disabled:p,barCompleted:_,progressColor:i,...d}){const f=c.useElementId().current||void 0;return e.createElement("li",{id:f,className:c.cl(Y({stepCompleted:n,disabled:p,barCompleted:_,color:i}),s),...d},a&&e.createElement(c.Icon,{icon:a,size:"sm",className:U({stepCompleted:n})}),o&&f&&e.createElement(r.SpsTooltip,{for:f,title:o},t))}c.Metadata.set(w,{name:"ProgressBarStep",props:{icon:{type:"IconName"},complete:{type:"boolean"},title:{type:"string"},description:{type:"string"}}});function P({className:s,children:o,detail:t,disabled:a,onClose:n,percentComplete:p=0,title:_,showStepsCounter:i,progressColor:d="purple",...f}){const{t:C}=j.useWoodlandLanguage(),[v,K]=e.useState([]),[u]=c.selectChildren(o,[{type:w}]);e.useEffect(()=>{let b=[];u.forEach(B=>{B.hasOwnProperty("props")&&B.props.complete===!0&&b.push(B),K(b)})},[]),p&&u&&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 L=e.Children.map(o,b=>e.isValidElement(b)?e.cloneElement(b,{disabled:a,barCompleted:v.length===u.length,progressColor:d}):b);return e.createElement("div",{className:c.cl(D,s),...f},e.createElement("div",{className:V},_&&e.createElement("div",{className:F},e.createElement("div",{className:H},_),u.length>0?e.createElement(e.Fragment,null,i===!0&&e.createElement("div",{className:$({barCompleted:v.length===u.length,disabled:a,color:d})},`${v.length} of ${u.length} Complete`)):e.createElement("div",{className:M({completed:p===1,disabled:a,color:d})},`${Math.floor(p*100)}%`)),u.length>0?e.createElement("ul",{className:c.cl(G({barCompleted:v.length===u.length,disabled:a,color:d}),"d-flex align-items-center list-unstyled mb-0")},L):e.createElement("div",{className:I({disabled:a})},e.createElement("div",{className:A({completed:p===1,disabled:a,color:d}),style:{width:`${p*100}%`}})),t&&e.createElement("div",{className:W},t)),n&&p!==1&&e.createElement("div",{className:x},e.createElement(y.Button,{kind:"icon",icon:"x",onClick:n,title:C("progressBar.closeButtonTitle",{defaultValue:"Close progress bar"})})))}c.Metadata.set(P,{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 k({className:s,size:o="sm",progress:t=0,...a}){const p=g.Tokens.component["progress-ring"][o]-4,_=p*2*Math.PI,i=_-t/100*_;return e.createElement("div",{className:s,...a},e.createElement("svg",{height:g.Tokens.component["progress-ring"][o]*2,width:g.Tokens.component["progress-ring"][o]*2,style:{transform:"rotate(-90deg)"}},e.createElement("circle",{stroke:g.Tokens.color.grey["medium-light"],fill:"transparent",strokeWidth:4,strokeDasharray:`${_} ${_}`,r:p,cx:g.Tokens.component["progress-ring"][o],cy:g.Tokens.component["progress-ring"][o]}),e.createElement("circle",{stroke:g.Tokens.color.purple.medium,fill:"transparent",strokeWidth:4,strokeDasharray:`${_} ${_}`,style:{strokeDashoffset:i},r:p,cx:g.Tokens.component["progress-ring"][o],cy:g.Tokens.component["progress-ring"][o]})))}c.Metadata.set(k,{name:"Progress Ring",props:{size:{type:'"sm" | "md" | "lg"',default:'"sm"'},progress:{type:"number",default:"0"}}});const z={"Progress Bars":{description:()=>e.createElement("p",null,"Progress Bars are used to visualize the progression of a process (such as a file upload) or series of related tasks that take place over a longer period of time. Progress Bars can be accompanied by a variety of additional content to provide more context regarding the processes being performed."),components:[P,w],examples:{general:{label:"General Usage",description:()=>e.createElement(e.Fragment,null,e.createElement("p",null,"Progress Bars can be used in a variety of situations, but the most common use case is to show the live progress of a process such as a file upload or the processing of a digital payload."),e.createElement("p",null,"For processes that typically complete within minutes or less, opt for the Standard Progress Bar."),e.createElement("p",null,"For processes that are divided into specific steps that are accomplished over a longer period of time, opt for the Stepped Progress Bar."))},standard:{label:"Standard Progress Bar",description:()=>e.createElement(e.Fragment,null,e.createElement("p",null,"Standard Progress Bars are comprised of the following Required and Optional elements."),e.createElement("img",{src:"assets/images/progress-bar-example.svg",alt:"A Progress Bar with labels on each section",className:"w-100 mb-3"}),e.createElement(r.SpsTable,null,e.createElement(r.SpsTableHead,null,e.createElement(r.SpsTableHeader,null,"Section"),e.createElement(r.SpsTableHeader,null,"Content Type"),e.createElement(r.SpsTableHeader,null,"Required"),e.createElement(r.SpsTableHeader,null,"Description/Guidelines")),e.createElement(r.SpsTableBody,null,e.createElement(r.SpsTableRow,null,e.createElement(r.SpsTableCell,null,e.createElement("span",{className:"sps-tag sps-tag--info"},"1")),e.createElement(r.SpsTableCell,null,"Title"),e.createElement(r.SpsTableCell,null,"No"),e.createElement(r.SpsTableCell,{wrap:400},"Use the Title when it provides necessary or helpful detail about the file or action that is being processed.")),e.createElement(r.SpsTableRow,null,e.createElement(r.SpsTableCell,null,e.createElement("span",{className:"sps-tag sps-tag--info"},"2")),e.createElement(r.SpsTableCell,null,"Progress Meter"),e.createElement(r.SpsTableCell,null,"Yes"),e.createElement(r.SpsTableCell,null)),e.createElement(r.SpsTableRow,null,e.createElement(r.SpsTableCell,null,e.createElement("span",{className:"sps-tag sps-tag--info"},"3")),e.createElement(r.SpsTableCell,null,"Progress Counter"),e.createElement(r.SpsTableCell,null,"No"),e.createElement(r.SpsTableCell,{wrap:400},"The Progress Counter should not be used without the existence of a Title.")),e.createElement(r.SpsTableRow,null,e.createElement(r.SpsTableCell,null,e.createElement("span",{className:"sps-tag sps-tag--info"},"4")),e.createElement(r.SpsTableCell,null,"Clear Button"),e.createElement(r.SpsTableCell,null,"No"),e.createElement(r.SpsTableCell,{wrap:400},"If the process requires the option to be cancelled or removed from a list the clear button can be used.")),e.createElement(r.SpsTableRow,null,e.createElement(r.SpsTableCell,null,e.createElement("span",{className:"sps-tag sps-tag--info"},"5")),e.createElement(r.SpsTableCell,null,"Progress Details"),e.createElement(r.SpsTableCell,null,"No"),e.createElement(r.SpsTableCell,{wrap:400},"Progress Details provide more context for the user and are especially useful when the process includes multiple steps."))))),examples:{standard:{description:()=>e.createElement("p",null,"The Standard Progress Bar is designed to expand to fit the entire width of its container. View the diagram above for rules regarding including or excluding certain elements."),react:m.code`
|
|
1
|
+
(function(l,S){typeof exports=="object"&&typeof module<"u"?S(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/buttons"),require("@spscommerce/ds-react"),require("@spscommerce/i18n"),require("@sps-woodland/tokens"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/buttons","@spscommerce/ds-react","@spscommerce/i18n","@sps-woodland/tokens","@spscommerce/utils"],S):(l=typeof globalThis<"u"?globalThis:l||self,S(l.ProgressIndicators={},l.React,l.core,l.buttons,l.dsReact,l.i18n,l.tokens,l.utils))})(this,function(l,S,c,y,r,j,g,m){"use strict";function N(s){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(o,t,a.get?a:{enumerable:!0,get:()=>s[t]})}}return o.default=s,Object.freeze(o)}const e=N(S);function q(s,o,t){return o in s?Object.defineProperty(s,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):s[o]=t,s}function E(s,o){var t=Object.keys(s);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(s);o&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(s,n).enumerable})),t.push.apply(t,a)}return t}function T(s){for(var o=1;o<arguments.length;o++){var t=arguments[o]!=null?arguments[o]:{};o%2?E(Object(t),!0).forEach(function(a){q(s,a,t[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach(function(a){Object.defineProperty(s,a,Object.getOwnPropertyDescriptor(t,a))})}return s}var O=(s,o,t)=>{for(var a of Object.keys(s)){var n;if(s[a]!==((n=o[a])!==null&&n!==void 0?n:t[a]))return!1}return!0},h=s=>o=>{var t=s.defaultClassName,a=T(T({},s.defaultVariants),o);for(var n in a){var p,_=(p=a[n])!==null&&p!==void 0?p:s.defaultVariants[n];if(_!=null){var i=_;typeof i=="boolean"&&(i=i===!0?"true":"false");var d=s.variantClassNames[n][i];d&&(t+=" "+d)}}for(var[f,C]of s.compoundVariants)O(f,a,s.defaultVariants)&&(t+=" "+C);return t},D="pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme0",V="pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme1",x="pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme2",F="pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme3",H="pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme4",M=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme5",variantClassNames:{completed:{true:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme6",false:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme7"},disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme8",false:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme9"},color:{purple:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmea",blue:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmeb",red:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmec",orange:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmed",grey:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmee"}},defaultVariants:{completed:!1,disabled:!1,color:"purple"},compoundVariants:[]}),I=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmef",variantClassNames:{disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmeg",false:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmeh"}},defaultVariants:{disabled:!1},compoundVariants:[]}),A=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmei",variantClassNames:{completed:{true:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmej",false:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmek"},disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmel",false:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmem"},color:{purple:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmen",blue:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmeo",red:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmep",orange:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmeq",grey:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmer"}},defaultVariants:{completed:!1,disabled:!1,color:"purple"},compoundVariants:[[{completed:!0,disabled:!0},"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmes"]]}),W="pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmet",$=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go0",variantClassNames:{barCompleted:{true:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go1",false:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go2"},disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go3",false:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go4"},color:{purple:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go5",blue:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go6",red:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go7",orange:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go8",grey:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go9"}},defaultVariants:{barCompleted:!1,disabled:!1,color:"purple"},compoundVariants:[]}),G=h({defaultClassName:"",variantClassNames:{barCompleted:{true:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goa",false:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gob"},color:{purple:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goc",blue:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0god",red:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goe",orange:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gof",grey:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gog"},disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goh",false:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goi"}},defaultVariants:{barCompleted:!1,color:"purple",disabled:!1},compoundVariants:[]}),U=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goj",variantClassNames:{stepCompleted:{true:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gok",false:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gol"}},defaultVariants:{stepCompleted:!1},compoundVariants:[]}),Y=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gom",variantClassNames:{stepCompleted:{true:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gon",false:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goo"},disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gop",false:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goq"},barCompleted:{true:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gor",false:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gos"},color:{purple:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0got",red:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gou",blue:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gov",orange:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gow",grey:"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gox"}},defaultVariants:{stepCompleted:!1,disabled:!1,barCompleted:!1,color:"purple"},compoundVariants:[[{barCompleted:!0,disabled:!0},"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goy"],[{barCompleted:!0,disabled:!1},"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goz"],[{stepCompleted:!0,disabled:!0},"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go10"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"purple"},"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go11"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"red"},"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go12"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"blue"},"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go13"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"orange"},"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go14"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"grey"},"pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go15"]]});function w({className:s,title:o,description:t,icon:a,complete:n=!1,disabled:p,barCompleted:_,progressColor:i,...d}){const f=c.useElementId().current||void 0;return e.createElement("li",{id:f,className:c.cl(Y({stepCompleted:n,disabled:p,barCompleted:_,color:i}),s),...d},a&&e.createElement(c.Icon,{icon:a,size:"sm",className:U({stepCompleted:n})}),o&&f&&e.createElement(r.SpsTooltip,{for:f,title:o},t))}c.Metadata.set(w,{name:"ProgressBarStep",props:{icon:{type:"IconName"},complete:{type:"boolean"},title:{type:"string"},description:{type:"string"}}});function P({className:s,children:o,detail:t,disabled:a,onClose:n,percentComplete:p=0,title:_,showStepsCounter:i,progressColor:d="purple",...f}){const{t:C}=j.useWoodlandLanguage(),[v,K]=e.useState([]),[u]=c.selectChildren(o,[{type:w}]);e.useEffect(()=>{let b=[];u.forEach(B=>{B.hasOwnProperty("props")&&B.props.complete===!0&&b.push(B),K(b)})},[]),p&&u&&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 L=e.Children.map(o,b=>e.isValidElement(b)?e.cloneElement(b,{disabled:a,barCompleted:v.length===u.length,progressColor:d}):b);return e.createElement("div",{className:c.cl(D,s),...f},e.createElement("div",{className:V},_&&e.createElement("div",{className:F},e.createElement("div",{className:H},_),u.length>0?e.createElement(e.Fragment,null,i===!0&&e.createElement("div",{className:$({barCompleted:v.length===u.length,disabled:a,color:d})},`${v.length} of ${u.length} Complete`)):e.createElement("div",{className:M({completed:p===1,disabled:a,color:d})},`${Math.floor(p*100)}%`)),u.length>0?e.createElement("ul",{className:c.cl(G({barCompleted:v.length===u.length,disabled:a,color:d}),"d-flex align-items-center list-unstyled mb-0")},L):e.createElement("div",{className:I({disabled:a})},e.createElement("div",{className:A({completed:p===1,disabled:a,color:d}),style:{width:`${p*100}%`}})),t&&e.createElement("div",{className:W},t)),n&&p!==1&&e.createElement("div",{className:x},e.createElement(y.Button,{kind:"icon",icon:"x",onClick:n,title:C("progressBar.closeButtonTitle",{defaultValue:"Close progress bar"})})))}c.Metadata.set(P,{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 k({className:s,size:o="sm",progress:t=0,...a}){const p=g.Tokens.component["progress-ring"][o]-4,_=p*2*Math.PI,i=_-t/100*_;return e.createElement("div",{className:s,...a},e.createElement("svg",{height:g.Tokens.component["progress-ring"][o]*2,width:g.Tokens.component["progress-ring"][o]*2,style:{transform:"rotate(-90deg)"}},e.createElement("circle",{stroke:g.Tokens.color.grey["medium-light"],fill:"transparent",strokeWidth:4,strokeDasharray:`${_} ${_}`,r:p,cx:g.Tokens.component["progress-ring"][o],cy:g.Tokens.component["progress-ring"][o]}),e.createElement("circle",{stroke:g.Tokens.color.purple.medium,fill:"transparent",strokeWidth:4,strokeDasharray:`${_} ${_}`,style:{strokeDashoffset:i},r:p,cx:g.Tokens.component["progress-ring"][o],cy:g.Tokens.component["progress-ring"][o]})))}c.Metadata.set(k,{name:"Progress Ring",props:{size:{type:'"sm" | "md" | "lg"',default:'"sm"'},progress:{type:"number",default:"0"}}});const z={"Progress Bars":{description:()=>e.createElement("p",null,"Progress Bars are used to visualize the progression of a process (such as a file upload) or series of related tasks that take place over a longer period of time. Progress Bars can be accompanied by a variety of additional content to provide more context regarding the processes being performed."),components:[P,w],examples:{general:{label:"General Usage",description:()=>e.createElement(e.Fragment,null,e.createElement("p",null,"Progress Bars can be used in a variety of situations, but the most common use case is to show the live progress of a process such as a file upload or the processing of a digital payload."),e.createElement("p",null,"For processes that typically complete within minutes or less, opt for the Standard Progress Bar."),e.createElement("p",null,"For processes that are divided into specific steps that are accomplished over a longer period of time, opt for the Stepped Progress Bar."))},standard:{label:"Standard Progress Bar",description:()=>e.createElement(e.Fragment,null,e.createElement("p",null,"Standard Progress Bars are comprised of the following Required and Optional elements."),e.createElement("img",{src:"assets/images/progress-bar-example.svg",alt:"A Progress Bar with labels on each section",className:"w-100 mb-3"}),e.createElement(r.SpsTable,null,e.createElement(r.SpsTableHead,null,e.createElement(r.SpsTableHeader,null,"Section"),e.createElement(r.SpsTableHeader,null,"Content Type"),e.createElement(r.SpsTableHeader,null,"Required"),e.createElement(r.SpsTableHeader,null,"Description/Guidelines")),e.createElement(r.SpsTableBody,null,e.createElement(r.SpsTableRow,null,e.createElement(r.SpsTableCell,null,e.createElement("span",{className:"sps-tag sps-tag--info"},"1")),e.createElement(r.SpsTableCell,null,"Title"),e.createElement(r.SpsTableCell,null,"No"),e.createElement(r.SpsTableCell,{wrap:400},"Use the Title when it provides necessary or helpful detail about the file or action that is being processed.")),e.createElement(r.SpsTableRow,null,e.createElement(r.SpsTableCell,null,e.createElement("span",{className:"sps-tag sps-tag--info"},"2")),e.createElement(r.SpsTableCell,null,"Progress Meter"),e.createElement(r.SpsTableCell,null,"Yes"),e.createElement(r.SpsTableCell,null)),e.createElement(r.SpsTableRow,null,e.createElement(r.SpsTableCell,null,e.createElement("span",{className:"sps-tag sps-tag--info"},"3")),e.createElement(r.SpsTableCell,null,"Progress Counter"),e.createElement(r.SpsTableCell,null,"No"),e.createElement(r.SpsTableCell,{wrap:400},"The Progress Counter should not be used without the existence of a Title.")),e.createElement(r.SpsTableRow,null,e.createElement(r.SpsTableCell,null,e.createElement("span",{className:"sps-tag sps-tag--info"},"4")),e.createElement(r.SpsTableCell,null,"Clear Button"),e.createElement(r.SpsTableCell,null,"No"),e.createElement(r.SpsTableCell,{wrap:400},"If the process requires the option to be cancelled or removed from a list the clear button can be used.")),e.createElement(r.SpsTableRow,null,e.createElement(r.SpsTableCell,null,e.createElement("span",{className:"sps-tag sps-tag--info"},"5")),e.createElement(r.SpsTableCell,null,"Progress Details"),e.createElement(r.SpsTableCell,null,"No"),e.createElement(r.SpsTableCell,{wrap:400},"Progress Details provide more context for the user and are especially useful when the process includes multiple steps."))))),examples:{standard:{description:()=>e.createElement("p",null,"The Standard Progress Bar is designed to expand to fit the entire width of its container. View the diagram above for rules regarding including or excluding certain elements."),react:m.code`
|
|
2
2
|
import { ProgressBar } from "@sps-woodland/progress-indicators";
|
|
3
3
|
import { Card } from "@sps-woodland/cards";
|
|
4
4
|
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkg_sps-woodland_progress-
|
|
1
|
+
.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme0{align-items:center;display:flex}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme1{flex-grow:1}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme2{margin-left:.5rem;margin-top:-.375rem}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme3{display:flex;font-size:.875rem;line-height:1.25rem;margin-bottom:.5rem}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme4{color:#1f282c;flex-grow:1}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme5{color:#91467f;font-weight:600;font-size:.875rem;line-height:1.25rem}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme6{color:#0b8940!important}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qme8{color:#d2d4d4!important}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmea{color:#91467f}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmeb{color:#007db8}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmec{color:#de002e}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmed{color:#e7760b}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmee{color:#717779}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmef{background:#e9e9ea;border-radius:.5rem;height:1rem;width:100%;overflow:hidden}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmeg{cursor:not-allowed}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmei{background-color:#91467f;border-radius:.5rem;height:1rem}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmej{background-color:#0b8940!important}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmel{background-color:#d2d4d4!important}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmen{background:#91467f}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmen:hover{background:#6e3c65}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmeo{background:#007db8}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmeo:hover{background:#09638d}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmep{background:#de002e}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmep:hover{background:#a30d2d}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmeq{background:#e7760b}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmeq:hover{background:#aa5e14}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmer{background:#717779}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmer:hover{background:#1f282c}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmes{background-color:#d2d4d4}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_1890qmet{color:#4b5356;font-size:.75rem;line-height:1.125rem;margin-top:1rem}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go0{font-weight:600}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go1{color:#0b8940!important}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go3{color:#d2d4d4!important}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go5{color:#91467f}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go6{color:#007db8}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go7{color:#de002e}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go8{color:#e7760b}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go9{color:#717779}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goh{cursor:not-allowed}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goj{display:block;margin-bottom:0}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gok{color:#fff}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gol{color:#717779}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gom{background:#e9e9ea;border-radius:.125rem;margin-left:.125rem;height:1rem;display:flex;flex:1 1 8%;align-items:center;justify-content:center}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gom:last-child{border-radius:.125rem .5rem .5rem .125rem}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gom:first-child{border-radius:.5rem .125rem .125rem .5rem;margin-left:0}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0gom:only-child{border-radius:.5rem}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goy{background:#d2d4d4}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0goz{background:#0b8940}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go10{background:#d2d4d4;cursor:not-allowed}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go11{background:#91467f}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go11:hover{background:#6e3c65}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go12{background:#de002e}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go12:hover{background:#a30d2d}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go13{background:#007db8}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go13:hover{background:#09638d}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go14{background:#e7760b}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go14:hover{background:#aa5e14}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go15{background:#717779}.pkg_sps-woodland_progress-indicators__version_8_35_4__hash_17lj0go15:hover{background:#1f282c}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sps-woodland/progress-indicators",
|
|
3
3
|
"description": "SPS Woodland Design System progress indicator components",
|
|
4
|
-
"version": "8.35.
|
|
4
|
+
"version": "8.35.4",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/progress-indicators",
|
|
@@ -29,11 +29,11 @@
|
|
|
29
29
|
"@spscommerce/utils": "^7.0.0 || ^8.0.0",
|
|
30
30
|
"react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
31
31
|
"react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
32
|
-
"@sps-woodland/buttons": "8.35.
|
|
33
|
-
"@sps-woodland/core": "8.35.
|
|
34
|
-
"@sps-woodland/tokens": "8.35.
|
|
35
|
-
"@spscommerce/ds-react": "8.35.
|
|
36
|
-
"@spscommerce/i18n": "8.35.
|
|
32
|
+
"@sps-woodland/buttons": "8.35.4",
|
|
33
|
+
"@sps-woodland/core": "8.35.4",
|
|
34
|
+
"@sps-woodland/tokens": "8.35.4",
|
|
35
|
+
"@spscommerce/ds-react": "8.35.4",
|
|
36
|
+
"@spscommerce/i18n": "8.35.4"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@spscommerce/utils": "^8.1.1",
|
|
@@ -41,11 +41,11 @@
|
|
|
41
41
|
"@vanilla-extract/recipes": "^0.2.5",
|
|
42
42
|
"react": "^16.9.0",
|
|
43
43
|
"react-dom": "^16.9.0",
|
|
44
|
-
"@sps-woodland/buttons": "8.35.
|
|
45
|
-
"@sps-woodland/core": "8.35.
|
|
46
|
-
"@sps-woodland/tokens": "8.35.
|
|
47
|
-
"@spscommerce/ds-react": "8.35.
|
|
48
|
-
"@spscommerce/i18n": "8.35.
|
|
44
|
+
"@sps-woodland/buttons": "8.35.4",
|
|
45
|
+
"@sps-woodland/core": "8.35.4",
|
|
46
|
+
"@sps-woodland/tokens": "8.35.4",
|
|
47
|
+
"@spscommerce/ds-react": "8.35.4",
|
|
48
|
+
"@spscommerce/i18n": "8.35.4"
|
|
49
49
|
},
|
|
50
50
|
"scripts": {
|
|
51
51
|
"build": "pnpm run build:js && pnpm run build:types",
|