@sps-woodland/progress-indicators 8.33.1 → 8.33.5
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 +9 -9
- package/vite.config.mjs +1 -0
package/lib/index.js
CHANGED
|
@@ -57,7 +57,7 @@ var M = (s, o, a) => {
|
|
|
57
57
|
for (var [h, P] of s.compoundVariants)
|
|
58
58
|
M(h, t, s.defaultVariants) && (a += " " + P);
|
|
59
59
|
return a;
|
|
60
|
-
}, H = "pkg_sps-woodland_progress-
|
|
60
|
+
}, H = "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme0", $ = "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme1", G = "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme2", U = "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme3", W = "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme4", Y = f({ defaultClassName: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme5", variantClassNames: { completed: { true: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme6", false: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme7" }, disabled: { true: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme8", false: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme9" }, color: { purple: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmea", blue: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmeb", red: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmec", orange: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmed", grey: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmee" } }, defaultVariants: { completed: !1, disabled: !1, color: "purple" }, compoundVariants: [] }), K = f({ defaultClassName: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmef", variantClassNames: { disabled: { true: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmeg", false: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmeh" } }, defaultVariants: { disabled: !1 }, compoundVariants: [] }), z = f({ defaultClassName: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmei", variantClassNames: { completed: { true: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmej", false: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmek" }, disabled: { true: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmel", false: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmem" }, color: { purple: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmen", blue: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmeo", red: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmep", orange: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmeq", grey: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmer" } }, defaultVariants: { completed: !1, disabled: !1, color: "purple" }, compoundVariants: [[{ completed: !0, disabled: !0 }, "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmes"]] }), J = "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmet", L = f({ defaultClassName: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go0", variantClassNames: { barCompleted: { true: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go1", false: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go2" }, disabled: { true: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go3", false: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go4" }, color: { purple: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go5", blue: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go6", red: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go7", orange: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go8", grey: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go9" } }, defaultVariants: { barCompleted: !1, disabled: !1, color: "purple" }, compoundVariants: [] }), Q = f({ defaultClassName: "", variantClassNames: { barCompleted: { true: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goa", false: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gob" }, color: { purple: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goc", blue: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0god", red: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goe", orange: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gof", grey: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gog" }, disabled: { true: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goh", false: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goi" } }, defaultVariants: { barCompleted: !1, color: "purple", disabled: !1 }, compoundVariants: [] }), X = f({ defaultClassName: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goj", variantClassNames: { stepCompleted: { true: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gok", false: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gol" } }, defaultVariants: { stepCompleted: !1 }, compoundVariants: [] }), Z = f({ defaultClassName: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gom", variantClassNames: { stepCompleted: { true: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gon", false: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goo" }, disabled: { true: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gop", false: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goq" }, barCompleted: { true: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gor", false: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gos" }, color: { purple: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0got", red: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gou", blue: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gov", orange: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gow", grey: "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gox" } }, defaultVariants: { stepCompleted: !1, disabled: !1, barCompleted: !1, color: "purple" }, compoundVariants: [[{ barCompleted: !0, disabled: !0 }, "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goy"], [{ barCompleted: !0, disabled: !1 }, "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goz"], [{ stepCompleted: !0, disabled: !0 }, "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go10"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "purple" }, "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go11"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "red" }, "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go12"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "blue" }, "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go13"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "orange" }, "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go14"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "grey" }, "pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go15"]] });
|
|
61
61
|
function S({
|
|
62
62
|
className: s,
|
|
63
63
|
title: o,
|
package/lib/index.umd.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(p,S){typeof exports=="object"&&typeof module<"u"?S(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/buttons"),require("@spscommerce/ds-react"),require("@sps-woodland/tokens"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/buttons","@spscommerce/ds-react","@sps-woodland/tokens","@spscommerce/utils"],S):(p=typeof globalThis<"u"?globalThis:p||self,S(p.ProgressIndicators={},p.React,p.core,p.buttons,p.dsReact,p.tokens,p.utils))})(this,function(p,S,i,y,r,g,m){"use strict";function j(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=j(S);function N(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(l){return Object.getOwnPropertyDescriptor(s,l).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){N(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 q=(s,o,t)=>{for(var a of Object.keys(s)){var l;if(s[a]!==((l=o[a])!==null&&l!==void 0?l:t[a]))return!1}return!0},h=s=>o=>{var t=s.defaultClassName,a=T(T({},s.defaultVariants),o);for(var l in a){var n,_=(n=a[l])!==null&&n!==void 0?n:s.defaultVariants[l];if(_!=null){var d=_;typeof d=="boolean"&&(d=d===!0?"true":"false");var c=s.variantClassNames[l][d];c&&(t+=" "+c)}}for(var[f,P]of s.compoundVariants)q(f,a,s.defaultVariants)&&(t+=" "+P);return t},O="pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qme0",D="pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qme1",V="pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qme2",x="pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qme3",F="pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qme4",H=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qme5",variantClassNames:{completed:{true:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qme6",false:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qme7"},disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qme8",false:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qme9"},color:{purple:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qmea",blue:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qmeb",red:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qmec",orange:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qmed",grey:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qmee"}},defaultVariants:{completed:!1,disabled:!1,color:"purple"},compoundVariants:[]}),I=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qmef",variantClassNames:{disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qmeg",false:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qmeh"}},defaultVariants:{disabled:!1},compoundVariants:[]}),M=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qmei",variantClassNames:{completed:{true:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qmej",false:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qmek"},disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qmel",false:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qmem"},color:{purple:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qmen",blue:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qmeo",red:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qmep",orange:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qmeq",grey:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qmer"}},defaultVariants:{completed:!1,disabled:!1,color:"purple"},compoundVariants:[[{completed:!0,disabled:!0},"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qmes"]]}),A="pkg_sps-woodland_progress-indicators__version_8_33_1__hash_1890qmet",$=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0go0",variantClassNames:{barCompleted:{true:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0go1",false:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0go2"},disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0go3",false:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0go4"},color:{purple:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0go5",blue:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0go6",red:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0go7",orange:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0go8",grey:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0go9"}},defaultVariants:{barCompleted:!1,disabled:!1,color:"purple"},compoundVariants:[]}),G=h({defaultClassName:"",variantClassNames:{barCompleted:{true:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0goa",false:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0gob"},color:{purple:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0goc",blue:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0god",red:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0goe",orange:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0gof",grey:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0gog"},disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0goh",false:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0goi"}},defaultVariants:{barCompleted:!1,color:"purple",disabled:!1},compoundVariants:[]}),U=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0goj",variantClassNames:{stepCompleted:{true:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0gok",false:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0gol"}},defaultVariants:{stepCompleted:!1},compoundVariants:[]}),W=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0gom",variantClassNames:{stepCompleted:{true:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0gon",false:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0goo"},disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0gop",false:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0goq"},barCompleted:{true:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0gor",false:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0gos"},color:{purple:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0got",red:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0gou",blue:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0gov",orange:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0gow",grey:"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0gox"}},defaultVariants:{stepCompleted:!1,disabled:!1,barCompleted:!1,color:"purple"},compoundVariants:[[{barCompleted:!0,disabled:!0},"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0goy"],[{barCompleted:!0,disabled:!1},"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0goz"],[{stepCompleted:!0,disabled:!0},"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0go10"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"purple"},"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0go11"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"red"},"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0go12"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"blue"},"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0go13"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"orange"},"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0go14"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"grey"},"pkg_sps-woodland_progress-indicators__version_8_33_1__hash_17lj0go15"]]});function w({className:s,title:o,description:t,icon:a,complete:l=!1,disabled:n,barCompleted:_,progressColor:d,...c}){const f=i.useElementId().current||void 0;return e.createElement("li",{id:f,className:i.cl(W({stepCompleted:l,disabled:n,barCompleted:_,color:d}),s),...c},a&&e.createElement(i.Icon,{icon:a,size:"sm",className:U({stepCompleted:l})}),o&&f&&e.createElement(r.SpsTooltip,{for:f,title:o},t))}i.Metadata.set(w,{name:"ProgressBarStep",props:{icon:{type:"IconName"},complete:{type:"boolean"},title:{type:"string"},description:{type:"string"}}});function C({className:s,children:o,detail:t,disabled:a,onClose:l,percentComplete:n=0,title:_,showStepsCounter:d,progressColor:c="purple",...f}){const{t:P}=e.useContext(i.I18nContext),[v,z]=e.useState([]),[u]=i.selectChildren(o,[{type:w}]);e.useEffect(()=>{let b=[];u.forEach(B=>{B.hasOwnProperty("props")&&B.props.complete===!0&&b.push(B),z(b)})},[]),n&&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 K=e.Children.map(o,b=>e.isValidElement(b)?e.cloneElement(b,{disabled:a,barCompleted:v.length===u.length,progressColor:c}):b);return e.createElement("div",{className:i.cl(O,s),...f},e.createElement("div",{className:D},_&&e.createElement("div",{className:x},e.createElement("div",{className:F},_),u.length>0?e.createElement(e.Fragment,null,d===!0&&e.createElement("div",{className:$({barCompleted:v.length===u.length,disabled:a,color:c})},`${v.length} of ${u.length} Complete`)):e.createElement("div",{className:H({completed:n===1,disabled:a,color:c})},`${Math.floor(n*100)}%`)),u.length>0?e.createElement("ul",{className:i.cl(G({barCompleted:v.length===u.length,disabled:a,color:c}),"d-flex align-items-center list-unstyled mb-0")},K):e.createElement("div",{className:I({disabled:a})},e.createElement("div",{className:M({completed:n===1,disabled:a,color:c}),style:{width:`${n*100}%`}})),t&&e.createElement("div",{className:A},t)),l&&n!==1&&e.createElement("div",{className:V},e.createElement(y.Button,{kind:"icon",icon:"x",onClick:l,title:P("design-system:progressBar.closeButtonTitle",{defaultValue:"Close progress bar"})})))}i.Metadata.set(C,{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 n=g.Tokens.component["progress-ring"][o]-4,_=n*2*Math.PI,d=_-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:n,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:d},r:n,cx:g.Tokens.component["progress-ring"][o],cy:g.Tokens.component["progress-ring"][o]})))}i.Metadata.set(k,{name:"Progress Ring",props:{size:{type:'"sm" | "md" | "lg"',default:'"sm"'},progress:{type:"number",default:"0"}}});const Y={"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:[C,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(p,S){typeof exports=="object"&&typeof module<"u"?S(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/buttons"),require("@spscommerce/ds-react"),require("@sps-woodland/tokens"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/buttons","@spscommerce/ds-react","@sps-woodland/tokens","@spscommerce/utils"],S):(p=typeof globalThis<"u"?globalThis:p||self,S(p.ProgressIndicators={},p.React,p.core,p.buttons,p.dsReact,p.tokens,p.utils))})(this,function(p,S,i,y,r,g,m){"use strict";function j(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=j(S);function N(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(l){return Object.getOwnPropertyDescriptor(s,l).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){N(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 q=(s,o,t)=>{for(var a of Object.keys(s)){var l;if(s[a]!==((l=o[a])!==null&&l!==void 0?l:t[a]))return!1}return!0},h=s=>o=>{var t=s.defaultClassName,a=T(T({},s.defaultVariants),o);for(var l in a){var n,_=(n=a[l])!==null&&n!==void 0?n:s.defaultVariants[l];if(_!=null){var d=_;typeof d=="boolean"&&(d=d===!0?"true":"false");var c=s.variantClassNames[l][d];c&&(t+=" "+c)}}for(var[f,P]of s.compoundVariants)q(f,a,s.defaultVariants)&&(t+=" "+P);return t},O="pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme0",D="pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme1",V="pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme2",x="pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme3",F="pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme4",H=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme5",variantClassNames:{completed:{true:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme6",false:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme7"},disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme8",false:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme9"},color:{purple:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmea",blue:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmeb",red:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmec",orange:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmed",grey:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmee"}},defaultVariants:{completed:!1,disabled:!1,color:"purple"},compoundVariants:[]}),I=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmef",variantClassNames:{disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmeg",false:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmeh"}},defaultVariants:{disabled:!1},compoundVariants:[]}),M=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmei",variantClassNames:{completed:{true:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmej",false:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmek"},disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmel",false:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmem"},color:{purple:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmen",blue:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmeo",red:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmep",orange:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmeq",grey:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmer"}},defaultVariants:{completed:!1,disabled:!1,color:"purple"},compoundVariants:[[{completed:!0,disabled:!0},"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmes"]]}),A="pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmet",$=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go0",variantClassNames:{barCompleted:{true:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go1",false:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go2"},disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go3",false:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go4"},color:{purple:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go5",blue:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go6",red:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go7",orange:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go8",grey:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go9"}},defaultVariants:{barCompleted:!1,disabled:!1,color:"purple"},compoundVariants:[]}),G=h({defaultClassName:"",variantClassNames:{barCompleted:{true:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goa",false:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gob"},color:{purple:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goc",blue:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0god",red:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goe",orange:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gof",grey:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gog"},disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goh",false:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goi"}},defaultVariants:{barCompleted:!1,color:"purple",disabled:!1},compoundVariants:[]}),U=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goj",variantClassNames:{stepCompleted:{true:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gok",false:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gol"}},defaultVariants:{stepCompleted:!1},compoundVariants:[]}),W=h({defaultClassName:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gom",variantClassNames:{stepCompleted:{true:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gon",false:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goo"},disabled:{true:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gop",false:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goq"},barCompleted:{true:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gor",false:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gos"},color:{purple:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0got",red:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gou",blue:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gov",orange:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gow",grey:"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gox"}},defaultVariants:{stepCompleted:!1,disabled:!1,barCompleted:!1,color:"purple"},compoundVariants:[[{barCompleted:!0,disabled:!0},"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goy"],[{barCompleted:!0,disabled:!1},"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goz"],[{stepCompleted:!0,disabled:!0},"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go10"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"purple"},"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go11"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"red"},"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go12"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"blue"},"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go13"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"orange"},"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go14"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"grey"},"pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go15"]]});function w({className:s,title:o,description:t,icon:a,complete:l=!1,disabled:n,barCompleted:_,progressColor:d,...c}){const f=i.useElementId().current||void 0;return e.createElement("li",{id:f,className:i.cl(W({stepCompleted:l,disabled:n,barCompleted:_,color:d}),s),...c},a&&e.createElement(i.Icon,{icon:a,size:"sm",className:U({stepCompleted:l})}),o&&f&&e.createElement(r.SpsTooltip,{for:f,title:o},t))}i.Metadata.set(w,{name:"ProgressBarStep",props:{icon:{type:"IconName"},complete:{type:"boolean"},title:{type:"string"},description:{type:"string"}}});function C({className:s,children:o,detail:t,disabled:a,onClose:l,percentComplete:n=0,title:_,showStepsCounter:d,progressColor:c="purple",...f}){const{t:P}=e.useContext(i.I18nContext),[v,z]=e.useState([]),[u]=i.selectChildren(o,[{type:w}]);e.useEffect(()=>{let b=[];u.forEach(B=>{B.hasOwnProperty("props")&&B.props.complete===!0&&b.push(B),z(b)})},[]),n&&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 K=e.Children.map(o,b=>e.isValidElement(b)?e.cloneElement(b,{disabled:a,barCompleted:v.length===u.length,progressColor:c}):b);return e.createElement("div",{className:i.cl(O,s),...f},e.createElement("div",{className:D},_&&e.createElement("div",{className:x},e.createElement("div",{className:F},_),u.length>0?e.createElement(e.Fragment,null,d===!0&&e.createElement("div",{className:$({barCompleted:v.length===u.length,disabled:a,color:c})},`${v.length} of ${u.length} Complete`)):e.createElement("div",{className:H({completed:n===1,disabled:a,color:c})},`${Math.floor(n*100)}%`)),u.length>0?e.createElement("ul",{className:i.cl(G({barCompleted:v.length===u.length,disabled:a,color:c}),"d-flex align-items-center list-unstyled mb-0")},K):e.createElement("div",{className:I({disabled:a})},e.createElement("div",{className:M({completed:n===1,disabled:a,color:c}),style:{width:`${n*100}%`}})),t&&e.createElement("div",{className:A},t)),l&&n!==1&&e.createElement("div",{className:V},e.createElement(y.Button,{kind:"icon",icon:"x",onClick:l,title:P("design-system:progressBar.closeButtonTitle",{defaultValue:"Close progress bar"})})))}i.Metadata.set(C,{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 n=g.Tokens.component["progress-ring"][o]-4,_=n*2*Math.PI,d=_-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:n,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:d},r:n,cx:g.Tokens.component["progress-ring"][o],cy:g.Tokens.component["progress-ring"][o]})))}i.Metadata.set(k,{name:"Progress Ring",props:{size:{type:'"sm" | "md" | "lg"',default:'"sm"'},progress:{type:"number",default:"0"}}});const Y={"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:[C,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_33_5__hash_1890qme0{align-items:center;display:flex}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme1{flex-grow:1}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme2{margin-left:.5rem;margin-top:-.375rem}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme3{display:flex;font-size:.875rem;line-height:1.25rem;margin-bottom:.5rem}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme4{color:#1f282c;flex-grow:1}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme5{color:#91467f;font-weight:600;font-size:.875rem;line-height:1.25rem}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme6{color:#0b8940!important}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qme8{color:#d2d4d4!important}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmea{color:#91467f}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmeb{color:#007db8}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmec{color:#de002e}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmed{color:#e7760b}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmee{color:#717779}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmef{background:#e9e9ea;border-radius:.5rem;height:1rem;width:100%;overflow:hidden}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmeg{cursor:not-allowed}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmei{background-color:#91467f;border-radius:.5rem;height:1rem}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmej{background-color:#0b8940!important}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmel{background-color:#d2d4d4!important}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmen{background:#91467f}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmen:hover{background:#6e3c65}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmeo{background:#007db8}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmeo:hover{background:#09638d}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmep{background:#de002e}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmep:hover{background:#a30d2d}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmeq{background:#e7760b}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmeq:hover{background:#aa5e14}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmer{background:#717779}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmer:hover{background:#1f282c}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmes{background-color:#d2d4d4}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_1890qmet{color:#4b5356;font-size:.75rem;line-height:1.125rem;margin-top:1rem}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go0{font-weight:600}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go1{color:#0b8940!important}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go3{color:#d2d4d4!important}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go5{color:#91467f}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go6{color:#007db8}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go7{color:#de002e}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go8{color:#e7760b}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go9{color:#717779}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goh{cursor:not-allowed}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goj{display:block;margin-bottom:0}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gok{color:#fff}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gol{color:#717779}.pkg_sps-woodland_progress-indicators__version_8_33_5__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_33_5__hash_17lj0gom:last-child{border-radius:.125rem .5rem .5rem .125rem}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gom:first-child{border-radius:.5rem .125rem .125rem .5rem;margin-left:0}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0gom:only-child{border-radius:.5rem}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goy{background:#d2d4d4}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0goz{background:#0b8940}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go10{background:#d2d4d4;cursor:not-allowed}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go11{background:#91467f}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go11:hover{background:#6e3c65}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go12{background:#de002e}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go12:hover{background:#a30d2d}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go13{background:#007db8}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go13:hover{background:#09638d}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go14{background:#e7760b}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go14:hover{background:#aa5e14}.pkg_sps-woodland_progress-indicators__version_8_33_5__hash_17lj0go15{background:#717779}.pkg_sps-woodland_progress-indicators__version_8_33_5__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.33.
|
|
4
|
+
"version": "8.33.5",
|
|
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,10 +29,10 @@
|
|
|
29
29
|
"@spscommerce/utils": "^7.0.0",
|
|
30
30
|
"react": "^16.9.0",
|
|
31
31
|
"react-dom": "^16.9.0",
|
|
32
|
-
"@sps-woodland/buttons": "8.33.
|
|
33
|
-
"@sps-woodland/core": "8.33.
|
|
34
|
-
"@sps-woodland/tokens": "8.33.
|
|
35
|
-
"@spscommerce/ds-react": "8.33.
|
|
32
|
+
"@sps-woodland/buttons": "8.33.5",
|
|
33
|
+
"@sps-woodland/core": "8.33.5",
|
|
34
|
+
"@sps-woodland/tokens": "8.33.5",
|
|
35
|
+
"@spscommerce/ds-react": "8.33.5"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"@spscommerce/utils": "^7.0.0",
|
|
@@ -40,10 +40,10 @@
|
|
|
40
40
|
"@vanilla-extract/recipes": "^0.2.5",
|
|
41
41
|
"react": "^16.9.0",
|
|
42
42
|
"react-dom": "^16.9.0",
|
|
43
|
-
"@sps-woodland/buttons": "8.33.
|
|
44
|
-
"@sps-woodland/core": "8.33.
|
|
45
|
-
"@sps-woodland/tokens": "8.33.
|
|
46
|
-
"@spscommerce/ds-react": "8.33.
|
|
43
|
+
"@sps-woodland/buttons": "8.33.5",
|
|
44
|
+
"@sps-woodland/core": "8.33.5",
|
|
45
|
+
"@sps-woodland/tokens": "8.33.5",
|
|
46
|
+
"@spscommerce/ds-react": "8.33.5"
|
|
47
47
|
},
|
|
48
48
|
"scripts": {
|
|
49
49
|
"build": "pnpm run build:js && pnpm run build:types",
|
package/vite.config.mjs
CHANGED