@sps-woodland/tags 8.4.4 → 8.4.5

package/lib/clickable-tag/ClickableTag.d.ts

@@ -1,9 +1,10 @@
 import * as React from "react";
 import type { ComponentProps } from "@sps-woodland/core";
 import type { ClickableTagKind } from "./ClickableTag.css";
-export declare function ClickableTag({ children, className, onClick, disabled, href, kind, onAdd, onRemove, ...rest }: ComponentProps<{
+export declare function ClickableTag({ children, className, onClick, disabled, href, target, kind, onAdd, onRemove, ...rest }: ComponentProps<{
     disabled?: boolean;
     href?: string;
+    target?: "_blank" | "_self" | "_parent" | "_top";
     kind?: ClickableTagKind;
     onAdd?: () => void;
     onRemove?: () => void;

package/lib/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("react"),i=require("@sps-woodland/core"),c=require("@spscommerce/utils");function N(a){if(a&&a.__esModule)return a;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const l=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(r,e,l.get?l:{enumerable:!0,get:()=>a[e]})}}return r.default=a,Object.freeze(r)}const n=N(_);function O(a,r,e){return r in a?Object.defineProperty(a,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):a[r]=e,a}function v(a,r){var e=Object.keys(a);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(a);r&&(l=l.filter(function(t){return Object.getOwnPropertyDescriptor(a,t).enumerable})),e.push.apply(e,l)}return e}function C(a){for(var r=1;r<arguments.length;r++){var e=arguments[r]!=null?arguments[r]:{};r%2?v(Object(e),!0).forEach(function(l){O(a,l,e[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(e)):v(Object(e)).forEach(function(l){Object.defineProperty(a,l,Object.getOwnPropertyDescriptor(e,l))})}return a}var S=(a,r,e)=>{for(var l of Object.keys(a)){var t;if(a[l]!==((t=r[l])!==null&&t!==void 0?t:e[l]))return!1}return!0},f=a=>r=>{var e=a.defaultClassName,l=C(C({},a.defaultVariants),r);for(var t in l){var m,o=(m=l[t])!==null&&m!==void 0?m:a.defaultVariants[t];if(o!=null){var s=o;typeof s=="boolean"&&(s=s===!0?"true":"false");var u=a.variantClassNames[t][s];u&&(e+=" "+u)}}for(var[p,b]of a.compoundVariants)S(p,l,a.defaultVariants)&&(e+=" "+b);return e},E=f({defaultClassName:"_160drw10",variantClassNames:{kind:{blue:"_160drw11",gray:"_160drw12"},disabled:{true:"_160drw13",false:"_160drw14"}},defaultVariants:{kind:"blue",disabled:!1},compoundVariants:[]}),h="_160drw1e",K="_160drw1d",P=f({defaultClassName:"_160drw15",variantClassNames:{link:{true:"_160drw16",false:"_160drw17"},disabled:{true:"_160drw18",false:"_160drw19"},addOrRemove:{true:"_160drw1a",false:"_160drw1b"}},defaultVariants:{link:!1,disabled:!1,addOrRemove:!1},compoundVariants:[[{disabled:!1,addOrRemove:!0},"_160drw1c"]]}),j="_160drw1f";function T({children:a,className:r,onClick:e,disabled:l,href:t,kind:m,onAdd:o,onRemove:s,...u}){const p=n.Children.toArray(a).filter(d=>typeof d=="string").join("");n.useEffect(()=>{if(s&&o)throw new Error("Clickable tag should have onRemove or onAdd, not both")},[o,s]);function b(d){o?o():s&&s(),d.stopPropagation()}function y(d){d.stopPropagation(),e&&e(d)}return n.createElement("div",{className:i.cl(E({kind:m,disabled:l}),r),...u},n.createElement("span",{className:i.cl(P({link:!!t||!!e,disabled:l,addOrRemove:o||s})),onClick:y,title:p},t?n.createElement("a",{className:j,href:t},a):a),(o||s)&&!l&&n.createElement("div",{className:K,onClick:l?void 0:b,tabIndex:-1,"aria-label":o?"Add":"Remove"},n.createElement(i.Icon,{className:h,"aria-hidden":"true",icon:o?"plus-sign":"x"})))}i.Metadata.set(T,{name:"Clickable Tag",props:{disabled:{type:"boolean",default:"false"},href:{type:"string"},kind:{type:"ClickableTagKind",default:"blue"},onAdd:{type:"() => void"},onRemove:{type:"() => void"}}});var x=f({defaultClassName:"_5f3efi0",variantClassNames:{kind:{default:"_5f3efi1",key:"_5f3efi2",warning:"_5f3efi3",error:"_5f3efi4",pending:"_5f3efi5",success:"_5f3efi6",info:"_5f3efi7"}},defaultVariants:{kind:"default"},compoundVariants:[]}),F=f({defaultClassName:"_5f3efi8",variantClassNames:{kind:{default:"_5f3efi9",key:"_5f3efia",warning:"_5f3efib",error:"_5f3efic",pending:"_5f3efid",success:"_5f3efie",info:"_5f3efif"}},defaultVariants:{kind:"default"},compoundVariants:[]});const w=Object.freeze({default:"info-circle",key:"info-circle",warning:"status-warning",error:"status-error",pending:"status-in-process",success:"status-ok",info:"info-circle"});function g({children:a,className:r,kind:e="default",icon:l,...t}){return n.createElement("span",{className:i.cl(x({kind:e}),r),...t},l&&n.createElement(i.Icon,{className:i.cl(F({kind:e})),icon:w[e]}),a)}i.Metadata.set(g,{name:"Tag",props:{kind:{type:"TagKind",default:"default"},icon:{type:"boolean",default:"false"}}});var V="_79ofse0",I="_79ofse1",M="_79ofsec",R=f({defaultClassName:"_79ofse2",variantClassNames:{href:{true:"_79ofse3",false:"_79ofse4"},kind:{default:"_79ofse5",key:"_79ofse6",warning:"_79ofse7",error:"_79ofse8",pending:"_79ofse9",success:"_79ofsea",info:"_79ofseb"}},defaultVariants:{href:!1,kind:"default"},compoundVariants:[]});function k({children:a,className:r,color:e="default",href:l,icon:t,tagKey:m,value:o,...s}){return n.createElement("span",{className:i.cl(V,r),...s},n.createElement(g,{className:i.cl(I),icon:t,kind:e},m),n.createElement(g,{className:i.cl(R({href:!!l,kind:e}))},l?n.createElement("a",{className:M,href:l},o):o))}i.Metadata.set(k,{name:"Split Tag",props:{color:{type:"TagKind",default:"key"},href:{type:"string"},icon:{type:"boolean",default:"false"},tagKey:{type:"string",required:!0},value:{type:"string",required:!0}}});const D={components:[T],examples:{basic:{label:"Basic Tag",examples:{basic:{react:c.code`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const N=require("react"),n=require("@sps-woodland/core"),c=require("@spscommerce/utils");function O(e){if(e&&e.__esModule)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,l.get?l:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const s=O(N);function S(e,r,a){return r in e?Object.defineProperty(e,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[r]=a,e}function _(e,r){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);r&&(l=l.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),a.push.apply(a,l)}return a}function v(e){for(var r=1;r<arguments.length;r++){var a=arguments[r]!=null?arguments[r]:{};r%2?_(Object(a),!0).forEach(function(l){S(e,l,a[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):_(Object(a)).forEach(function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(a,l))})}return e}var E=(e,r,a)=>{for(var l of Object.keys(e)){var t;if(e[l]!==((t=r[l])!==null&&t!==void 0?t:a[l]))return!1}return!0},u=e=>r=>{var a=e.defaultClassName,l=v(v({},e.defaultVariants),r);for(var t in l){var m,d=(m=l[t])!==null&&m!==void 0?m:e.defaultVariants[t];if(d!=null){var o=d;typeof o=="boolean"&&(o=o===!0?"true":"false");var i=e.variantClassNames[t][o];i&&(a+=" "+i)}}for(var[p,b]of e.compoundVariants)E(p,l,e.defaultVariants)&&(a+=" "+b);return a},h=u({defaultClassName:"_160drw10",variantClassNames:{kind:{blue:"_160drw11",gray:"_160drw12"},disabled:{true:"_160drw13",false:"_160drw14"}},defaultVariants:{kind:"blue",disabled:!1},compoundVariants:[]}),K="_160drw1e",P="_160drw1d",j=u({defaultClassName:"_160drw15",variantClassNames:{link:{true:"_160drw16",false:"_160drw17"},disabled:{true:"_160drw18",false:"_160drw19"},addOrRemove:{true:"_160drw1a",false:"_160drw1b"}},defaultVariants:{link:!1,disabled:!1,addOrRemove:!1},compoundVariants:[[{disabled:!1,addOrRemove:!0},"_160drw1c"]]}),x="_160drw1f";function T({children:e,className:r,onClick:a,disabled:l,href:t,target:m,kind:d,onAdd:o,onRemove:i,...p}){const b=s.Children.toArray(e).filter(g=>typeof g=="string").join("");s.useEffect(()=>{if(i&&o)throw new Error("Clickable tag should have onRemove or onAdd, not both")},[o,i]);function y(g){o?o():i&&i(),g.stopPropagation()}function w(g){g.stopPropagation(),a&&a(g)}return s.createElement("div",{className:n.cl(h({kind:d,disabled:l}),r),...p},s.createElement("span",{className:n.cl(j({link:!!t||!!a,disabled:l,addOrRemove:o||i})),onClick:w,title:b},t?s.createElement("a",{className:x,href:t,target:m},e):e),(o||i)&&!l&&s.createElement("div",{className:P,onClick:l?void 0:y,tabIndex:-1,"aria-label":o?"Add":"Remove"},s.createElement(n.Icon,{className:K,"aria-hidden":"true",icon:o?"plus-sign":"x"})))}n.Metadata.set(T,{name:"Clickable Tag",props:{disabled:{type:"boolean",default:"false"},href:{type:"string"},target:{type:"'_blank' | '_self' | '_parent' | '_top'"},kind:{type:"ClickableTagKind",default:"blue"},onAdd:{type:"() => void"},onRemove:{type:"() => void"}}});var F=u({defaultClassName:"_5f3efi0",variantClassNames:{kind:{default:"_5f3efi1",key:"_5f3efi2",warning:"_5f3efi3",error:"_5f3efi4",pending:"_5f3efi5",success:"_5f3efi6",info:"_5f3efi7"}},defaultVariants:{kind:"default"},compoundVariants:[]}),V=u({defaultClassName:"_5f3efi8",variantClassNames:{kind:{default:"_5f3efi9",key:"_5f3efia",warning:"_5f3efib",error:"_5f3efic",pending:"_5f3efid",success:"_5f3efie",info:"_5f3efif"}},defaultVariants:{kind:"default"},compoundVariants:[]});const C=Object.freeze({default:"info-circle",key:"info-circle",warning:"status-warning",error:"status-error",pending:"status-in-process",success:"status-ok",info:"info-circle"});function f({children:e,className:r,kind:a="default",icon:l,...t}){return s.createElement("span",{className:n.cl(F({kind:a}),r),...t},l&&s.createElement(n.Icon,{className:n.cl(V({kind:a})),icon:C[a]}),e)}n.Metadata.set(f,{name:"Tag",props:{kind:{type:"TagKind",default:"default"},icon:{type:"boolean",default:"false"}}});var I="_79ofse0",M="_79ofse1",R="_79ofsec",D=u({defaultClassName:"_79ofse2",variantClassNames:{href:{true:"_79ofse3",false:"_79ofse4"},kind:{default:"_79ofse5",key:"_79ofse6",warning:"_79ofse7",error:"_79ofse8",pending:"_79ofse9",success:"_79ofsea",info:"_79ofseb"}},defaultVariants:{href:!1,kind:"default"},compoundVariants:[]});function k({children:e,className:r,color:a="default",href:l,target:t,icon:m,tagKey:d,value:o,...i}){return s.createElement("span",{className:n.cl(I,r),...i},s.createElement(f,{className:n.cl(M),icon:m,kind:a},d),s.createElement(f,{className:n.cl(D({href:!!l,kind:a}))},l?s.createElement("a",{className:R,href:l,target:t},o):o))}n.Metadata.set(k,{name:"Split Tag",props:{color:{type:"TagKind",default:"key"},href:{type:"string"},target:{type:"'_blank' | '_self' | '_parent' | '_top'"},icon:{type:"boolean",default:"false"},tagKey:{type:"string",required:!0},value:{type:"string",required:!0}}});const L={components:[T],examples:{basic:{label:"Basic Tag",examples:{basic:{react:c.code`
             import { ClickableTag } from "@sps-woodland/tags";
 
             function Component() {
@@ -63,7 +63,7 @@
                 </>
               );
             }
-          `}}}}},L={components:[g],examples:{basic:{label:"Basic Tag",examples:{basic:{react:c.code`
+          `}}}}},q={components:[f],examples:{basic:{label:"Basic Tag",examples:{basic:{react:c.code`
             import { Tag } from "@sps-woodland/tag";
 
             function Component() {
@@ -95,7 +95,7 @@
                 </>
               )
             }
-          `}}}}},q={components:[k],examples:{basic:{label:"Basic",examples:{basic:{react:c.code`
+          `}}}}},B={components:[k],examples:{basic:{label:"Basic",examples:{basic:{react:c.code`
             import { SplitTag } from "@sps-woodland/tag";
 
             function Component() {
@@ -133,4 +133,4 @@
                 <SplitTag tagKey="Foo" value="1234" icon href="https://www.google.com" />
               );
             }
-          `}}}}},B={"Clickable Tags":D,Tags:L,"Split Tags":q};exports.ClickableTag=T;exports.MANIFEST=B;exports.SplitTag=k;exports.Tag=g;exports.TagIcons=w;
+          `}}}}},A={"Clickable Tags":L,Tags:q,"Split Tags":B};exports.ClickableTag=T;exports.MANIFEST=A;exports.SplitTag=k;exports.Tag=f;exports.TagIcons=C;

package/lib/index.es.js

@@ -1,7 +1,7 @@
-import * as o from "react";
+import * as n from "react";
 import { Metadata as T, cl as m, Icon as C } from "@sps-woodland/core";
 import { code as i } from "@spscommerce/utils";
-function _(a, r, e) {
+function O(a, r, e) {
   return r in a ? Object.defineProperty(a, r, {
     value: e,
     enumerable: !0,
@@ -13,8 +13,8 @@ function k(a, r) {
   var e = Object.keys(a);
   if (Object.getOwnPropertySymbols) {
     var l = Object.getOwnPropertySymbols(a);
-    r && (l = l.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(a, s).enumerable;
+    r && (l = l.filter(function(t) {
+      return Object.getOwnPropertyDescriptor(a, t).enumerable;
     })), e.push.apply(e, l);
   }
   return e;
@@ -23,94 +23,96 @@ function v(a) {
   for (var r = 1; r < arguments.length; r++) {
     var e = arguments[r] != null ? arguments[r] : {};
     r % 2 ? k(Object(e), !0).forEach(function(l) {
-      _(a, l, e[l]);
+      O(a, l, e[l]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(e)) : k(Object(e)).forEach(function(l) {
       Object.defineProperty(a, l, Object.getOwnPropertyDescriptor(e, l));
     });
   }
   return a;
 }
-var O = (a, r, e) => {
+var S = (a, r, e) => {
   for (var l of Object.keys(a)) {
-    var s;
-    if (a[l] !== ((s = r[l]) !== null && s !== void 0 ? s : e[l]))
+    var t;
+    if (a[l] !== ((t = r[l]) !== null && t !== void 0 ? t : e[l]))
       return !1;
   }
   return !0;
-}, f = (a) => (r) => {
+}, d = (a) => (r) => {
   var e = a.defaultClassName, l = v(v({}, a.defaultVariants), r);
-  for (var s in l) {
-    var c, t = (c = l[s]) !== null && c !== void 0 ? c : a.defaultVariants[s];
-    if (t != null) {
-      var n = t;
-      typeof n == "boolean" && (n = n === !0 ? "true" : "false");
-      var d = a.variantClassNames[s][n];
-      d && (e += " " + d);
+  for (var t in l) {
+    var c, g = (c = l[t]) !== null && c !== void 0 ? c : a.defaultVariants[t];
+    if (g != null) {
+      var s = g;
+      typeof s == "boolean" && (s = s === !0 ? "true" : "false");
+      var o = a.variantClassNames[t][s];
+      o && (e += " " + o);
     }
   }
   for (var [u, b] of a.compoundVariants)
-    O(u, l, a.defaultVariants) && (e += " " + b);
+    S(u, l, a.defaultVariants) && (e += " " + b);
   return e;
-}, S = f({ defaultClassName: "_160drw10", variantClassNames: { kind: { blue: "_160drw11", gray: "_160drw12" }, disabled: { true: "_160drw13", false: "_160drw14" } }, defaultVariants: { kind: "blue", disabled: !1 }, compoundVariants: [] }), E = "_160drw1e", h = "_160drw1d", K = f({ defaultClassName: "_160drw15", variantClassNames: { link: { true: "_160drw16", false: "_160drw17" }, disabled: { true: "_160drw18", false: "_160drw19" }, addOrRemove: { true: "_160drw1a", false: "_160drw1b" } }, defaultVariants: { link: !1, disabled: !1, addOrRemove: !1 }, compoundVariants: [[{ disabled: !1, addOrRemove: !0 }, "_160drw1c"]] }), x = "_160drw1f";
-function w({
+}, E = d({ defaultClassName: "_160drw10", variantClassNames: { kind: { blue: "_160drw11", gray: "_160drw12" }, disabled: { true: "_160drw13", false: "_160drw14" } }, defaultVariants: { kind: "blue", disabled: !1 }, compoundVariants: [] }), h = "_160drw1e", K = "_160drw1d", x = d({ defaultClassName: "_160drw15", variantClassNames: { link: { true: "_160drw16", false: "_160drw17" }, disabled: { true: "_160drw18", false: "_160drw19" }, addOrRemove: { true: "_160drw1a", false: "_160drw1b" } }, defaultVariants: { link: !1, disabled: !1, addOrRemove: !1 }, compoundVariants: [[{ disabled: !1, addOrRemove: !0 }, "_160drw1c"]] }), F = "_160drw1f";
+function _({
   children: a,
   className: r,
   onClick: e,
   disabled: l,
-  href: s,
-  kind: c,
-  onAdd: t,
-  onRemove: n,
-  ...d
+  href: t,
+  target: c,
+  kind: g,
+  onAdd: s,
+  onRemove: o,
+  ...u
 }) {
-  const u = o.Children.toArray(a).filter((g) => typeof g == "string").join("");
-  o.useEffect(() => {
-    if (n && t)
+  const b = n.Children.toArray(a).filter((f) => typeof f == "string").join("");
+  n.useEffect(() => {
+    if (o && s)
       throw new Error("Clickable tag should have onRemove or onAdd, not both");
-  }, [t, n]);
-  function b(g) {
-    t ? t() : n && n(), g.stopPropagation();
+  }, [s, o]);
+  function y(f) {
+    s ? s() : o && o(), f.stopPropagation();
   }
-  function y(g) {
-    g.stopPropagation(), e && e(g);
+  function N(f) {
+    f.stopPropagation(), e && e(f);
   }
-  return /* @__PURE__ */ o.createElement("div", { className: m(S({ kind: c, disabled: l }), r), ...d }, /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ n.createElement("div", { className: m(E({ kind: g, disabled: l }), r), ...u }, /* @__PURE__ */ n.createElement(
     "span",
     {
       className: m(
-        K({
-          link: !!s || !!e,
+        x({
+          link: !!t || !!e,
           disabled: l,
-          addOrRemove: t || n
+          addOrRemove: s || o
         })
       ),
-      onClick: y,
-      title: u
+      onClick: N,
+      title: b
     },
-    s ? /* @__PURE__ */ o.createElement("a", { className: x, href: s }, a) : a
-  ), (t || n) && !l && /* @__PURE__ */ o.createElement(
+    t ? /* @__PURE__ */ n.createElement("a", { className: F, href: t, target: c }, a) : a
+  ), (s || o) && !l && /* @__PURE__ */ n.createElement(
     "div",
     {
-      className: h,
-      onClick: l ? void 0 : b,
+      className: K,
+      onClick: l ? void 0 : y,
       tabIndex: -1,
-      "aria-label": t ? "Add" : "Remove"
+      "aria-label": s ? "Add" : "Remove"
     },
-    /* @__PURE__ */ o.createElement(C, { className: E, "aria-hidden": "true", icon: t ? "plus-sign" : "x" })
+    /* @__PURE__ */ n.createElement(C, { className: h, "aria-hidden": "true", icon: s ? "plus-sign" : "x" })
   ));
 }
-T.set(w, {
+T.set(_, {
   name: "Clickable Tag",
   props: {
     disabled: { type: "boolean", default: "false" },
     href: { type: "string" },
+    target: { type: "'_blank' | '_self' | '_parent' | '_top'" },
     kind: { type: "ClickableTagKind", default: "blue" },
     onAdd: { type: "() => void" },
     onRemove: { type: "() => void" }
   }
 });
-var F = f({ defaultClassName: "_5f3efi0", variantClassNames: { kind: { default: "_5f3efi1", key: "_5f3efi2", warning: "_5f3efi3", error: "_5f3efi4", pending: "_5f3efi5", success: "_5f3efi6", info: "_5f3efi7" } }, defaultVariants: { kind: "default" }, compoundVariants: [] }), V = f({ defaultClassName: "_5f3efi8", variantClassNames: { kind: { default: "_5f3efi9", key: "_5f3efia", warning: "_5f3efib", error: "_5f3efic", pending: "_5f3efid", success: "_5f3efie", info: "_5f3efif" } }, defaultVariants: { kind: "default" }, compoundVariants: [] });
-const P = Object.freeze({
+var V = d({ defaultClassName: "_5f3efi0", variantClassNames: { kind: { default: "_5f3efi1", key: "_5f3efi2", warning: "_5f3efi3", error: "_5f3efi4", pending: "_5f3efi5", success: "_5f3efi6", info: "_5f3efi7" } }, defaultVariants: { kind: "default" }, compoundVariants: [] }), P = d({ defaultClassName: "_5f3efi8", variantClassNames: { kind: { default: "_5f3efi9", key: "_5f3efia", warning: "_5f3efib", error: "_5f3efic", pending: "_5f3efid", success: "_5f3efie", info: "_5f3efif" } }, defaultVariants: { kind: "default" }, compoundVariants: [] });
+const j = Object.freeze({
   default: "info-circle",
   key: "info-circle",
   warning: "status-warning",
@@ -124,9 +126,9 @@ function p({
   className: r,
   kind: e = "default",
   icon: l,
-  ...s
+  ...t
 }) {
-  return /* @__PURE__ */ o.createElement("span", { className: m(F({ kind: e }), r), ...s }, l && /* @__PURE__ */ o.createElement(C, { className: m(V({ kind: e })), icon: P[e] }), a);
+  return /* @__PURE__ */ n.createElement("span", { className: m(V({ kind: e }), r), ...t }, l && /* @__PURE__ */ n.createElement(C, { className: m(P({ kind: e })), icon: j[e] }), a);
 }
 T.set(p, {
   name: "Tag",
@@ -135,31 +137,33 @@ T.set(p, {
     icon: { type: "boolean", default: "false" }
   }
 });
-var j = "_79ofse0", I = "_79ofse1", R = "_79ofsec", D = f({ defaultClassName: "_79ofse2", variantClassNames: { href: { true: "_79ofse3", false: "_79ofse4" }, kind: { default: "_79ofse5", key: "_79ofse6", warning: "_79ofse7", error: "_79ofse8", pending: "_79ofse9", success: "_79ofsea", info: "_79ofseb" } }, defaultVariants: { href: !1, kind: "default" }, compoundVariants: [] });
-function N({
+var I = "_79ofse0", R = "_79ofse1", D = "_79ofsec", L = d({ defaultClassName: "_79ofse2", variantClassNames: { href: { true: "_79ofse3", false: "_79ofse4" }, kind: { default: "_79ofse5", key: "_79ofse6", warning: "_79ofse7", error: "_79ofse8", pending: "_79ofse9", success: "_79ofsea", info: "_79ofseb" } }, defaultVariants: { href: !1, kind: "default" }, compoundVariants: [] });
+function w({
   children: a,
   className: r,
   color: e = "default",
   href: l,
-  icon: s,
-  tagKey: c,
-  value: t,
-  ...n
+  target: t,
+  icon: c,
+  tagKey: g,
+  value: s,
+  ...o
 }) {
-  return /* @__PURE__ */ o.createElement("span", { className: m(j, r), ...n }, /* @__PURE__ */ o.createElement(p, { className: m(I), icon: s, kind: e }, c), /* @__PURE__ */ o.createElement(p, { className: m(D({ href: !!l, kind: e })) }, l ? /* @__PURE__ */ o.createElement("a", { className: R, href: l }, t) : t));
+  return /* @__PURE__ */ n.createElement("span", { className: m(I, r), ...o }, /* @__PURE__ */ n.createElement(p, { className: m(R), icon: c, kind: e }, g), /* @__PURE__ */ n.createElement(p, { className: m(L({ href: !!l, kind: e })) }, l ? /* @__PURE__ */ n.createElement("a", { className: D, href: l, target: t }, s) : s));
 }
-T.set(N, {
+T.set(w, {
   name: "Split Tag",
   props: {
     color: { type: "TagKind", default: "key" },
     href: { type: "string" },
+    target: { type: "'_blank' | '_self' | '_parent' | '_top'" },
     icon: { type: "boolean", default: "false" },
     tagKey: { type: "string", required: !0 },
     value: { type: "string", required: !0 }
   }
 });
-const L = {
-  components: [w],
+const B = {
+  components: [_],
   examples: {
     basic: {
       label: "Basic Tag",
@@ -260,7 +264,7 @@ const L = {
       }
     }
   }
-}, B = {
+}, A = {
   components: [p],
   examples: {
     basic: {
@@ -312,8 +316,8 @@ const L = {
       }
     }
   }
-}, A = {
-  components: [N],
+}, W = {
+  components: [w],
   examples: {
     basic: {
       label: "Basic",
@@ -378,15 +382,15 @@ const L = {
       }
     }
   }
-}, M = {
-  "Clickable Tags": L,
-  Tags: B,
-  "Split Tags": A
+}, z = {
+  "Clickable Tags": B,
+  Tags: A,
+  "Split Tags": W
 };
 export {
-  w as ClickableTag,
-  M as MANIFEST,
-  N as SplitTag,
+  _ as ClickableTag,
+  z as MANIFEST,
+  w as SplitTag,
   p as Tag,
-  P as TagIcons
+  j as TagIcons
 };

package/lib/split-tag/SplitTag.d.ts

@@ -1,9 +1,10 @@
 import * as React from "react";
 import type { ComponentProps } from "@sps-woodland/core";
 import type { TagKind } from "../tag/Tag";
-export declare function SplitTag({ children, className, color, href, icon, tagKey, value, ...rest }: ComponentProps<{
+export declare function SplitTag({ children, className, color, href, target, icon, tagKey, value, ...rest }: ComponentProps<{
     color: TagKind;
     href?: string;
+    target?: "_blank" | "_self" | "_parent" | "_top";
     icon?: boolean;
     tagKey: string;
     value: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sps-woodland/tags",
   "description": "SPS Woodland Design System tag components",
-  "version": "8.4.4",
+  "version": "8.4.5",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/cards",
@@ -29,8 +29,8 @@
     "@spscommerce/utils": "^6.12.1",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "@sps-woodland/core": "8.4.4",
-    "@sps-woodland/tokens": "8.4.4"
+    "@sps-woodland/core": "8.4.5",
+    "@sps-woodland/tokens": "8.4.5"
   },
   "devDependencies": {
     "@spscommerce/utils": "^6.12.1",
@@ -38,8 +38,8 @@
     "@vanilla-extract/recipes": "^0.2.5",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "@sps-woodland/core": "8.4.4",
-    "@sps-woodland/tokens": "8.4.4"
+    "@sps-woodland/core": "8.4.5",
+    "@sps-woodland/tokens": "8.4.5"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:types",