@spscommerce/ds-react 8.56.4 → 8.56.6

package/lib/index.js

@@ -13234,8 +13234,8 @@ function sh(t) {
 			p.current && (p.current.removeEventListener("focus", e), p.current.removeEventListener("blur", t));
 		};
 	}), s && (s.onFocus = () => y(Z.VISIBLE), s.onBlur = () => y(Z.HIDDEN));
-	let b = G(u || "sps-description-list__term", (c || s && s.isRequired()) && "sps-description-list__term--required", (i || h()) && "sps-description-list__term--error", r);
-	function x() {
+	let b = G(u || "sps-description-list__term", (c || s && s.isRequired()) && "sps-description-list__term--required", (i || h()) && "sps-description-list__term--error", r), x = bn(g === pe.ERROR ? a : o), S = x != null && x !== !1 && x !== "";
+	function C() {
 		y(v === Z.VISIBLE ? Z.HIDDEN : Z.VISIBLE);
 	}
 	return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("dt", {
@@ -13244,14 +13244,14 @@ function sh(t) {
 		ref: f,
 		onMouseEnter: () => y(Z.VISIBLE),
 		onMouseLeave: () => y(Z.DELAYED_HIDDEN),
-		onClick: x,
+		onClick: C,
 		...d
 	}, n), /* @__PURE__ */ e.createElement(ah, {
 		kind: g,
 		for: f,
 		showOn: me.MANUAL,
-		isShown: v
-	}, bn(g === pe.ERROR ? a : o)));
+		isShown: S ? v : Z.HIDDEN
+	}, x));
 }
 Object.assign(sh, {
 	props: oh,

package/lib/index.umd.cjs

@@ -2232,7 +2232,7 @@ Valid keys: `+JSON.stringify(Object.keys(e),null,`  `));var p=f(l,d,o,s,c+`.`+d,
             import { SpsDateTime } from "@spscommerce/ds-react";
         `,jsx:n.code`
                     <SpsDateTime>2018-09-11T16:32:52.822000Z</SpsDateTime>
-                `}}}},Vp={compact:`boolean`,wideTerms:`boolean`,widerTerms:`boolean`};function Hp(e){let{children:t,className:n,compact:r=!1,"data-testid":i,unsafelyReplaceClassName:a,wideTerms:o=!1,widerTerms:s=!1,...c}=e,l=y.Children.map(t,(e,t)=>{if(e.type.toString()!==y.Fragment.toString()){let n=parseInt(`${t/2}`,10)+1;return y.cloneElement(e,{style:{...e.props.style,msGridRow:n}})}let n=e.props.children;return y.Children.map(n,e=>y.cloneElement(e,{style:{...e.props.style,msGridRow:t+1}}))}),u=x(a||`sps-description-list`,r&&`sps-description-list--compact`,o&&`sps-description-list--wide-terms`,s&&`sps-description-list--wider-terms`,n);return y.createElement(`dl`,{className:u,"data-testid":`${i}`,...c},l)}Object.assign(Hp,{props:Vp,displayName:`SpsDescriptionList / SpsDl`});function Up(e){return y.createElement(Hp,e)}Object.assign(Up,{props:Vp,displayName:`SpsDescriptionList / SpsDl`});var Wp={};function Gp(e){let{children:t,className:n,"data-testid":r,unsafelyReplaceClassName:i,...a}=e,o=x(i||`sps-description-list__definition`,n);return y.createElement(`dd`,{className:o,"data-testid":`${r}`,...a},t)}Object.assign(Gp,{props:Wp,displayName:`SpsDescriptionListDefinition / SpsDd`});function Kp(e){return y.createElement(Gp,e)}Object.assign(Kp,{props:Wp,displayName:`SpsDescriptionListDefinition / SpsDd`});var Z=function(e){return e.VISIBLE=`visible`,e.DEFER_VISIBLE=`defer_visible`,e.HIDDEN=`hidden`,e.DELAYED_HIDDEN=`delayed_hidden`,e}({});function qp(e){return e===`visible`?`hidden`:`visible`}var Jp=13,Yp=20,Xp=10,Zp=new Map,Qp={for:{type:`React.MutableRefObject<any> | string`,required:!0},hideDelay:`number`,isShown:`TooltipVisibility`,kind:`TooltipKind`,offsets:`[number, number]`,altOffsets:`[number, number]`,onDeferred:`() => void`,position:`Position`,altPosition:`Position`,showOn:`TooltipShowTrigger`,title:`string | ReactNode`};function $p({children:e,className:t,for:n,"data-testid":r,hideDelay:a=i.TOOLTIP_HIDE_DELAY_MS_DEFAULT,isShown:o,kind:s=i.TooltipKind.DEFAULT,offsets:c=[0,0],altOffsets:l,onDeferred:u,position:d=i.Position.TOP_MIDDLE,altPosition:f=Je(d),showOn:p=i.TooltipShowTrigger.MOUSEOVER,style:m,title:h,unsafelyReplaceClassName:g}){let _=y.useRef({instanceKey:Symbol(`ds-react:tooltip:instance-key`),prevIsShown:o,hideTimer:null}),[v,b]=y.useState(!1),S=y.useRef(null),C=typeof n==`string`?y.useRef(document.getElementById(n)):n,w=y.useCallback(()=>{_.current.hideTimer&&(clearTimeout(_.current.hideTimer),_.current.hideTimer=null)},[]),T=y.useCallback(()=>{w(),b(!1)},[]),E=y.useCallback((e=!1)=>{if(e===!0&&Zp.size>0)return u&&u(),!1;if(S.current?.textContent===``)return console.warn(`SpsTooltip is empty; aborting show`),!1;w();for(let e of Zp.values())e();return b(!0),!0},[]),D=y.useCallback(e=>{e&&e.stopPropagation(),b(e=>e?(T(),!1):E())},[]),O=y.useCallback(e=>{S.current&&!S.current.contains(e.target)&&T()},[]),k=y.useCallback(()=>{w(),_.current.hideTimer=setTimeout(T,a)},[]),A=y.useCallback(e=>{let[t,n]=e.split(` `);if(n===`middle`)return 0;let r=C?.current?.getBoundingClientRect();if(!r)return 0;let i=Xp*Math.sqrt(2),a=Yp-(i-Xp)/2+i/2;return[`top`,`bottom`].includes(t)?!r.width||r.width>50?0:r.width/2-a:[`left`,`right`].includes(t)?!r.height||r.height>50?0:r.height/2-a:0},[]);y.useEffect(()=>{if(typeof n==`string`&&(C.current=document.getElementById(n)),v?Zp.set(_.current.instanceKey,T):Zp.has(_.current.instanceKey)&&Zp.delete(_.current.instanceKey),p===i.TooltipShowTrigger.MANUAL){if(o!==_.current.prevIsShown)switch(o){case`visible`:E();break;case`defer_visible`:E(!0);break;case`hidden`:T();break;case`delayed_hidden`:k()}_.current.prevIsShown=o}},[v,o]),y.useEffect(()=>{if(C.current)switch(p){case i.TooltipShowTrigger.MOUSEOVER:C.current.addEventListener(`mouseenter`,E),C.current.addEventListener(`mouseleave`,k);break;case i.TooltipShowTrigger.CLICK:C.current.addEventListener(`click`,D),document.addEventListener(`click`,O);break;case i.TooltipShowTrigger.MANUAL:}},[C]),y.useEffect(()=>{S.current?.textContent===``&&v&&(_.current.hideTimer&&(clearTimeout(_.current.hideTimer),_.current.hideTimer=null),b(!1))},[e,v]),y.useEffect(()=>()=>{w(),Zp.has(_.current.instanceKey)&&Zp.delete(_.current.instanceKey),C.current&&(C.current.removeEventListener(`mouseenter`,E),C.current.removeEventListener(`mouseleave`,k),C.current.removeEventListener(`click`,D),document.removeEventListener(`click`,O))},[]);let j=Qe(`sps-tooltip-portal`),M=y.useContext(Ze),[[N,P],F]=y.useState([{},!1]),I=()=>{let e=[c[0]-Jp,c[1]+A(d)],t=f?[(l?.[0]??c[0])-Jp,(l?.[1]??c[1])+A(f)]:e;return Xe(S,C,d,{altPosition:f,setMinWidth:!1,offsets:e,altOffsets:t,...M})},L=y.useRef(I);L.current=I,y.useEffect(()=>{F(v?L.current():[{},!1])},[v,d,f,c[0],c[1],l?.[0],l?.[1],M?.fixed,M?.parentElementRef,e]),y.useEffect(()=>{if(!v)return;let e=()=>{F(L.current())};return document.addEventListener(`scroll`,e),()=>{document.removeEventListener(`scroll`,e)}},[v]);let R=x(g||`sps-tooltip`,`z-stratum-tip`,`sps-tooltip--${s}`,`sps-tooltip--pos-${(P?f:d).replace(` `,`-`)}`,v&&`sps-tooltip--shown`,t);return j(y.createElement(`div`,{role:`tooltip`,className:R,"data-testid":r,ref:S,style:{...m,...N},onMouseEnter:p===i.TooltipShowTrigger.MOUSEOVER?w:void 0,onMouseLeave:p===i.TooltipShowTrigger.MOUSEOVER?k:void 0},h&&(typeof h==`string`?y.createElement(`span`,{className:`sps-tooltip__title d-block`},h):h),y.createElement(`span`,{className:`sps-tooltip__body d-block`},e),y.createElement(`span`,{className:`sps-tooltip__caret`})))}Object.assign($p,{props:Qp,displayName:`SpsTooltip`});var em={error:`boolean`,errors:`ReactNodeOrRenderFn`,help:`ReactNodeOrRenderFn`,labelFor:`SpsFormFieldMeta<any>`,required:`boolean`};function tm(e){let{children:t,className:n,error:r,errors:a,help:o,labelFor:s,required:c,"data-testid":l,unsafelyReplaceClassName:u,...d}=e,f=y.useRef(null),p=y.useRef();function m(){return p?.current&&p.current.parentElement?.classList.contains(`sps-form-group--error`)}function h(){return s&&!s.isPristine()&&!s.isValid()}let[g,_]=y.useState(),[v,b]=y.useState(Z.HIDDEN);y.useEffect(()=>{_(h()||m()?i.TooltipKind.ERROR:i.TooltipKind.HELP)}),y.useEffect(()=>{p.current=f?.current?.getElementsByClassName(`sps-form-group__label`)[0];let e=()=>b(Z.VISIBLE),t=()=>b(Z.HIDDEN);return p.current&&(p.current.addEventListener(`focus`,e),p.current.addEventListener(`blur`,t)),()=>{p.current&&(p.current.removeEventListener(`focus`,e),p.current.removeEventListener(`blur`,t))}}),s&&(s.onFocus=()=>b(Z.VISIBLE),s.onBlur=()=>b(Z.HIDDEN));let S=x(u||`sps-description-list__term`,(c||s&&s.isRequired())&&`sps-description-list__term--required`,(r||h())&&`sps-description-list__term--error`,n);function C(){b(v===Z.VISIBLE?Z.HIDDEN:Z.VISIBLE)}return y.createElement(y.Fragment,null,y.createElement(`dt`,{className:S,"data-testid":`${l}`,ref:f,onMouseEnter:()=>b(Z.VISIBLE),onMouseLeave:()=>b(Z.DELAYED_HIDDEN),onClick:C,...d},t),y.createElement($p,{kind:g,for:f,showOn:i.TooltipShowTrigger.MANUAL,isShown:v},pt(g===i.TooltipKind.ERROR?a:o)))}Object.assign(tm,{props:em,displayName:`SpsDescriptionListTerm / SpsDt`});function nm(e){return y.createElement(tm,e)}Object.assign(nm,{props:em,displayName:`SpsDescriptionListTerm / SpsDt`});var rm={general:{label:`General Usage`,description:()=>y.default.createElement(y.default.Fragment,null,y.default.createElement(`p`,null,`Description Lists should be used to group a series of related terms (and their accompanying descriptions) together in a tabular-like format.`),y.default.createElement(`p`,null,`Note: Description Lists are not the required pattern for listing terms and descriptions, but should be used when it benefits the legibility of the content over other typographic formats such as unordered lists or tables.`),y.default.createElement(`h5`,null,`Use a Description List`),y.default.createElement(`ul`,null,y.default.createElement(`li`,{className:`mb-2`},`To display two or more terms that have accompanying descriptions or values.`)),y.default.createElement(`h5`,null,`Do Not Use a Description List`),y.default.createElement(`ul`,null,y.default.createElement(`li`,{className:`mb-2`},`To display a single term`),y.default.createElement(`li`,{className:`mb-2`},`If the listed terms do not have descriptions`)))},basic:{label:`Basic Description Lists`,description:()=>y.default.createElement(`p`,null,`Description Lists are available in two sizes. Additionally, the left column can be set to one of three different width options to best accomodate the content in each specific use case.`),examples:{oneToThree:{description:()=>y.default.createElement(`h5`,null,`1-to-3`),react:n.code`
+                `}}}},Vp={compact:`boolean`,wideTerms:`boolean`,widerTerms:`boolean`};function Hp(e){let{children:t,className:n,compact:r=!1,"data-testid":i,unsafelyReplaceClassName:a,wideTerms:o=!1,widerTerms:s=!1,...c}=e,l=y.Children.map(t,(e,t)=>{if(e.type.toString()!==y.Fragment.toString()){let n=parseInt(`${t/2}`,10)+1;return y.cloneElement(e,{style:{...e.props.style,msGridRow:n}})}let n=e.props.children;return y.Children.map(n,e=>y.cloneElement(e,{style:{...e.props.style,msGridRow:t+1}}))}),u=x(a||`sps-description-list`,r&&`sps-description-list--compact`,o&&`sps-description-list--wide-terms`,s&&`sps-description-list--wider-terms`,n);return y.createElement(`dl`,{className:u,"data-testid":`${i}`,...c},l)}Object.assign(Hp,{props:Vp,displayName:`SpsDescriptionList / SpsDl`});function Up(e){return y.createElement(Hp,e)}Object.assign(Up,{props:Vp,displayName:`SpsDescriptionList / SpsDl`});var Wp={};function Gp(e){let{children:t,className:n,"data-testid":r,unsafelyReplaceClassName:i,...a}=e,o=x(i||`sps-description-list__definition`,n);return y.createElement(`dd`,{className:o,"data-testid":`${r}`,...a},t)}Object.assign(Gp,{props:Wp,displayName:`SpsDescriptionListDefinition / SpsDd`});function Kp(e){return y.createElement(Gp,e)}Object.assign(Kp,{props:Wp,displayName:`SpsDescriptionListDefinition / SpsDd`});var Z=function(e){return e.VISIBLE=`visible`,e.DEFER_VISIBLE=`defer_visible`,e.HIDDEN=`hidden`,e.DELAYED_HIDDEN=`delayed_hidden`,e}({});function qp(e){return e===`visible`?`hidden`:`visible`}var Jp=13,Yp=20,Xp=10,Zp=new Map,Qp={for:{type:`React.MutableRefObject<any> | string`,required:!0},hideDelay:`number`,isShown:`TooltipVisibility`,kind:`TooltipKind`,offsets:`[number, number]`,altOffsets:`[number, number]`,onDeferred:`() => void`,position:`Position`,altPosition:`Position`,showOn:`TooltipShowTrigger`,title:`string | ReactNode`};function $p({children:e,className:t,for:n,"data-testid":r,hideDelay:a=i.TOOLTIP_HIDE_DELAY_MS_DEFAULT,isShown:o,kind:s=i.TooltipKind.DEFAULT,offsets:c=[0,0],altOffsets:l,onDeferred:u,position:d=i.Position.TOP_MIDDLE,altPosition:f=Je(d),showOn:p=i.TooltipShowTrigger.MOUSEOVER,style:m,title:h,unsafelyReplaceClassName:g}){let _=y.useRef({instanceKey:Symbol(`ds-react:tooltip:instance-key`),prevIsShown:o,hideTimer:null}),[v,b]=y.useState(!1),S=y.useRef(null),C=typeof n==`string`?y.useRef(document.getElementById(n)):n,w=y.useCallback(()=>{_.current.hideTimer&&(clearTimeout(_.current.hideTimer),_.current.hideTimer=null)},[]),T=y.useCallback(()=>{w(),b(!1)},[]),E=y.useCallback((e=!1)=>{if(e===!0&&Zp.size>0)return u&&u(),!1;if(S.current?.textContent===``)return console.warn(`SpsTooltip is empty; aborting show`),!1;w();for(let e of Zp.values())e();return b(!0),!0},[]),D=y.useCallback(e=>{e&&e.stopPropagation(),b(e=>e?(T(),!1):E())},[]),O=y.useCallback(e=>{S.current&&!S.current.contains(e.target)&&T()},[]),k=y.useCallback(()=>{w(),_.current.hideTimer=setTimeout(T,a)},[]),A=y.useCallback(e=>{let[t,n]=e.split(` `);if(n===`middle`)return 0;let r=C?.current?.getBoundingClientRect();if(!r)return 0;let i=Xp*Math.sqrt(2),a=Yp-(i-Xp)/2+i/2;return[`top`,`bottom`].includes(t)?!r.width||r.width>50?0:r.width/2-a:[`left`,`right`].includes(t)?!r.height||r.height>50?0:r.height/2-a:0},[]);y.useEffect(()=>{if(typeof n==`string`&&(C.current=document.getElementById(n)),v?Zp.set(_.current.instanceKey,T):Zp.has(_.current.instanceKey)&&Zp.delete(_.current.instanceKey),p===i.TooltipShowTrigger.MANUAL){if(o!==_.current.prevIsShown)switch(o){case`visible`:E();break;case`defer_visible`:E(!0);break;case`hidden`:T();break;case`delayed_hidden`:k()}_.current.prevIsShown=o}},[v,o]),y.useEffect(()=>{if(C.current)switch(p){case i.TooltipShowTrigger.MOUSEOVER:C.current.addEventListener(`mouseenter`,E),C.current.addEventListener(`mouseleave`,k);break;case i.TooltipShowTrigger.CLICK:C.current.addEventListener(`click`,D),document.addEventListener(`click`,O);break;case i.TooltipShowTrigger.MANUAL:}},[C]),y.useEffect(()=>{S.current?.textContent===``&&v&&(_.current.hideTimer&&(clearTimeout(_.current.hideTimer),_.current.hideTimer=null),b(!1))},[e,v]),y.useEffect(()=>()=>{w(),Zp.has(_.current.instanceKey)&&Zp.delete(_.current.instanceKey),C.current&&(C.current.removeEventListener(`mouseenter`,E),C.current.removeEventListener(`mouseleave`,k),C.current.removeEventListener(`click`,D),document.removeEventListener(`click`,O))},[]);let j=Qe(`sps-tooltip-portal`),M=y.useContext(Ze),[[N,P],F]=y.useState([{},!1]),I=()=>{let e=[c[0]-Jp,c[1]+A(d)],t=f?[(l?.[0]??c[0])-Jp,(l?.[1]??c[1])+A(f)]:e;return Xe(S,C,d,{altPosition:f,setMinWidth:!1,offsets:e,altOffsets:t,...M})},L=y.useRef(I);L.current=I,y.useEffect(()=>{F(v?L.current():[{},!1])},[v,d,f,c[0],c[1],l?.[0],l?.[1],M?.fixed,M?.parentElementRef,e]),y.useEffect(()=>{if(!v)return;let e=()=>{F(L.current())};return document.addEventListener(`scroll`,e),()=>{document.removeEventListener(`scroll`,e)}},[v]);let R=x(g||`sps-tooltip`,`z-stratum-tip`,`sps-tooltip--${s}`,`sps-tooltip--pos-${(P?f:d).replace(` `,`-`)}`,v&&`sps-tooltip--shown`,t);return j(y.createElement(`div`,{role:`tooltip`,className:R,"data-testid":r,ref:S,style:{...m,...N},onMouseEnter:p===i.TooltipShowTrigger.MOUSEOVER?w:void 0,onMouseLeave:p===i.TooltipShowTrigger.MOUSEOVER?k:void 0},h&&(typeof h==`string`?y.createElement(`span`,{className:`sps-tooltip__title d-block`},h):h),y.createElement(`span`,{className:`sps-tooltip__body d-block`},e),y.createElement(`span`,{className:`sps-tooltip__caret`})))}Object.assign($p,{props:Qp,displayName:`SpsTooltip`});var em={error:`boolean`,errors:`ReactNodeOrRenderFn`,help:`ReactNodeOrRenderFn`,labelFor:`SpsFormFieldMeta<any>`,required:`boolean`};function tm(e){let{children:t,className:n,error:r,errors:a,help:o,labelFor:s,required:c,"data-testid":l,unsafelyReplaceClassName:u,...d}=e,f=y.useRef(null),p=y.useRef();function m(){return p?.current&&p.current.parentElement?.classList.contains(`sps-form-group--error`)}function h(){return s&&!s.isPristine()&&!s.isValid()}let[g,_]=y.useState(),[v,b]=y.useState(Z.HIDDEN);y.useEffect(()=>{_(h()||m()?i.TooltipKind.ERROR:i.TooltipKind.HELP)}),y.useEffect(()=>{p.current=f?.current?.getElementsByClassName(`sps-form-group__label`)[0];let e=()=>b(Z.VISIBLE),t=()=>b(Z.HIDDEN);return p.current&&(p.current.addEventListener(`focus`,e),p.current.addEventListener(`blur`,t)),()=>{p.current&&(p.current.removeEventListener(`focus`,e),p.current.removeEventListener(`blur`,t))}}),s&&(s.onFocus=()=>b(Z.VISIBLE),s.onBlur=()=>b(Z.HIDDEN));let S=x(u||`sps-description-list__term`,(c||s&&s.isRequired())&&`sps-description-list__term--required`,(r||h())&&`sps-description-list__term--error`,n),C=pt(g===i.TooltipKind.ERROR?a:o),w=C!=null&&C!==!1&&C!==``;function T(){b(v===Z.VISIBLE?Z.HIDDEN:Z.VISIBLE)}return y.createElement(y.Fragment,null,y.createElement(`dt`,{className:S,"data-testid":`${l}`,ref:f,onMouseEnter:()=>b(Z.VISIBLE),onMouseLeave:()=>b(Z.DELAYED_HIDDEN),onClick:T,...d},t),y.createElement($p,{kind:g,for:f,showOn:i.TooltipShowTrigger.MANUAL,isShown:w?v:Z.HIDDEN},C))}Object.assign(tm,{props:em,displayName:`SpsDescriptionListTerm / SpsDt`});function nm(e){return y.createElement(tm,e)}Object.assign(nm,{props:em,displayName:`SpsDescriptionListTerm / SpsDt`});var rm={general:{label:`General Usage`,description:()=>y.default.createElement(y.default.Fragment,null,y.default.createElement(`p`,null,`Description Lists should be used to group a series of related terms (and their accompanying descriptions) together in a tabular-like format.`),y.default.createElement(`p`,null,`Note: Description Lists are not the required pattern for listing terms and descriptions, but should be used when it benefits the legibility of the content over other typographic formats such as unordered lists or tables.`),y.default.createElement(`h5`,null,`Use a Description List`),y.default.createElement(`ul`,null,y.default.createElement(`li`,{className:`mb-2`},`To display two or more terms that have accompanying descriptions or values.`)),y.default.createElement(`h5`,null,`Do Not Use a Description List`),y.default.createElement(`ul`,null,y.default.createElement(`li`,{className:`mb-2`},`To display a single term`),y.default.createElement(`li`,{className:`mb-2`},`If the listed terms do not have descriptions`)))},basic:{label:`Basic Description Lists`,description:()=>y.default.createElement(`p`,null,`Description Lists are available in two sizes. Additionally, the left column can be set to one of three different width options to best accomodate the content in each specific use case.`),examples:{oneToThree:{description:()=>y.default.createElement(`h5`,null,`1-to-3`),react:n.code`
           import { SpsDl, SpsDt, SpsDd } from "@spscommerce/ds-react";
           function DemoComponent() {
             return (

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/ds-react",
   "description": "SPS Design System React components",
-  "version": "8.56.4",
+  "version": "8.56.6",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/woodland/tree/main/packages/@spscommerce/ds-react",
@@ -46,11 +46,11 @@
     "moment-timezone": "^0.6.0",
     "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@sps-woodland/illustrations": "8.56.4",
-    "@spscommerce/ds-colors": "8.56.4",
-    "@spscommerce/ds-shared": "8.56.4",
-    "@spscommerce/i18n": "8.56.4",
-    "@spscommerce/positioning": "8.56.4"
+    "@sps-woodland/illustrations": "8.56.6",
+    "@spscommerce/ds-colors": "8.56.6",
+    "@spscommerce/ds-shared": "8.56.6",
+    "@spscommerce/i18n": "8.56.6",
+    "@spscommerce/positioning": "8.56.6"
   },
   "devDependencies": {
     "@react-stately/collections": "3.13.1",
@@ -70,12 +70,12 @@
     "raf-stub": "3.0.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "@sps-woodland/illustrations": "8.56.4",
-    "@spscommerce/ds-colors": "8.56.4",
-    "@spscommerce/ds-shared": "8.56.4",
-    "@spscommerce/i18n": "8.56.4",
-    "@spscommerce/positioning": "8.56.4",
-    "test": "8.56.4"
+    "@sps-woodland/illustrations": "8.56.6",
+    "@spscommerce/ds-colors": "8.56.6",
+    "@spscommerce/ds-shared": "8.56.6",
+    "@spscommerce/i18n": "8.56.6",
+    "@spscommerce/positioning": "8.56.6",
+    "test": "8.56.6"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:types",