@spscommerce/ds-react 5.32.6 → 5.33.2

package/lib/index.cjs.js

@@ -8892,7 +8892,7 @@ function Component() {
                           </>
                         )
                     }
-                `}}}};function NM(){const[e,t]=s.useState([]),n=s.useCallback(()=>e.map((r,i)=>s.createElement(Ir,{id:r.id,key:r.id,title:r.title,kind:r.kind,imgSrc:r.imgSrc,onClose:()=>{r.onClose&&r.onClose(),r.closed=!0,e.every(l=>l.closed)&&t([])}},At(r.content))),[e]),a=s.useCallback(r=>{t(i=>[...i,$(I({},r),{kind:r.kind||M.GrowlerKind.INFO,id:r.id||Dn()})])},[]);return[n,a]}const IM={color:"TagKind",href:"String",icon:"SpsIcon",tagKey:{type:"String",required:!0},value:{type:"String",required:!0}},_M=$(I({},q),{color:be(M.TagKind),href:T.exports.string,icon:be(M.SpsIcon),tagKey:T.exports.string.isRequired,value:T.exports.string.isRequired});function Dh(e){const f=e,{color:t=M.TagKind.KEY,"data-testid":n,href:a,icon:r,tagKey:i,value:l,unsafelyReplaceClassName:c}=f,p=J(f,["color","data-testid","href","icon","tagKey","value","unsafelyReplaceClassName"]),u=A(c||"sps-key-value-tag",a&&"sps-key-value-tag--link");return s.createElement("span",I({className:u,"data-testid":`${n}__key-value-tag`},p),s.createElement(Ot,{icon:r,kind:t,className:"sps-key-value-tag--key"},i),s.createElement(Ot,{className:"sps-key-value-tag--value"},a&&s.createElement("a",{href:a},l),!a&&l))}Object.assign(Dh,{props:IM,propTypes:_M,displayName:"SpsKeyValueTag"});const MM={basic:{label:"Basic",examples:{basic:{react:x.code`
+                `}}}};function NM(){const[e,t]=s.useState([]),n=s.useCallback(()=>e.map((r,i)=>s.createElement(Ir,{id:r.id,key:r.id,title:r.title,kind:r.kind,imgSrc:r.imgSrc,onClose:()=>{r.onClose&&r.onClose(),r.closed=!0,e.every(l=>l.closed)&&t([])}},At(r.content))),[e]),a=s.useCallback(r=>{t(i=>[...i,$(I({},r),{kind:r.kind||M.GrowlerKind.INFO,id:r.id||Dn()})])},[]);return[n,a]}const IM={color:"TagKind",href:"String",icon:"SpsIcon",tagKey:{type:"String",required:!0},value:{type:"String",required:!0}},_M=$(I({},q),{color:be(M.TagKind),href:T.exports.string,icon:be(M.SpsIcon),tagKey:T.exports.string.isRequired,value:T.exports.string.isRequired});function Dh(e){const m=e,{color:t=M.TagKind.KEY,className:n,"data-testid":a,href:r,icon:i,tagKey:l,value:c,unsafelyReplaceClassName:p}=m,u=J(m,["color","className","data-testid","href","icon","tagKey","value","unsafelyReplaceClassName"]),f=A(p||"sps-key-value-tag",r&&"sps-key-value-tag--link",n);return s.createElement("span",I({className:f,"data-testid":`${a}__key-value-tag`},u),s.createElement(Ot,{icon:i,kind:t,className:"sps-key-value-tag--key"},l),s.createElement(Ot,{className:"sps-key-value-tag--value"},r&&s.createElement("a",{href:r},c),!r&&c))}Object.assign(Dh,{props:IM,propTypes:_M,displayName:"SpsKeyValueTag"});const MM={basic:{label:"Basic",examples:{basic:{react:x.code`
                     function Component() {
                         return (
                             <>

package/lib/index.es.js

@@ -38534,6 +38534,7 @@ const propTypes$7 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
 function SpsKeyValueTag(props2) {
   const _a = props2, {
     color = TagKind.KEY,
+    className,
     "data-testid": testId,
     href,
     icon,
@@ -38542,6 +38543,7 @@ function SpsKeyValueTag(props2) {
     unsafelyReplaceClassName
   } = _a, rest = __objRest(_a, [
     "color",
+    "className",
     "data-testid",
     "href",
     "icon",
@@ -38549,7 +38551,7 @@ function SpsKeyValueTag(props2) {
     "value",
     "unsafelyReplaceClassName"
   ]);
-  const classes = clsx(unsafelyReplaceClassName || "sps-key-value-tag", href && "sps-key-value-tag--link");
+  const classes = clsx(unsafelyReplaceClassName || "sps-key-value-tag", href && "sps-key-value-tag--link", className);
   return /* @__PURE__ */ React.createElement("span", __spreadValues({
     className: classes,
     "data-testid": `${testId}__key-value-tag`

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/ds-react",
   "description": "SPS Design System React components",
-  "version": "5.32.6",
+  "version": "5.33.2",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-react",
@@ -28,11 +28,11 @@
   },
   "peerDependencies": {
     "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "5.32.6",
-    "@spscommerce/ds-illustrations": "5.32.6",
-    "@spscommerce/ds-shared": "5.32.6",
-    "@spscommerce/positioning": "5.32.6",
-    "@spscommerce/utils": "5.32.6",
+    "@spscommerce/ds-colors": "5.33.2",
+    "@spscommerce/ds-illustrations": "5.33.2",
+    "@spscommerce/ds-shared": "5.33.2",
+    "@spscommerce/positioning": "5.33.2",
+    "@spscommerce/utils": "5.33.2",
     "moment": "^2.25.3",
     "moment-timezone": "^0.5.28",
     "react": "^16.9.0",
@@ -40,11 +40,11 @@
   },
   "devDependencies": {
     "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "5.32.6",
-    "@spscommerce/ds-illustrations": "5.32.6",
-    "@spscommerce/ds-shared": "5.32.6",
-    "@spscommerce/positioning": "5.32.6",
-    "@spscommerce/utils": "5.32.6",
+    "@spscommerce/ds-colors": "5.33.2",
+    "@spscommerce/ds-illustrations": "5.33.2",
+    "@spscommerce/ds-shared": "5.33.2",
+    "@spscommerce/positioning": "5.33.2",
+    "@spscommerce/utils": "5.33.2",
     "@testing-library/react": "^9.3.2",
     "@types/prop-types": "^15.7.1",
     "@types/react": "^16.9.0",