@sps-woodland/tags 8.17.1 → 8.17.2

package/lib/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react"),s=require("@sps-woodland/core"),c=require("@spscommerce/utils");function O(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 o=O(_);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 v(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 y(e){for(var r=1;r<arguments.length;r++){var a=arguments[r]!=null?arguments[r]:{};r%2?v(Object(a),!0).forEach(function(l){S(e,l,a[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):v(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=y(y({},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 n=d;typeof n=="boolean"&&(n=n===!0?"true":"false");var i=e.variantClassNames[t][n];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",x="_160drw1d",P=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"]]}),j="_160drw1f";function T({children:e,className:r,onClick:a,disabled:l,href:t,target:m,kind:d,onAdd:n,onRemove:i,...p}){const b=o.Children.toArray(e).filter(g=>typeof g=="string").join("");o.useEffect(()=>{if(i&&n)throw new Error("Clickable tag should have onRemove or onAdd, not both")},[n,i]);function N(g){n?n():i&&i(),g.stopPropagation()}function w(g){g.stopPropagation(),a&&a(g)}return o.createElement("div",{className:s.cl(h({kind:d,disabled:l}),r),...p},o.createElement("span",{className:s.cl(P({link:!!t||!!a,disabled:l,addOrRemove:n||i})),onClick:w,title:b},t?o.createElement("a",{className:j,href:t,target:m},e):e),(n||i)&&!l&&o.createElement("div",{className:x,onClick:l?void 0:N,tabIndex:-1,"aria-label":n?"Add":"Remove"},o.createElement(s.Icon,{className:K,"aria-hidden":"true",icon:n?"plus-sign":"x"})))}s.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 o.createElement("span",{className:s.cl(F({kind:a}),r),...t},l&&o.createElement(s.Icon,{className:s.cl(V({kind:a})),icon:C[a]}),e)}s.Metadata.set(f,{name:"Tag",props:{kind:{type:"TagKind",default:"default"},icon:{type:"boolean",default:"false"}}});var I="_79ofse0",D="_79ofse1",R="_79ofse2",L="_79ofsed",M=u({defaultClassName:"_79ofse3",variantClassNames:{href:{true:"_79ofse4",false:"_79ofse5"},kind:{default:"_79ofse6",key:"_79ofse7",warning:"_79ofse8",error:"_79ofse9",pending:"_79ofsea",success:"_79ofseb",info:"_79ofsec"}},defaultVariants:{href:!1,kind:"default"},compoundVariants:[]});function k({children:e,className:r,color:a="default",href:l,target:t,icon:m,tagKey:d,value:n,...i}){return o.createElement("span",{className:s.cl(I,r),...i},o.createElement(f,{className:s.cl(D),icon:m,kind:a},d&&o.createElement("span",{className:s.cl(R)},d)),o.createElement(f,{className:s.cl(M({href:!!l,kind:a}))},l?o.createElement("a",{className:L,href:l,target:t},n):n))}s.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 q={components:[T],examples:{basic:{label:"Basic Tag",examples:{basic:{react:c.code`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react"),r=require("@sps-woodland/core"),i=require("@spscommerce/utils");function N(a){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(o,e,s.get?s:{enumerable:!0,get:()=>a[e]})}}return o.default=a,Object.freeze(o)}const l=N(C);function O(a,o,e){return o in a?Object.defineProperty(a,o,{value:e,enumerable:!0,configurable:!0,writable:!0}):a[o]=e,a}function T(a,o){var e=Object.keys(a);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(a);o&&(s=s.filter(function(_){return Object.getOwnPropertyDescriptor(a,_).enumerable})),e.push.apply(e,s)}return e}function h(a){for(var o=1;o<arguments.length;o++){var e=arguments[o]!=null?arguments[o]:{};o%2?T(Object(e),!0).forEach(function(s){O(a,s,e[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(e)):T(Object(e)).forEach(function(s){Object.defineProperty(a,s,Object.getOwnPropertyDescriptor(e,s))})}return a}var S=(a,o,e)=>{for(var s of Object.keys(a)){var _;if(a[s]!==((_=o[s])!==null&&_!==void 0?_:e[s]))return!1}return!0},m=a=>o=>{var e=a.defaultClassName,s=h(h({},a.defaultVariants),o);for(var _ in s){var c,d=(c=s[_])!==null&&c!==void 0?c:a.defaultVariants[_];if(d!=null){var n=d;typeof n=="boolean"&&(n=n===!0?"true":"false");var t=a.variantClassNames[_][n];t&&(e+=" "+t)}}for(var[f,u]of a.compoundVariants)S(f,s,a.defaultVariants)&&(e+=" "+u);return e},E=m({defaultClassName:"pkg_sps-woodland_tags__version_8_17_2__hash_160drw10",variantClassNames:{kind:{blue:"pkg_sps-woodland_tags__version_8_17_2__hash_160drw11",gray:"pkg_sps-woodland_tags__version_8_17_2__hash_160drw12"},disabled:{true:"pkg_sps-woodland_tags__version_8_17_2__hash_160drw13",false:"pkg_sps-woodland_tags__version_8_17_2__hash_160drw14"}},defaultVariants:{kind:"blue",disabled:!1},compoundVariants:[]}),K="pkg_sps-woodland_tags__version_8_17_2__hash_160drw1e",x="pkg_sps-woodland_tags__version_8_17_2__hash_160drw1d",P=m({defaultClassName:"pkg_sps-woodland_tags__version_8_17_2__hash_160drw15",variantClassNames:{link:{true:"pkg_sps-woodland_tags__version_8_17_2__hash_160drw16",false:"pkg_sps-woodland_tags__version_8_17_2__hash_160drw17"},disabled:{true:"pkg_sps-woodland_tags__version_8_17_2__hash_160drw18",false:"pkg_sps-woodland_tags__version_8_17_2__hash_160drw19"},addOrRemove:{true:"pkg_sps-woodland_tags__version_8_17_2__hash_160drw1a",false:"pkg_sps-woodland_tags__version_8_17_2__hash_160drw1b"}},defaultVariants:{link:!1,disabled:!1,addOrRemove:!1},compoundVariants:[[{disabled:!1,addOrRemove:!0},"pkg_sps-woodland_tags__version_8_17_2__hash_160drw1c"]]}),j="pkg_sps-woodland_tags__version_8_17_2__hash_160drw1f";function k({children:a,className:o,onClick:e,disabled:s,href:_,target:c,kind:d,onAdd:n,onRemove:t,...f}){const u=l.Children.toArray(a).filter(g=>typeof g=="string").join("");l.useEffect(()=>{if(t&&n)throw new Error("Clickable tag should have onRemove or onAdd, not both")},[n,t]);function w(g){n?n():t&&t(),g.stopPropagation()}function y(g){g.stopPropagation(),e&&e(g)}return l.createElement("div",{className:r.cl(E({kind:d,disabled:s}),o),...f},l.createElement("span",{className:r.cl(P({link:!!_||!!e,disabled:s,addOrRemove:n||t})),onClick:y,title:u},_?l.createElement("a",{className:j,href:_,target:c},a):a),(n||t)&&!s&&l.createElement("div",{className:x,onClick:s?void 0:w,tabIndex:-1,"aria-label":n?"Add":"Remove"},l.createElement(r.Icon,{className:K,"aria-hidden":"true",icon:n?"plus-sign":"x"})))}r.Metadata.set(k,{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=m({defaultClassName:"pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi0",variantClassNames:{kind:{default:"pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi1",key:"pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi2",warning:"pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi3",error:"pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi4",pending:"pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi5",success:"pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi6",info:"pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi7"}},defaultVariants:{kind:"default"},compoundVariants:[]}),V=m({defaultClassName:"pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi8",variantClassNames:{kind:{default:"pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi9",key:"pkg_sps-woodland_tags__version_8_17_2__hash_5f3efia",warning:"pkg_sps-woodland_tags__version_8_17_2__hash_5f3efib",error:"pkg_sps-woodland_tags__version_8_17_2__hash_5f3efic",pending:"pkg_sps-woodland_tags__version_8_17_2__hash_5f3efid",success:"pkg_sps-woodland_tags__version_8_17_2__hash_5f3efie",info:"pkg_sps-woodland_tags__version_8_17_2__hash_5f3efif"}},defaultVariants:{kind:"default"},compoundVariants:[]});const v=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 p({children:a,className:o,kind:e="default",icon:s,..._}){return l.createElement("span",{className:r.cl(F({kind:e}),o),..._},s&&l.createElement(r.Icon,{className:r.cl(V({kind:e})),icon:v[e]}),a)}r.Metadata.set(p,{name:"Tag",props:{kind:{type:"TagKind",default:"default"},icon:{type:"boolean",default:"false"}}});var I="pkg_sps-woodland_tags__version_8_17_2__hash_79ofse0",D="pkg_sps-woodland_tags__version_8_17_2__hash_79ofse1",R="pkg_sps-woodland_tags__version_8_17_2__hash_79ofse2",L="pkg_sps-woodland_tags__version_8_17_2__hash_79ofsed",M=m({defaultClassName:"pkg_sps-woodland_tags__version_8_17_2__hash_79ofse3",variantClassNames:{href:{true:"pkg_sps-woodland_tags__version_8_17_2__hash_79ofse4",false:"pkg_sps-woodland_tags__version_8_17_2__hash_79ofse5"},kind:{default:"pkg_sps-woodland_tags__version_8_17_2__hash_79ofse6",key:"pkg_sps-woodland_tags__version_8_17_2__hash_79ofse7",warning:"pkg_sps-woodland_tags__version_8_17_2__hash_79ofse8",error:"pkg_sps-woodland_tags__version_8_17_2__hash_79ofse9",pending:"pkg_sps-woodland_tags__version_8_17_2__hash_79ofsea",success:"pkg_sps-woodland_tags__version_8_17_2__hash_79ofseb",info:"pkg_sps-woodland_tags__version_8_17_2__hash_79ofsec"}},defaultVariants:{href:!1,kind:"default"},compoundVariants:[]});function b({children:a,className:o,color:e="default",href:s,target:_,icon:c,tagKey:d,value:n,...t}){return l.createElement("span",{className:r.cl(I,o),...t},l.createElement(p,{className:r.cl(D),icon:c,kind:e},d&&l.createElement("span",{className:r.cl(R)},d)),l.createElement(p,{className:r.cl(M({href:!!s,kind:e}))},s?l.createElement("a",{className:L,href:s,target:_},n):n))}r.Metadata.set(b,{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 q={components:[k],examples:{basic:{label:"Basic Tag",examples:{basic:{react:i.code`
             import { ClickableTag } from "@sps-woodland/tags";
 
             function Component() {
@@ -9,7 +9,7 @@
                 </>
               );
             }
-          `},disabled:{react:c.code`
+          `},disabled:{react:i.code`
             import { ClickableTag } from "@sps-woodland/tags";
     
             function Component() {
@@ -19,7 +19,7 @@
                 </>
               );
             }
-          `}}},button:{label:"Button",examples:{remove:{react:c.code`
+          `}}},button:{label:"Button",examples:{remove:{react:i.code`
             import { ClickableTag } from "@sps-woodland/tags";
 
             function Component() {
@@ -30,7 +30,7 @@
                 </>
               );
             }
-          `},add:{react:c.code`
+          `},add:{react:i.code`
             import { ClickableTag } from "@sps-woodland/tags";
 
             function Component() {
@@ -41,7 +41,7 @@
                 </>
               );
             }
-          `}}},link:{label:"Link",examples:{basic:{react:c.code`
+          `}}},link:{label:"Link",examples:{basic:{react:i.code`
             import { ClickableTag } from "@sps-woodland/tags";
 
             function Component() {
@@ -52,7 +52,7 @@
                 </>
               );
             }
-          `},button:{react:c.code`
+          `},button:{react:i.code`
             import { ClickableTag } from "@sps-woodland/tags";
 
             function Component() {
@@ -63,7 +63,7 @@
                 </>
               );
             }
-          `}}}}},B={components:[f],examples:{basic:{label:"Basic Tag",examples:{basic:{react:c.code`
+          `}}}}},B={components:[p],examples:{basic:{label:"Basic Tag",examples:{basic:{react:i.code`
             import { Tag } from "@sps-woodland/tags";
 
             function Component() {
@@ -79,7 +79,7 @@
                 </>
               )
             }
-          `}}},withIcon:{label:"Tag with icon",examples:{basic:{react:c.code`
+          `}}},withIcon:{label:"Tag with icon",examples:{basic:{react:i.code`
             import { Tag } from "@sps-woodland/tags";
 
             function Component() {
@@ -95,7 +95,7 @@
                 </>
               )
             }
-          `}}}}},A={components:[k],examples:{basic:{label:"Basic",examples:{basic:{react:c.code`
+          `}}}}},A={components:[b],examples:{basic:{label:"Basic",examples:{basic:{react:i.code`
             import { SplitTag } from "@sps-woodland/tag";
 
             function Component() {
@@ -110,7 +110,7 @@
                 </>
               );
             }
-          `}}},icon:{label:"Icon",examples:{basic:{react:c.code`
+          `}}},icon:{label:"Icon",examples:{basic:{react:i.code`
             import { SplitTag } from "@sps-woodland/tag";
 
             function Component() {
@@ -125,7 +125,7 @@
                 </>
               );
             }
-          `}}},link:{label:"Link",examples:{basic:{react:c.code`
+          `}}},link:{label:"Link",examples:{basic:{react:i.code`
             import { SplitTag } from "@sps-woodland/tag";
 
             function Component() {
@@ -133,4 +133,4 @@
                 <SplitTag tagKey="Foo" value="1234" icon href="https://www.google.com" />
               );
             }
-          `}}}}},W={"Clickable Tags":q,Tags:B,"Split Tags":A};exports.ClickableTag=T;exports.MANIFEST=W;exports.SplitTag=k;exports.Tag=f;exports.TagIcons=C;
+          `}}}}},W={"Clickable Tags":q,Tags:B,"Split Tags":A};exports.ClickableTag=k;exports.MANIFEST=W;exports.SplitTag=b;exports.Tag=p;exports.TagIcons=v;

package/lib/index.es.js

@@ -1,109 +1,109 @@
-import * as n from "react";
-import { Metadata as T, cl as c, Icon as C } from "@sps-woodland/core";
-import { code as i } from "@spscommerce/utils";
-function O(a, r, e) {
-  return r in a ? Object.defineProperty(a, r, {
+import * as l from "react";
+import { Metadata as k, cl as i, Icon as T } from "@sps-woodland/core";
+import { code as t } from "@spscommerce/utils";
+function N(a, _, e) {
+  return _ in a ? Object.defineProperty(a, _, {
     value: e,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : a[r] = e, a;
+  }) : a[_] = e, a;
 }
-function k(a, r) {
+function h(a, _) {
   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);
+    var s = Object.getOwnPropertySymbols(a);
+    _ && (s = s.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(a, o).enumerable;
+    })), e.push.apply(e, s);
   }
   return e;
 }
-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) {
-      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));
+function b(a) {
+  for (var _ = 1; _ < arguments.length; _++) {
+    var e = arguments[_] != null ? arguments[_] : {};
+    _ % 2 ? h(Object(e), !0).forEach(function(s) {
+      N(a, s, e[s]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(e)) : h(Object(e)).forEach(function(s) {
+      Object.defineProperty(a, s, Object.getOwnPropertyDescriptor(e, s));
     });
   }
   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]))
+var O = (a, _, e) => {
+  for (var s of Object.keys(a)) {
+    var o;
+    if (a[s] !== ((o = _[s]) !== null && o !== void 0 ? o : e[s]))
       return !1;
   }
   return !0;
-}, d = (a) => (r) => {
-  var e = a.defaultClassName, l = v(v({}, a.defaultVariants), r);
-  for (var t in l) {
-    var m, g = (m = l[t]) !== null && m !== void 0 ? m : a.defaultVariants[t];
-    if (g != null) {
-      var s = g;
-      typeof s == "boolean" && (s = s === !0 ? "true" : "false");
-      var o = (
+}, p = (a) => (_) => {
+  var e = a.defaultClassName, s = b(b({}, a.defaultVariants), _);
+  for (var o in s) {
+    var g, d = (g = s[o]) !== null && g !== void 0 ? g : a.defaultVariants[o];
+    if (d != null) {
+      var n = d;
+      typeof n == "boolean" && (n = n === !0 ? "true" : "false");
+      var r = (
         // @ts-expect-error
-        a.variantClassNames[t][s]
+        a.variantClassNames[o][n]
       );
-      o && (e += " " + o);
+      r && (e += " " + r);
     }
   }
-  for (var [u, b] of a.compoundVariants)
-    S(u, l, a.defaultVariants) && (e += " " + b);
+  for (var [f, u] of a.compoundVariants)
+    O(f, s, a.defaultVariants) && (e += " " + u);
   return e;
-}, 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 w({
+}, S = p({ defaultClassName: "pkg_sps-woodland_tags__version_8_17_2__hash_160drw10", variantClassNames: { kind: { blue: "pkg_sps-woodland_tags__version_8_17_2__hash_160drw11", gray: "pkg_sps-woodland_tags__version_8_17_2__hash_160drw12" }, disabled: { true: "pkg_sps-woodland_tags__version_8_17_2__hash_160drw13", false: "pkg_sps-woodland_tags__version_8_17_2__hash_160drw14" } }, defaultVariants: { kind: "blue", disabled: !1 }, compoundVariants: [] }), E = "pkg_sps-woodland_tags__version_8_17_2__hash_160drw1e", K = "pkg_sps-woodland_tags__version_8_17_2__hash_160drw1d", x = p({ defaultClassName: "pkg_sps-woodland_tags__version_8_17_2__hash_160drw15", variantClassNames: { link: { true: "pkg_sps-woodland_tags__version_8_17_2__hash_160drw16", false: "pkg_sps-woodland_tags__version_8_17_2__hash_160drw17" }, disabled: { true: "pkg_sps-woodland_tags__version_8_17_2__hash_160drw18", false: "pkg_sps-woodland_tags__version_8_17_2__hash_160drw19" }, addOrRemove: { true: "pkg_sps-woodland_tags__version_8_17_2__hash_160drw1a", false: "pkg_sps-woodland_tags__version_8_17_2__hash_160drw1b" } }, defaultVariants: { link: !1, disabled: !1, addOrRemove: !1 }, compoundVariants: [[{ disabled: !1, addOrRemove: !0 }, "pkg_sps-woodland_tags__version_8_17_2__hash_160drw1c"]] }), F = "pkg_sps-woodland_tags__version_8_17_2__hash_160drw1f";
+function v({
   children: a,
-  className: r,
+  className: _,
   onClick: e,
-  disabled: l,
-  href: t,
-  target: m,
-  kind: g,
-  onAdd: s,
-  onRemove: o,
-  ...u
+  disabled: s,
+  href: o,
+  target: g,
+  kind: d,
+  onAdd: n,
+  onRemove: r,
+  ...f
 }) {
-  const b = n.Children.toArray(a).filter((f) => typeof f == "string").join("");
-  n.useEffect(() => {
-    if (o && s)
+  const u = l.Children.toArray(a).filter((c) => typeof c == "string").join("");
+  l.useEffect(() => {
+    if (r && n)
       throw new Error("Clickable tag should have onRemove or onAdd, not both");
-  }, [s, o]);
-  function N(f) {
-    s ? s() : o && o(), f.stopPropagation();
+  }, [n, r]);
+  function C(c) {
+    n ? n() : r && r(), c.stopPropagation();
   }
-  function _(f) {
-    f.stopPropagation(), e && e(f);
+  function y(c) {
+    c.stopPropagation(), e && e(c);
   }
-  return /* @__PURE__ */ n.createElement("div", { className: c(E({ kind: g, disabled: l }), r), ...u }, /* @__PURE__ */ n.createElement(
+  return /* @__PURE__ */ l.createElement("div", { className: i(S({ kind: d, disabled: s }), _), ...f }, /* @__PURE__ */ l.createElement(
     "span",
     {
-      className: c(
+      className: i(
         x({
-          link: !!t || !!e,
-          disabled: l,
-          addOrRemove: s || o
+          link: !!o || !!e,
+          disabled: s,
+          addOrRemove: n || r
         })
       ),
-      onClick: _,
-      title: b
+      onClick: y,
+      title: u
     },
-    t ? /* @__PURE__ */ n.createElement("a", { className: F, href: t, target: m }, a) : a
-  ), (s || o) && !l && /* @__PURE__ */ n.createElement(
+    o ? /* @__PURE__ */ l.createElement("a", { className: F, href: o, target: g }, a) : a
+  ), (n || r) && !s && /* @__PURE__ */ l.createElement(
     "div",
     {
       className: K,
-      onClick: l ? void 0 : N,
+      onClick: s ? void 0 : C,
       tabIndex: -1,
-      "aria-label": s ? "Add" : "Remove"
+      "aria-label": n ? "Add" : "Remove"
     },
-    /* @__PURE__ */ n.createElement(C, { className: h, "aria-hidden": "true", icon: s ? "plus-sign" : "x" })
+    /* @__PURE__ */ l.createElement(T, { className: E, "aria-hidden": "true", icon: n ? "plus-sign" : "x" })
   ));
 }
-T.set(w, {
+k.set(v, {
   name: "Clickable Tag",
   props: {
     disabled: { type: "boolean", default: "false" },
@@ -114,7 +114,7 @@ T.set(w, {
     onRemove: { type: "() => void" }
   }
 });
-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: [] });
+var V = p({ defaultClassName: "pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi0", variantClassNames: { kind: { default: "pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi1", key: "pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi2", warning: "pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi3", error: "pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi4", pending: "pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi5", success: "pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi6", info: "pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi7" } }, defaultVariants: { kind: "default" }, compoundVariants: [] }), P = p({ defaultClassName: "pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi8", variantClassNames: { kind: { default: "pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi9", key: "pkg_sps-woodland_tags__version_8_17_2__hash_5f3efia", warning: "pkg_sps-woodland_tags__version_8_17_2__hash_5f3efib", error: "pkg_sps-woodland_tags__version_8_17_2__hash_5f3efic", pending: "pkg_sps-woodland_tags__version_8_17_2__hash_5f3efid", success: "pkg_sps-woodland_tags__version_8_17_2__hash_5f3efie", info: "pkg_sps-woodland_tags__version_8_17_2__hash_5f3efif" } }, defaultVariants: { kind: "default" }, compoundVariants: [] });
 const j = Object.freeze({
   default: "info-circle",
   key: "info-circle",
@@ -124,37 +124,37 @@ const j = Object.freeze({
   success: "status-ok",
   info: "info-circle"
 });
-function p({
+function m({
   children: a,
-  className: r,
+  className: _,
   kind: e = "default",
-  icon: l,
-  ...t
+  icon: s,
+  ...o
 }) {
-  return /* @__PURE__ */ n.createElement("span", { className: c(V({ kind: e }), r), ...t }, l && /* @__PURE__ */ n.createElement(C, { className: c(P({ kind: e })), icon: j[e] }), a);
+  return /* @__PURE__ */ l.createElement("span", { className: i(V({ kind: e }), _), ...o }, s && /* @__PURE__ */ l.createElement(T, { className: i(P({ kind: e })), icon: j[e] }), a);
 }
-T.set(p, {
+k.set(m, {
   name: "Tag",
   props: {
     kind: { type: "TagKind", default: "default" },
     icon: { type: "boolean", default: "false" }
   }
 });
-var I = "_79ofse0", R = "_79ofse1", D = "_79ofse2", L = "_79ofsed", B = d({ defaultClassName: "_79ofse3", variantClassNames: { href: { true: "_79ofse4", false: "_79ofse5" }, kind: { default: "_79ofse6", key: "_79ofse7", warning: "_79ofse8", error: "_79ofse9", pending: "_79ofsea", success: "_79ofseb", info: "_79ofsec" } }, defaultVariants: { href: !1, kind: "default" }, compoundVariants: [] });
-function y({
+var I = "pkg_sps-woodland_tags__version_8_17_2__hash_79ofse0", R = "pkg_sps-woodland_tags__version_8_17_2__hash_79ofse1", D = "pkg_sps-woodland_tags__version_8_17_2__hash_79ofse2", L = "pkg_sps-woodland_tags__version_8_17_2__hash_79ofsed", B = p({ defaultClassName: "pkg_sps-woodland_tags__version_8_17_2__hash_79ofse3", variantClassNames: { href: { true: "pkg_sps-woodland_tags__version_8_17_2__hash_79ofse4", false: "pkg_sps-woodland_tags__version_8_17_2__hash_79ofse5" }, kind: { default: "pkg_sps-woodland_tags__version_8_17_2__hash_79ofse6", key: "pkg_sps-woodland_tags__version_8_17_2__hash_79ofse7", warning: "pkg_sps-woodland_tags__version_8_17_2__hash_79ofse8", error: "pkg_sps-woodland_tags__version_8_17_2__hash_79ofse9", pending: "pkg_sps-woodland_tags__version_8_17_2__hash_79ofsea", success: "pkg_sps-woodland_tags__version_8_17_2__hash_79ofseb", info: "pkg_sps-woodland_tags__version_8_17_2__hash_79ofsec" } }, defaultVariants: { href: !1, kind: "default" }, compoundVariants: [] });
+function w({
   children: a,
-  className: r,
+  className: _,
   color: e = "default",
-  href: l,
-  target: t,
-  icon: m,
-  tagKey: g,
-  value: s,
-  ...o
+  href: s,
+  target: o,
+  icon: g,
+  tagKey: d,
+  value: n,
+  ...r
 }) {
-  return /* @__PURE__ */ n.createElement("span", { className: c(I, r), ...o }, /* @__PURE__ */ n.createElement(p, { className: c(R), icon: m, kind: e }, g && /* @__PURE__ */ n.createElement("span", { className: c(D) }, g)), /* @__PURE__ */ n.createElement(p, { className: c(B({ href: !!l, kind: e })) }, l ? /* @__PURE__ */ n.createElement("a", { className: L, href: l, target: t }, s) : s));
+  return /* @__PURE__ */ l.createElement("span", { className: i(I, _), ...r }, /* @__PURE__ */ l.createElement(m, { className: i(R), icon: g, kind: e }, d && /* @__PURE__ */ l.createElement("span", { className: i(D) }, d)), /* @__PURE__ */ l.createElement(m, { className: i(B({ href: !!s, kind: e })) }, s ? /* @__PURE__ */ l.createElement("a", { className: L, href: s, target: o }, n) : n));
 }
-T.set(y, {
+k.set(w, {
   name: "Split Tag",
   props: {
     color: { type: "TagKind", default: "key" },
@@ -166,13 +166,13 @@ T.set(y, {
   }
 });
 const A = {
-  components: [w],
+  components: [v],
   examples: {
     basic: {
       label: "Basic Tag",
       examples: {
         basic: {
-          react: i`
+          react: t`
             import { ClickableTag } from "@sps-woodland/tags";
 
             function Component() {
@@ -186,7 +186,7 @@ const A = {
           `
         },
         disabled: {
-          react: i`
+          react: t`
             import { ClickableTag } from "@sps-woodland/tags";
     
             function Component() {
@@ -204,7 +204,7 @@ const A = {
       label: "Button",
       examples: {
         remove: {
-          react: i`
+          react: t`
             import { ClickableTag } from "@sps-woodland/tags";
 
             function Component() {
@@ -218,7 +218,7 @@ const A = {
           `
         },
         add: {
-          react: i`
+          react: t`
             import { ClickableTag } from "@sps-woodland/tags";
 
             function Component() {
@@ -237,7 +237,7 @@ const A = {
       label: "Link",
       examples: {
         basic: {
-          react: i`
+          react: t`
             import { ClickableTag } from "@sps-woodland/tags";
 
             function Component() {
@@ -251,7 +251,7 @@ const A = {
           `
         },
         button: {
-          react: i`
+          react: t`
             import { ClickableTag } from "@sps-woodland/tags";
 
             function Component() {
@@ -268,13 +268,13 @@ const A = {
     }
   }
 }, W = {
-  components: [p],
+  components: [m],
   examples: {
     basic: {
       label: "Basic Tag",
       examples: {
         basic: {
-          react: i`
+          react: t`
             import { Tag } from "@sps-woodland/tags";
 
             function Component() {
@@ -298,7 +298,7 @@ const A = {
       label: "Tag with icon",
       examples: {
         basic: {
-          react: i`
+          react: t`
             import { Tag } from "@sps-woodland/tags";
 
             function Component() {
@@ -320,13 +320,13 @@ const A = {
     }
   }
 }, q = {
-  components: [y],
+  components: [w],
   examples: {
     basic: {
       label: "Basic",
       examples: {
         basic: {
-          react: i`
+          react: t`
             import { SplitTag } from "@sps-woodland/tag";
 
             function Component() {
@@ -349,7 +349,7 @@ const A = {
       label: "Icon",
       examples: {
         basic: {
-          react: i`
+          react: t`
             import { SplitTag } from "@sps-woodland/tag";
 
             function Component() {
@@ -372,7 +372,7 @@ const A = {
       label: "Link",
       examples: {
         basic: {
-          react: i`
+          react: t`
             import { SplitTag } from "@sps-woodland/tag";
 
             function Component() {
@@ -391,9 +391,9 @@ const A = {
   "Split Tags": q
 };
 export {
-  w as ClickableTag,
+  v as ClickableTag,
   G as MANIFEST,
-  y as SplitTag,
-  p as Tag,
+  w as SplitTag,
+  m as Tag,
   j as TagIcons
 };

package/lib/style.css

@@ -1 +1 @@
-._160drw10{border-radius:.125rem;display:inline-flex;color:#08638d;font-size:.75rem;font-weight:600;height:1.125rem;line-height:.75rem;max-width:100%}._160drw11{background-color:#e6f2f8}._160drw12{background-color:#e9e9ea}._160drw13{background-color:#fff;border-width:.0625rem;border-style:solid;border-color:#d2d4d4;color:#717779;cursor:not-allowed}._160drw15{border-radius:.125rem;flex-grow:1;flex-shrink:1;height:1.125rem;overflow:hidden;padding:.125rem .25rem;text-overflow:ellipsis;white-space:nowrap}._160drw16{cursor:pointer;text-decoration:underline}._160drw16:hover{color:#e6f2f8;background-color:#08638d;border-radius:.125rem}._160drw1c{border-top-left-radius:.125rem;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:.125rem}._160drw1d{border-top-left-radius:0;border-top-right-radius:.125rem;border-bottom-right-radius:.125rem;border-bottom-left-radius:0;color:#08638d;height:1.125rem;line-height:.75rem;padding:.125rem .25rem}._160drw1d:focus,._160drw1d:hover{background-color:#08638d;color:#e6f2f8;cursor:pointer}._160drw1e{cursor:pointer;font-size:.625rem;position:relative;text-decoration:none;top:-.0625rem;vertical-align:middle}span>._160drw1f{color:#08638d}span:hover>._160drw1f{color:#e6f2f8}._5f3efi0{border-radius:.125rem;display:inline-block;font-size:.75rem;font-weight:600;line-height:.75rem;overflow:hidden;padding:.125rem .25rem;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}._5f3efi1{background:#e9e9ea;color:#4b5356}._5f3efi2{background:#4b5356;color:#fff}._5f3efi3{background:#e77609;color:#fff}._5f3efi4{background:#de012e;color:#fff}._5f3efi5{background:#91467f;color:#fff}._5f3efi6{background:#0b8940;color:#fff}._5f3efi7{background:#027db8;color:#fff}._5f3efi8{font-size:.75rem;line-height:.625rem;margin-right:.25rem}._5f3efi8:before{vertical-align:text-bottom}._5f3efi9{display:none}._79ofse0{display:inline-block}._79ofse1{border-top-left-radius:.125rem;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:.125rem}._79ofse2{margin-left:.25rem}._79ofse3{background:#fff;border-top-left-radius:0;border-top-right-radius:.125rem;border-bottom-right-radius:.125rem;border-bottom-left-radius:0;padding:.125rem .25rem;box-shadow:.0625rem 0 #e9e9ea inset,-.0625rem 0 #e9e9ea inset,0 .0625rem #e9e9ea inset,0 -.0625rem #e9e9ea inset}._79ofse4{cursor:pointer;text-decoration:underline;color:#4b5356}._79ofse7{box-shadow:.0625rem 0 #4b5356 inset,-.0625rem 0 #4b5356 inset,0 .0625rem #4b5356 inset,0 -.0625rem #4b5356 inset}._79ofse8{box-shadow:.0625rem 0 #e77609 inset,-.0625rem 0 #e77609 inset,0 .0625rem #e77609 inset,0 -.0625rem #e77609 inset}._79ofse9{box-shadow:.0625rem 0 #de012e inset,-.0625rem 0 #de012e inset,0 .0625rem #de012e inset,0 -.0625rem #de012e inset}._79ofsea{box-shadow:.0625rem 0 #91467f inset,-.0625rem 0 #91467f inset,0 .0625rem #91467f inset,0 -.0625rem #91467f inset}._79ofseb{box-shadow:.0625rem 0 #0b8940 inset,-.0625rem 0 #0b8940 inset,0 .0625rem #0b8940 inset,0 -.0625rem #0b8940 inset}._79ofsec{box-shadow:.0625rem 0 #027db8 inset,-.0625rem 0 #027db8 inset,0 .0625rem #027db8 inset,0 -.0625rem #027db8 inset}._79ofsed,._79ofsed:hover{color:#4b5356}._79ofse1>i{margin-right:0}
+.pkg_sps-woodland_tags__version_8_17_2__hash_160drw10{border-radius:.125rem;display:inline-flex;color:#08638d;font-size:.75rem;font-weight:600;height:1.125rem;line-height:.75rem;max-width:100%}.pkg_sps-woodland_tags__version_8_17_2__hash_160drw11{background-color:#e6f2f8}.pkg_sps-woodland_tags__version_8_17_2__hash_160drw12{background-color:#e9e9ea}.pkg_sps-woodland_tags__version_8_17_2__hash_160drw13{background-color:#fff;border-width:.0625rem;border-style:solid;border-color:#d2d4d4;color:#717779;cursor:not-allowed}.pkg_sps-woodland_tags__version_8_17_2__hash_160drw15{border-radius:.125rem;flex-grow:1;flex-shrink:1;height:1.125rem;overflow:hidden;padding:.125rem .25rem;text-overflow:ellipsis;white-space:nowrap}.pkg_sps-woodland_tags__version_8_17_2__hash_160drw16{cursor:pointer;text-decoration:underline}.pkg_sps-woodland_tags__version_8_17_2__hash_160drw16:hover{color:#e6f2f8;background-color:#08638d;border-radius:.125rem}.pkg_sps-woodland_tags__version_8_17_2__hash_160drw1c{border-top-left-radius:.125rem;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:.125rem}.pkg_sps-woodland_tags__version_8_17_2__hash_160drw1d{border-top-left-radius:0;border-top-right-radius:.125rem;border-bottom-right-radius:.125rem;border-bottom-left-radius:0;color:#08638d;height:1.125rem;line-height:.75rem;padding:.125rem .25rem}.pkg_sps-woodland_tags__version_8_17_2__hash_160drw1d:focus,.pkg_sps-woodland_tags__version_8_17_2__hash_160drw1d:hover{background-color:#08638d;color:#e6f2f8;cursor:pointer}.pkg_sps-woodland_tags__version_8_17_2__hash_160drw1e{cursor:pointer;font-size:.625rem;position:relative;text-decoration:none;top:-.0625rem;vertical-align:middle}span>.pkg_sps-woodland_tags__version_8_17_2__hash_160drw1f{color:#08638d}span:hover>.pkg_sps-woodland_tags__version_8_17_2__hash_160drw1f{color:#e6f2f8}.pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi0{border-radius:.125rem;display:inline-block;font-size:.75rem;font-weight:600;line-height:.75rem;overflow:hidden;padding:.125rem .25rem;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi1{background:#e9e9ea;color:#4b5356}.pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi2{background:#4b5356;color:#fff}.pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi3{background:#e77609;color:#fff}.pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi4{background:#de012e;color:#fff}.pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi5{background:#91467f;color:#fff}.pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi6{background:#0b8940;color:#fff}.pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi7{background:#027db8;color:#fff}.pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi8{font-size:.75rem;line-height:.625rem;margin-right:.25rem}.pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi8:before{vertical-align:text-bottom}.pkg_sps-woodland_tags__version_8_17_2__hash_5f3efi9{display:none}.pkg_sps-woodland_tags__version_8_17_2__hash_79ofse0{display:inline-block}.pkg_sps-woodland_tags__version_8_17_2__hash_79ofse1{border-top-left-radius:.125rem;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:.125rem}.pkg_sps-woodland_tags__version_8_17_2__hash_79ofse2{margin-left:.25rem}.pkg_sps-woodland_tags__version_8_17_2__hash_79ofse3{background:#fff;border-top-left-radius:0;border-top-right-radius:.125rem;border-bottom-right-radius:.125rem;border-bottom-left-radius:0;padding:.125rem .25rem;box-shadow:.0625rem 0 #e9e9ea inset,-.0625rem 0 #e9e9ea inset,0 .0625rem #e9e9ea inset,0 -.0625rem #e9e9ea inset}.pkg_sps-woodland_tags__version_8_17_2__hash_79ofse4{cursor:pointer;text-decoration:underline;color:#4b5356}.pkg_sps-woodland_tags__version_8_17_2__hash_79ofse7{box-shadow:.0625rem 0 #4b5356 inset,-.0625rem 0 #4b5356 inset,0 .0625rem #4b5356 inset,0 -.0625rem #4b5356 inset}.pkg_sps-woodland_tags__version_8_17_2__hash_79ofse8{box-shadow:.0625rem 0 #e77609 inset,-.0625rem 0 #e77609 inset,0 .0625rem #e77609 inset,0 -.0625rem #e77609 inset}.pkg_sps-woodland_tags__version_8_17_2__hash_79ofse9{box-shadow:.0625rem 0 #de012e inset,-.0625rem 0 #de012e inset,0 .0625rem #de012e inset,0 -.0625rem #de012e inset}.pkg_sps-woodland_tags__version_8_17_2__hash_79ofsea{box-shadow:.0625rem 0 #91467f inset,-.0625rem 0 #91467f inset,0 .0625rem #91467f inset,0 -.0625rem #91467f inset}.pkg_sps-woodland_tags__version_8_17_2__hash_79ofseb{box-shadow:.0625rem 0 #0b8940 inset,-.0625rem 0 #0b8940 inset,0 .0625rem #0b8940 inset,0 -.0625rem #0b8940 inset}.pkg_sps-woodland_tags__version_8_17_2__hash_79ofsec{box-shadow:.0625rem 0 #027db8 inset,-.0625rem 0 #027db8 inset,0 .0625rem #027db8 inset,0 -.0625rem #027db8 inset}.pkg_sps-woodland_tags__version_8_17_2__hash_79ofsed,.pkg_sps-woodland_tags__version_8_17_2__hash_79ofsed:hover{color:#4b5356}.pkg_sps-woodland_tags__version_8_17_2__hash_79ofse1>i{margin-right:0}

package/package.json

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

package/vite.config.mjs

@@ -1,11 +1,20 @@
 import path from "path";
 import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
 import { defineConfig } from "vite";
-
+import { getVanillaExtractPluginProps } from "../../../scripts/vanilla-extract-plugin-props.mjs";
 import pkg from "./package.json";
 
+const packageVersion = process.env.PREDICTED_VERSION || pkg.version;
+
 export default defineConfig({
-  plugins: [vanillaExtractPlugin()],
+  plugins: [
+    vanillaExtractPlugin(
+      getVanillaExtractPluginProps({
+        packageName: pkg.name,
+        packageVersion,
+      })
+    ),
+  ],
   build: {
     lib: {
       entry: path.resolve(__dirname, "src/index.ts"),