@sps-woodland/tags 8.42.2 → 8.42.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.js CHANGED
@@ -1,103 +1,103 @@
1
1
  import * as l from "react";
2
- import { Metadata as w, cl as g, Icon as b } from "@sps-woodland/core";
3
- import { code as r } from "@spscommerce/utils";
4
- function R(a, o, e) {
2
+ import { Metadata as w, cl as p, Icon as b } from "@sps-woodland/core";
3
+ import { code as t } from "@spscommerce/utils";
4
+ function S(a, o, s) {
5
5
  return o in a ? Object.defineProperty(a, o, {
6
- value: e,
6
+ value: s,
7
7
  enumerable: !0,
8
8
  configurable: !0,
9
9
  writable: !0
10
- }) : a[o] = e, a;
10
+ }) : a[o] = s, a;
11
11
  }
12
12
  function h(a, o) {
13
- var e = Object.keys(a);
13
+ var s = Object.keys(a);
14
14
  if (Object.getOwnPropertySymbols) {
15
- var s = Object.getOwnPropertySymbols(a);
16
- o && (s = s.filter(function(_) {
15
+ var e = Object.getOwnPropertySymbols(a);
16
+ o && (e = e.filter(function(_) {
17
17
  return Object.getOwnPropertyDescriptor(a, _).enumerable;
18
- })), e.push.apply(e, s);
18
+ })), s.push.apply(s, e);
19
19
  }
20
- return e;
20
+ return s;
21
21
  }
22
22
  function k(a) {
23
23
  for (var o = 1; o < arguments.length; o++) {
24
- var e = arguments[o] != null ? arguments[o] : {};
25
- o % 2 ? h(Object(e), !0).forEach(function(s) {
26
- R(a, s, e[s]);
27
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(e)) : h(Object(e)).forEach(function(s) {
28
- Object.defineProperty(a, s, Object.getOwnPropertyDescriptor(e, s));
24
+ var s = arguments[o] != null ? arguments[o] : {};
25
+ o % 2 ? h(Object(s), !0).forEach(function(e) {
26
+ S(a, e, s[e]);
27
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(s)) : h(Object(s)).forEach(function(e) {
28
+ Object.defineProperty(a, e, Object.getOwnPropertyDescriptor(s, e));
29
29
  });
30
30
  }
31
31
  return a;
32
32
  }
33
- var S = (a, o, e) => {
34
- for (var s of Object.keys(a)) {
33
+ var R = (a, o, s) => {
34
+ for (var e of Object.keys(a)) {
35
35
  var _;
36
- if (a[s] !== ((_ = o[s]) !== null && _ !== void 0 ? _ : e[s]))
36
+ if (a[e] !== ((_ = o[e]) !== null && _ !== void 0 ? _ : s[e]))
37
37
  return !1;
38
38
  }
39
39
  return !0;
40
40
  }, c = (a) => (o) => {
41
- var e = a.defaultClassName, s = k(k({}, a.defaultVariants), o);
42
- for (var _ in s) {
43
- var t, p = (t = s[_]) !== null && t !== void 0 ? t : a.defaultVariants[_];
44
- if (p != null) {
45
- var d = p;
46
- typeof d == "boolean" && (d = d === !0 ? "true" : "false");
41
+ var s = a.defaultClassName, e = k(k({}, a.defaultVariants), o);
42
+ for (var _ in e) {
43
+ var i, d = (i = e[_]) !== null && i !== void 0 ? i : a.defaultVariants[_];
44
+ if (d != null) {
45
+ var r = d;
46
+ typeof r == "boolean" && (r = r === !0 ? "true" : "false");
47
47
  var n = (
48
48
  // @ts-expect-error
49
- a.variantClassNames[_][d]
49
+ a.variantClassNames[_][r]
50
50
  );
51
- n && (e += " " + n);
51
+ n && (s += " " + n);
52
52
  }
53
53
  }
54
- for (var [i, u] of a.compoundVariants)
55
- S(i, s, a.defaultVariants) && (e += " " + u);
56
- return e;
57
- }, O = c({ defaultClassName: "pkg_sps-woodland_tags__version_8_42_2__hash_160drw10", variantClassNames: { kind: { blue: "pkg_sps-woodland_tags__version_8_42_2__hash_160drw11", gray: "pkg_sps-woodland_tags__version_8_42_2__hash_160drw12" }, disabled: { true: "pkg_sps-woodland_tags__version_8_42_2__hash_160drw13", false: "pkg_sps-woodland_tags__version_8_42_2__hash_160drw14" }, wrap: { true: "pkg_sps-woodland_tags__version_8_42_2__hash_160drw15", false: "pkg_sps-woodland_tags__version_8_42_2__hash_160drw16" } }, defaultVariants: { kind: "blue", disabled: !1, wrap: !1 }, compoundVariants: [] }), x = c({ defaultClassName: "pkg_sps-woodland_tags__version_8_42_2__hash_160drw17", variantClassNames: { link: { true: "pkg_sps-woodland_tags__version_8_42_2__hash_160drw18", false: "pkg_sps-woodland_tags__version_8_42_2__hash_160drw19" }, wrap: { true: "pkg_sps-woodland_tags__version_8_42_2__hash_160drw1a", false: "pkg_sps-woodland_tags__version_8_42_2__hash_160drw1b" }, disabled: { true: "pkg_sps-woodland_tags__version_8_42_2__hash_160drw1c", false: "pkg_sps-woodland_tags__version_8_42_2__hash_160drw1d" }, addOrRemove: { true: "pkg_sps-woodland_tags__version_8_42_2__hash_160drw1e", false: "pkg_sps-woodland_tags__version_8_42_2__hash_160drw1f" } }, defaultVariants: { link: !1, wrap: !1, disabled: !1, addOrRemove: !1 }, compoundVariants: [[{ disabled: !1, wrap: !1, addOrRemove: !0 }, "pkg_sps-woodland_tags__version_8_42_2__hash_160drw1g"]] }), E = c({ defaultClassName: "pkg_sps-woodland_tags__version_8_42_2__hash_160drw1h", variantClassNames: { wrap: { true: "pkg_sps-woodland_tags__version_8_42_2__hash_160drw1i", false: "pkg_sps-woodland_tags__version_8_42_2__hash_160drw1j" } }, defaultVariants: { wrap: !1 }, compoundVariants: [] }), V = "pkg_sps-woodland_tags__version_8_42_2__hash_160drw1k", K = "pkg_sps-woodland_tags__version_8_42_2__hash_160drw1l";
54
+ for (var [g, u] of a.compoundVariants)
55
+ R(g, e, a.defaultVariants) && (s += " " + u);
56
+ return s;
57
+ }, O = c({ defaultClassName: "pkg_sps-woodland_tags__version_8_42_4__hash_160drw10", variantClassNames: { kind: { blue: "pkg_sps-woodland_tags__version_8_42_4__hash_160drw11", gray: "pkg_sps-woodland_tags__version_8_42_4__hash_160drw12" }, disabled: { true: "pkg_sps-woodland_tags__version_8_42_4__hash_160drw13", false: "pkg_sps-woodland_tags__version_8_42_4__hash_160drw14" }, wrap: { true: "pkg_sps-woodland_tags__version_8_42_4__hash_160drw15", false: "pkg_sps-woodland_tags__version_8_42_4__hash_160drw16" } }, defaultVariants: { kind: "blue", disabled: !1, wrap: !1 }, compoundVariants: [] }), x = c({ defaultClassName: "pkg_sps-woodland_tags__version_8_42_4__hash_160drw17", variantClassNames: { link: { true: "pkg_sps-woodland_tags__version_8_42_4__hash_160drw18", false: "pkg_sps-woodland_tags__version_8_42_4__hash_160drw19" }, wrap: { true: "pkg_sps-woodland_tags__version_8_42_4__hash_160drw1a", false: "pkg_sps-woodland_tags__version_8_42_4__hash_160drw1b" }, disabled: { true: "pkg_sps-woodland_tags__version_8_42_4__hash_160drw1c", false: "pkg_sps-woodland_tags__version_8_42_4__hash_160drw1d" }, addOrRemove: { true: "pkg_sps-woodland_tags__version_8_42_4__hash_160drw1e", false: "pkg_sps-woodland_tags__version_8_42_4__hash_160drw1f" } }, defaultVariants: { link: !1, wrap: !1, disabled: !1, addOrRemove: !1 }, compoundVariants: [[{ disabled: !1, wrap: !1, addOrRemove: !0 }, "pkg_sps-woodland_tags__version_8_42_4__hash_160drw1g"]] }), E = c({ defaultClassName: "pkg_sps-woodland_tags__version_8_42_4__hash_160drw1h", variantClassNames: { wrap: { true: "pkg_sps-woodland_tags__version_8_42_4__hash_160drw1i", false: "pkg_sps-woodland_tags__version_8_42_4__hash_160drw1j" } }, defaultVariants: { wrap: !1 }, compoundVariants: [] }), V = "pkg_sps-woodland_tags__version_8_42_4__hash_160drw1k", K = "pkg_sps-woodland_tags__version_8_42_4__hash_160drw1l";
58
58
  function T({
59
59
  children: a,
60
60
  className: o,
61
- onClick: e,
62
- disabled: s,
61
+ onClick: s,
62
+ disabled: e,
63
63
  wrap: _,
64
- href: t,
65
- target: p,
66
- kind: d,
64
+ href: i,
65
+ target: d,
66
+ kind: r,
67
67
  onAdd: n,
68
- onRemove: i,
68
+ onRemove: g,
69
69
  ...u
70
70
  }) {
71
71
  const C = l.Children.toArray(a).filter((m) => typeof m == "string").join("");
72
72
  l.useEffect(() => {
73
- if (i && n)
73
+ if (g && n)
74
74
  throw new Error("Clickable tag should have onRemove or onAdd, not both");
75
- }, [n, i]);
75
+ }, [n, g]);
76
76
  function y(m) {
77
- n ? n() : i && i(), m.stopPropagation();
77
+ n ? n() : g && g(), m.stopPropagation();
78
78
  }
79
79
  function N(m) {
80
- m.stopPropagation(), e && e(m);
80
+ m.stopPropagation(), s && s(m);
81
81
  }
82
- return /* @__PURE__ */ l.createElement("div", { className: g(O({ kind: d, disabled: s, wrap: _ }), o), ...u }, /* @__PURE__ */ l.createElement(
82
+ return /* @__PURE__ */ l.createElement("div", { className: p(O({ kind: r, disabled: e, wrap: _ }), o), ...u }, /* @__PURE__ */ l.createElement(
83
83
  "span",
84
84
  {
85
- className: g(
85
+ className: p(
86
86
  x({
87
- link: !!t || !!e,
88
- disabled: s,
87
+ link: !!i || !!s,
88
+ disabled: e,
89
89
  wrap: _,
90
- addOrRemove: n || i
90
+ addOrRemove: n || g
91
91
  })
92
92
  ),
93
93
  onClick: N,
94
94
  title: C
95
95
  },
96
- t ? /* @__PURE__ */ l.createElement("a", { className: K, href: t, target: p }, a) : a
97
- ), (n || i) && !s && /* @__PURE__ */ l.createElement(
96
+ i ? /* @__PURE__ */ l.createElement("a", { className: K, href: i, target: d }, a) : a
97
+ ), (n || g) && !e && /* @__PURE__ */ l.createElement(
98
98
  "div",
99
99
  {
100
- className: g(
100
+ className: p(
101
101
  E({
102
102
  wrap: _
103
103
  })
@@ -121,8 +121,8 @@ w.set(T, {
121
121
  onRemove: { type: "() => void" }
122
122
  }
123
123
  });
124
- var F = c({ defaultClassName: "pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi0", variantClassNames: { kind: { default: "pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi1", key: "pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi2", warning: "pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi3", error: "pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi4", pending: "pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi5", success: "pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi6", info: "pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi7" }, wrap: { true: "pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi8", false: "pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi9" } }, defaultVariants: { kind: "default", wrap: !1 }, compoundVariants: [] }), P = c({ defaultClassName: "pkg_sps-woodland_tags__version_8_42_2__hash_5f3efia", variantClassNames: { kind: { default: "pkg_sps-woodland_tags__version_8_42_2__hash_5f3efib", key: "pkg_sps-woodland_tags__version_8_42_2__hash_5f3efic", warning: "pkg_sps-woodland_tags__version_8_42_2__hash_5f3efid", error: "pkg_sps-woodland_tags__version_8_42_2__hash_5f3efie", pending: "pkg_sps-woodland_tags__version_8_42_2__hash_5f3efif", success: "pkg_sps-woodland_tags__version_8_42_2__hash_5f3efig", info: "pkg_sps-woodland_tags__version_8_42_2__hash_5f3efih" } }, defaultVariants: { kind: "default" }, compoundVariants: [] });
125
- const I = Object.freeze({
124
+ var I = c({ defaultClassName: "pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi0", variantClassNames: { kind: { default: "pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi1", key: "pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi2", warning: "pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi3", error: "pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi4", pending: "pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi5", success: "pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi6", info: "pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi7" }, wrap: { true: "pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi8", false: "pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi9" } }, defaultVariants: { kind: "default", wrap: !1 }, compoundVariants: [] }), F = c({ defaultClassName: "pkg_sps-woodland_tags__version_8_42_4__hash_5f3efia", variantClassNames: { kind: { default: "pkg_sps-woodland_tags__version_8_42_4__hash_5f3efib", key: "pkg_sps-woodland_tags__version_8_42_4__hash_5f3efic", warning: "pkg_sps-woodland_tags__version_8_42_4__hash_5f3efid", error: "pkg_sps-woodland_tags__version_8_42_4__hash_5f3efie", pending: "pkg_sps-woodland_tags__version_8_42_4__hash_5f3efif", success: "pkg_sps-woodland_tags__version_8_42_4__hash_5f3efig", info: "pkg_sps-woodland_tags__version_8_42_4__hash_5f3efih", custom: "pkg_sps-woodland_tags__version_8_42_4__hash_5f3efii" } }, defaultVariants: { kind: "default" }, compoundVariants: [] });
125
+ const P = Object.freeze({
126
126
  default: "info-circle",
127
127
  key: "info-circle",
128
128
  warning: "status-warning",
@@ -134,35 +134,42 @@ const I = Object.freeze({
134
134
  function f({
135
135
  children: a,
136
136
  className: o,
137
- kind: e = "default",
138
- icon: s,
137
+ kind: s = "default",
138
+ icon: e,
139
139
  wrap: _,
140
- ...t
140
+ ...i
141
141
  }) {
142
- return /* @__PURE__ */ l.createElement("span", { className: g(F({ kind: e, wrap: _ }), o), ...t }, s && /* @__PURE__ */ l.createElement(b, { className: g(P({ kind: e })), icon: I[e] }), a);
142
+ const d = typeof e == "string", r = e && d ? e : e ? P[s] : void 0;
143
+ return /* @__PURE__ */ l.createElement("span", { className: p(I({ kind: s, wrap: _ }), o), ...i }, r && /* @__PURE__ */ l.createElement(
144
+ b,
145
+ {
146
+ className: p(F({ kind: d ? "custom" : s })),
147
+ icon: r
148
+ }
149
+ ), a);
143
150
  }
144
151
  w.set(f, {
145
152
  name: "Tag",
146
153
  props: {
147
154
  kind: { type: "TagKind", default: "default" },
148
- icon: { type: "boolean", default: "false" },
155
+ icon: { type: "boolean | IconName", default: "false" },
149
156
  wrap: { type: "boolean", default: "false" }
150
157
  }
151
158
  });
152
- var j = c({ defaultClassName: "pkg_sps-woodland_tags__version_8_42_2__hash_79ofse0", variantClassNames: { wrap: { true: "pkg_sps-woodland_tags__version_8_42_2__hash_79ofse1", false: "pkg_sps-woodland_tags__version_8_42_2__hash_79ofse2" } }, defaultVariants: { wrap: !1 }, compoundVariants: [] }), L = "pkg_sps-woodland_tags__version_8_42_2__hash_79ofse3", W = "pkg_sps-woodland_tags__version_8_42_2__hash_79ofse4", D = c({ defaultClassName: "pkg_sps-woodland_tags__version_8_42_2__hash_79ofse5", variantClassNames: { href: { true: "pkg_sps-woodland_tags__version_8_42_2__hash_79ofse6", false: "pkg_sps-woodland_tags__version_8_42_2__hash_79ofse7" }, kind: { default: "pkg_sps-woodland_tags__version_8_42_2__hash_79ofse8", key: "pkg_sps-woodland_tags__version_8_42_2__hash_79ofse9", warning: "pkg_sps-woodland_tags__version_8_42_2__hash_79ofsea", error: "pkg_sps-woodland_tags__version_8_42_2__hash_79ofseb", pending: "pkg_sps-woodland_tags__version_8_42_2__hash_79ofsec", success: "pkg_sps-woodland_tags__version_8_42_2__hash_79ofsed", info: "pkg_sps-woodland_tags__version_8_42_2__hash_79ofsee" } }, defaultVariants: { href: !1, kind: "default" }, compoundVariants: [] }), M = "pkg_sps-woodland_tags__version_8_42_2__hash_79ofsef";
159
+ var j = c({ defaultClassName: "pkg_sps-woodland_tags__version_8_42_4__hash_79ofse0", variantClassNames: { wrap: { true: "pkg_sps-woodland_tags__version_8_42_4__hash_79ofse1", false: "pkg_sps-woodland_tags__version_8_42_4__hash_79ofse2" } }, defaultVariants: { wrap: !1 }, compoundVariants: [] }), L = "pkg_sps-woodland_tags__version_8_42_4__hash_79ofse3", W = "pkg_sps-woodland_tags__version_8_42_4__hash_79ofse4", D = c({ defaultClassName: "pkg_sps-woodland_tags__version_8_42_4__hash_79ofse5", variantClassNames: { href: { true: "pkg_sps-woodland_tags__version_8_42_4__hash_79ofse6", false: "pkg_sps-woodland_tags__version_8_42_4__hash_79ofse7" }, kind: { default: "pkg_sps-woodland_tags__version_8_42_4__hash_79ofse8", key: "pkg_sps-woodland_tags__version_8_42_4__hash_79ofse9", warning: "pkg_sps-woodland_tags__version_8_42_4__hash_79ofsea", error: "pkg_sps-woodland_tags__version_8_42_4__hash_79ofseb", pending: "pkg_sps-woodland_tags__version_8_42_4__hash_79ofsec", success: "pkg_sps-woodland_tags__version_8_42_4__hash_79ofsed", info: "pkg_sps-woodland_tags__version_8_42_4__hash_79ofsee" } }, defaultVariants: { href: !1, kind: "default" }, compoundVariants: [] }), M = "pkg_sps-woodland_tags__version_8_42_4__hash_79ofsef";
153
160
  function v({
154
161
  children: a,
155
162
  className: o,
156
- color: e = "default",
157
- href: s,
163
+ color: s = "default",
164
+ href: e,
158
165
  target: _,
159
- icon: t,
160
- tagKey: p,
161
- value: d,
166
+ icon: i,
167
+ tagKey: d,
168
+ value: r,
162
169
  wrap: n = !1,
163
- ...i
170
+ ...g
164
171
  }) {
165
- return /* @__PURE__ */ l.createElement("span", { className: g(j({ wrap: n }), o), ...i }, /* @__PURE__ */ l.createElement(f, { className: g(L), icon: t, kind: e, wrap: n }, p && /* @__PURE__ */ l.createElement("span", { className: g(W) }, p)), /* @__PURE__ */ l.createElement(f, { className: g(D({ href: !!s, kind: e })), wrap: n }, s ? /* @__PURE__ */ l.createElement("a", { className: M, href: s, target: _ }, d) : d));
172
+ return /* @__PURE__ */ l.createElement("span", { className: p(j({ wrap: n }), o), ...g }, /* @__PURE__ */ l.createElement(f, { className: p(L), icon: i, kind: s, wrap: n }, d && /* @__PURE__ */ l.createElement("span", { className: p(W) }, d)), /* @__PURE__ */ l.createElement(f, { className: p(D({ href: !!e, kind: s })), wrap: n }, e ? /* @__PURE__ */ l.createElement("a", { className: M, href: e, target: _ }, r) : r));
166
173
  }
167
174
  w.set(v, {
168
175
  name: "Split Tag",
@@ -170,7 +177,7 @@ w.set(v, {
170
177
  color: { type: "TagKind", default: "key" },
171
178
  href: { type: "string" },
172
179
  target: { type: "'_blank' | '_self' | '_parent' | '_top'" },
173
- icon: { type: "boolean", default: "false" },
180
+ icon: { type: "boolean | IconName", default: "false" },
174
181
  tagKey: { type: "string", required: !0 },
175
182
  value: { type: "string", required: !0 }
176
183
  }
@@ -182,7 +189,7 @@ const B = {
182
189
  label: "Basic Tag",
183
190
  examples: {
184
191
  basic: {
185
- react: r`
192
+ react: t`
186
193
  import { ClickableTag } from "@sps-woodland/tags";
187
194
 
188
195
  function Component() {
@@ -196,7 +203,7 @@ const B = {
196
203
  `
197
204
  },
198
205
  disabled: {
199
- react: r`
206
+ react: t`
200
207
  import { ClickableTag } from "@sps-woodland/tags";
201
208
 
202
209
  function Component() {
@@ -214,7 +221,7 @@ const B = {
214
221
  label: "Wrapped Tag",
215
222
  examples: {
216
223
  basic: {
217
- react: r`
224
+ react: t`
218
225
  import { ContentRow, ContentRowCol } from "@sps-woodland/content-row";
219
226
  import { Icon } from "@sps-woodland/core";
220
227
 
@@ -254,7 +261,7 @@ const B = {
254
261
  label: "Button",
255
262
  examples: {
256
263
  remove: {
257
- react: r`
264
+ react: t`
258
265
  import { ClickableTag } from "@sps-woodland/tags";
259
266
 
260
267
  function Component() {
@@ -268,7 +275,7 @@ const B = {
268
275
  `
269
276
  },
270
277
  add: {
271
- react: r`
278
+ react: t`
272
279
  import { ClickableTag } from "@sps-woodland/tags";
273
280
 
274
281
  function Component() {
@@ -287,7 +294,7 @@ const B = {
287
294
  label: "Link",
288
295
  examples: {
289
296
  basic: {
290
- react: r`
297
+ react: t`
291
298
  import { ClickableTag } from "@sps-woodland/tags";
292
299
 
293
300
  function Component() {
@@ -301,7 +308,7 @@ const B = {
301
308
  `
302
309
  },
303
310
  button: {
304
- react: r`
311
+ react: t`
305
312
  import { ClickableTag } from "@sps-woodland/tags";
306
313
 
307
314
  function Component() {
@@ -324,7 +331,7 @@ const B = {
324
331
  label: "Basic Tag",
325
332
  examples: {
326
333
  basic: {
327
- react: r`
334
+ react: t`
328
335
  import { Tag } from "@sps-woodland/tags";
329
336
 
330
337
  function Component() {
@@ -348,7 +355,7 @@ const B = {
348
355
  label: "Wrapped Tag",
349
356
  examples: {
350
357
  basic: {
351
- react: r`
358
+ react: t`
352
359
  import { Tag } from "@sps-woodland/tags";
353
360
  import { ContentRow, ContentRowCol } from "@sps-woodland/content-row";
354
361
  function Component() {
@@ -372,7 +379,7 @@ const B = {
372
379
  label: "Tag with icon",
373
380
  examples: {
374
381
  basic: {
375
- react: r`
382
+ react: t`
376
383
  import { Tag } from "@sps-woodland/tags";
377
384
 
378
385
  function Component() {
@@ -385,6 +392,7 @@ const B = {
385
392
  <Tag className="mr-1 mb-1" kind="pending" icon>Pending</Tag>
386
393
  <Tag className="mr-1 mb-1" kind="success" icon>Success</Tag>
387
394
  <Tag className="mr-1 mb-1" kind="info" icon>Info</Tag>
395
+ <Tag className="mr-1 mb-1" icon="star">Custom Icon</Tag>
388
396
  </>
389
397
  )
390
398
  }
@@ -400,7 +408,7 @@ const B = {
400
408
  label: "Basic",
401
409
  examples: {
402
410
  basic: {
403
- react: r`
411
+ react: t`
404
412
  import { SplitTag } from "@sps-woodland/tag";
405
413
 
406
414
  function Component() {
@@ -423,7 +431,7 @@ const B = {
423
431
  label: "Icon",
424
432
  examples: {
425
433
  basic: {
426
- react: r`
434
+ react: t`
427
435
  import { SplitTag } from "@sps-woodland/tag";
428
436
 
429
437
  function Component() {
@@ -435,6 +443,7 @@ const B = {
435
443
  <SplitTag className="mr-1" tagKey="Foo" value="1234" color="pending" icon />
436
444
  <SplitTag className="mr-1" tagKey="Foo" value="1234" color="success" icon />
437
445
  <SplitTag className="mr-1" tagKey="Foo" value="1234" color="info" icon />
446
+ <SplitTag className="mr-1" tagKey="Foo" value="Custom Icon" icon="star" />
438
447
  </>
439
448
  );
440
449
  }
@@ -446,7 +455,7 @@ const B = {
446
455
  label: "Link",
447
456
  examples: {
448
457
  basic: {
449
- react: r`
458
+ react: t`
450
459
  import { SplitTag } from "@sps-woodland/tag";
451
460
 
452
461
  function Component() {
@@ -469,5 +478,5 @@ export {
469
478
  G as MANIFEST,
470
479
  v as SplitTag,
471
480
  f as Tag,
472
- I as TagIcons
481
+ P as TagIcons
473
482
  };
package/lib/index.umd.cjs CHANGED
@@ -1,4 +1,4 @@
1
- (function(r,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("react"),require("@sps-woodland/core"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@spscommerce/utils"],u):(r=typeof globalThis<"u"?globalThis:r||self,u(r.Tags={},r.React,r.core,r.utils))})(this,function(r,u,t,i){"use strict";function y(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=y(u);function N(a,o,e){return o in a?Object.defineProperty(a,o,{value:e,enumerable:!0,configurable:!0,writable:!0}):a[o]=e,a}function b(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 v(a){for(var o=1;o<arguments.length;o++){var e=arguments[o]!=null?arguments[o]:{};o%2?b(Object(e),!0).forEach(function(s){N(a,s,e[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(e)):b(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},p=a=>o=>{var e=a.defaultClassName,s=v(v({},a.defaultVariants),o);for(var _ in s){var d,m=(d=s[_])!==null&&d!==void 0?d:a.defaultVariants[_];if(m!=null){var g=m;typeof g=="boolean"&&(g=g===!0?"true":"false");var n=a.variantClassNames[_][g];n&&(e+=" "+n)}}for(var[c,T]of a.compoundVariants)S(c,s,a.defaultVariants)&&(e+=" "+T);return e},O=p({defaultClassName:"pkg_sps-woodland_tags__version_8_42_2__hash_160drw10",variantClassNames:{kind:{blue:"pkg_sps-woodland_tags__version_8_42_2__hash_160drw11",gray:"pkg_sps-woodland_tags__version_8_42_2__hash_160drw12"},disabled:{true:"pkg_sps-woodland_tags__version_8_42_2__hash_160drw13",false:"pkg_sps-woodland_tags__version_8_42_2__hash_160drw14"},wrap:{true:"pkg_sps-woodland_tags__version_8_42_2__hash_160drw15",false:"pkg_sps-woodland_tags__version_8_42_2__hash_160drw16"}},defaultVariants:{kind:"blue",disabled:!1,wrap:!1},compoundVariants:[]}),R=p({defaultClassName:"pkg_sps-woodland_tags__version_8_42_2__hash_160drw17",variantClassNames:{link:{true:"pkg_sps-woodland_tags__version_8_42_2__hash_160drw18",false:"pkg_sps-woodland_tags__version_8_42_2__hash_160drw19"},wrap:{true:"pkg_sps-woodland_tags__version_8_42_2__hash_160drw1a",false:"pkg_sps-woodland_tags__version_8_42_2__hash_160drw1b"},disabled:{true:"pkg_sps-woodland_tags__version_8_42_2__hash_160drw1c",false:"pkg_sps-woodland_tags__version_8_42_2__hash_160drw1d"},addOrRemove:{true:"pkg_sps-woodland_tags__version_8_42_2__hash_160drw1e",false:"pkg_sps-woodland_tags__version_8_42_2__hash_160drw1f"}},defaultVariants:{link:!1,wrap:!1,disabled:!1,addOrRemove:!1},compoundVariants:[[{disabled:!1,wrap:!1,addOrRemove:!0},"pkg_sps-woodland_tags__version_8_42_2__hash_160drw1g"]]}),E=p({defaultClassName:"pkg_sps-woodland_tags__version_8_42_2__hash_160drw1h",variantClassNames:{wrap:{true:"pkg_sps-woodland_tags__version_8_42_2__hash_160drw1i",false:"pkg_sps-woodland_tags__version_8_42_2__hash_160drw1j"}},defaultVariants:{wrap:!1},compoundVariants:[]}),V="pkg_sps-woodland_tags__version_8_42_2__hash_160drw1k",x="pkg_sps-woodland_tags__version_8_42_2__hash_160drw1l";function h({children:a,className:o,onClick:e,disabled:s,wrap:_,href:d,target:m,kind:g,onAdd:n,onRemove:c,...T}){const A=l.Children.toArray(a).filter(f=>typeof f=="string").join("");l.useEffect(()=>{if(c&&n)throw new Error("Clickable tag should have onRemove or onAdd, not both")},[n,c]);function z(f){n?n():c&&c(),f.stopPropagation()}function H(f){f.stopPropagation(),e&&e(f)}return l.createElement("div",{className:t.cl(O({kind:g,disabled:s,wrap:_}),o),...T},l.createElement("span",{className:t.cl(R({link:!!d||!!e,disabled:s,wrap:_,addOrRemove:n||c})),onClick:H,title:A},d?l.createElement("a",{className:x,href:d,target:m},a):a),(n||c)&&!s&&l.createElement("div",{className:t.cl(E({wrap:_})),onClick:z,tabIndex:-1,"aria-label":n?"Add":"Remove"},l.createElement(t.Icon,{className:V,"aria-hidden":"true",icon:n?"plus-sign":"x"})))}t.Metadata.set(h,{name:"Clickable Tag",props:{disabled:{type:"boolean",default:"false"},wrap:{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 K=p({defaultClassName:"pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi0",variantClassNames:{kind:{default:"pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi1",key:"pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi2",warning:"pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi3",error:"pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi4",pending:"pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi5",success:"pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi6",info:"pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi7"},wrap:{true:"pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi8",false:"pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi9"}},defaultVariants:{kind:"default",wrap:!1},compoundVariants:[]}),P=p({defaultClassName:"pkg_sps-woodland_tags__version_8_42_2__hash_5f3efia",variantClassNames:{kind:{default:"pkg_sps-woodland_tags__version_8_42_2__hash_5f3efib",key:"pkg_sps-woodland_tags__version_8_42_2__hash_5f3efic",warning:"pkg_sps-woodland_tags__version_8_42_2__hash_5f3efid",error:"pkg_sps-woodland_tags__version_8_42_2__hash_5f3efie",pending:"pkg_sps-woodland_tags__version_8_42_2__hash_5f3efif",success:"pkg_sps-woodland_tags__version_8_42_2__hash_5f3efig",info:"pkg_sps-woodland_tags__version_8_42_2__hash_5f3efih"}},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 w({children:a,className:o,kind:e="default",icon:s,wrap:_,...d}){return l.createElement("span",{className:t.cl(K({kind:e,wrap:_}),o),...d},s&&l.createElement(t.Icon,{className:t.cl(P({kind:e})),icon:C[e]}),a)}t.Metadata.set(w,{name:"Tag",props:{kind:{type:"TagKind",default:"default"},icon:{type:"boolean",default:"false"},wrap:{type:"boolean",default:"false"}}});var F=p({defaultClassName:"pkg_sps-woodland_tags__version_8_42_2__hash_79ofse0",variantClassNames:{wrap:{true:"pkg_sps-woodland_tags__version_8_42_2__hash_79ofse1",false:"pkg_sps-woodland_tags__version_8_42_2__hash_79ofse2"}},defaultVariants:{wrap:!1},compoundVariants:[]}),j="pkg_sps-woodland_tags__version_8_42_2__hash_79ofse3",I="pkg_sps-woodland_tags__version_8_42_2__hash_79ofse4",M=p({defaultClassName:"pkg_sps-woodland_tags__version_8_42_2__hash_79ofse5",variantClassNames:{href:{true:"pkg_sps-woodland_tags__version_8_42_2__hash_79ofse6",false:"pkg_sps-woodland_tags__version_8_42_2__hash_79ofse7"},kind:{default:"pkg_sps-woodland_tags__version_8_42_2__hash_79ofse8",key:"pkg_sps-woodland_tags__version_8_42_2__hash_79ofse9",warning:"pkg_sps-woodland_tags__version_8_42_2__hash_79ofsea",error:"pkg_sps-woodland_tags__version_8_42_2__hash_79ofseb",pending:"pkg_sps-woodland_tags__version_8_42_2__hash_79ofsec",success:"pkg_sps-woodland_tags__version_8_42_2__hash_79ofsed",info:"pkg_sps-woodland_tags__version_8_42_2__hash_79ofsee"}},defaultVariants:{href:!1,kind:"default"},compoundVariants:[]}),D="pkg_sps-woodland_tags__version_8_42_2__hash_79ofsef";function k({children:a,className:o,color:e="default",href:s,target:_,icon:d,tagKey:m,value:g,wrap:n=!1,...c}){return l.createElement("span",{className:t.cl(F({wrap:n}),o),...c},l.createElement(w,{className:t.cl(j),icon:d,kind:e,wrap:n},m&&l.createElement("span",{className:t.cl(I)},m)),l.createElement(w,{className:t.cl(M({href:!!s,kind:e})),wrap:n},s?l.createElement("a",{className:D,href:s,target:_},g):g))}t.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:[h],examples:{basic:{label:"Basic Tag",examples:{basic:{react:i.code`
1
+ (function(r,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("react"),require("@sps-woodland/core"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@spscommerce/utils"],u):(r=typeof globalThis<"u"?globalThis:r||self,u(r.Tags={},r.React,r.core,r.utils))})(this,function(r,u,t,i){"use strict";function y(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=y(u);function N(a,o,e){return o in a?Object.defineProperty(a,o,{value:e,enumerable:!0,configurable:!0,writable:!0}):a[o]=e,a}function b(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 v(a){for(var o=1;o<arguments.length;o++){var e=arguments[o]!=null?arguments[o]:{};o%2?b(Object(e),!0).forEach(function(s){N(a,s,e[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(e)):b(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=v(v({},a.defaultVariants),o);for(var _ in s){var c,g=(c=s[_])!==null&&c!==void 0?c:a.defaultVariants[_];if(g!=null){var d=g;typeof d=="boolean"&&(d=d===!0?"true":"false");var n=a.variantClassNames[_][d];n&&(e+=" "+n)}}for(var[p,T]of a.compoundVariants)S(p,s,a.defaultVariants)&&(e+=" "+T);return e},O=m({defaultClassName:"pkg_sps-woodland_tags__version_8_42_4__hash_160drw10",variantClassNames:{kind:{blue:"pkg_sps-woodland_tags__version_8_42_4__hash_160drw11",gray:"pkg_sps-woodland_tags__version_8_42_4__hash_160drw12"},disabled:{true:"pkg_sps-woodland_tags__version_8_42_4__hash_160drw13",false:"pkg_sps-woodland_tags__version_8_42_4__hash_160drw14"},wrap:{true:"pkg_sps-woodland_tags__version_8_42_4__hash_160drw15",false:"pkg_sps-woodland_tags__version_8_42_4__hash_160drw16"}},defaultVariants:{kind:"blue",disabled:!1,wrap:!1},compoundVariants:[]}),R=m({defaultClassName:"pkg_sps-woodland_tags__version_8_42_4__hash_160drw17",variantClassNames:{link:{true:"pkg_sps-woodland_tags__version_8_42_4__hash_160drw18",false:"pkg_sps-woodland_tags__version_8_42_4__hash_160drw19"},wrap:{true:"pkg_sps-woodland_tags__version_8_42_4__hash_160drw1a",false:"pkg_sps-woodland_tags__version_8_42_4__hash_160drw1b"},disabled:{true:"pkg_sps-woodland_tags__version_8_42_4__hash_160drw1c",false:"pkg_sps-woodland_tags__version_8_42_4__hash_160drw1d"},addOrRemove:{true:"pkg_sps-woodland_tags__version_8_42_4__hash_160drw1e",false:"pkg_sps-woodland_tags__version_8_42_4__hash_160drw1f"}},defaultVariants:{link:!1,wrap:!1,disabled:!1,addOrRemove:!1},compoundVariants:[[{disabled:!1,wrap:!1,addOrRemove:!0},"pkg_sps-woodland_tags__version_8_42_4__hash_160drw1g"]]}),E=m({defaultClassName:"pkg_sps-woodland_tags__version_8_42_4__hash_160drw1h",variantClassNames:{wrap:{true:"pkg_sps-woodland_tags__version_8_42_4__hash_160drw1i",false:"pkg_sps-woodland_tags__version_8_42_4__hash_160drw1j"}},defaultVariants:{wrap:!1},compoundVariants:[]}),I="pkg_sps-woodland_tags__version_8_42_4__hash_160drw1k",V="pkg_sps-woodland_tags__version_8_42_4__hash_160drw1l";function h({children:a,className:o,onClick:e,disabled:s,wrap:_,href:c,target:g,kind:d,onAdd:n,onRemove:p,...T}){const A=l.Children.toArray(a).filter(f=>typeof f=="string").join("");l.useEffect(()=>{if(p&&n)throw new Error("Clickable tag should have onRemove or onAdd, not both")},[n,p]);function z(f){n?n():p&&p(),f.stopPropagation()}function H(f){f.stopPropagation(),e&&e(f)}return l.createElement("div",{className:t.cl(O({kind:d,disabled:s,wrap:_}),o),...T},l.createElement("span",{className:t.cl(R({link:!!c||!!e,disabled:s,wrap:_,addOrRemove:n||p})),onClick:H,title:A},c?l.createElement("a",{className:V,href:c,target:g},a):a),(n||p)&&!s&&l.createElement("div",{className:t.cl(E({wrap:_})),onClick:z,tabIndex:-1,"aria-label":n?"Add":"Remove"},l.createElement(t.Icon,{className:I,"aria-hidden":"true",icon:n?"plus-sign":"x"})))}t.Metadata.set(h,{name:"Clickable Tag",props:{disabled:{type:"boolean",default:"false"},wrap:{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 x=m({defaultClassName:"pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi0",variantClassNames:{kind:{default:"pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi1",key:"pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi2",warning:"pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi3",error:"pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi4",pending:"pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi5",success:"pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi6",info:"pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi7"},wrap:{true:"pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi8",false:"pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi9"}},defaultVariants:{kind:"default",wrap:!1},compoundVariants:[]}),K=m({defaultClassName:"pkg_sps-woodland_tags__version_8_42_4__hash_5f3efia",variantClassNames:{kind:{default:"pkg_sps-woodland_tags__version_8_42_4__hash_5f3efib",key:"pkg_sps-woodland_tags__version_8_42_4__hash_5f3efic",warning:"pkg_sps-woodland_tags__version_8_42_4__hash_5f3efid",error:"pkg_sps-woodland_tags__version_8_42_4__hash_5f3efie",pending:"pkg_sps-woodland_tags__version_8_42_4__hash_5f3efif",success:"pkg_sps-woodland_tags__version_8_42_4__hash_5f3efig",info:"pkg_sps-woodland_tags__version_8_42_4__hash_5f3efih",custom:"pkg_sps-woodland_tags__version_8_42_4__hash_5f3efii"}},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 w({children:a,className:o,kind:e="default",icon:s,wrap:_,...c}){const g=typeof s=="string",d=s&&g?s:s?C[e]:void 0;return l.createElement("span",{className:t.cl(x({kind:e,wrap:_}),o),...c},d&&l.createElement(t.Icon,{className:t.cl(K({kind:g?"custom":e})),icon:d}),a)}t.Metadata.set(w,{name:"Tag",props:{kind:{type:"TagKind",default:"default"},icon:{type:"boolean | IconName",default:"false"},wrap:{type:"boolean",default:"false"}}});var F=m({defaultClassName:"pkg_sps-woodland_tags__version_8_42_4__hash_79ofse0",variantClassNames:{wrap:{true:"pkg_sps-woodland_tags__version_8_42_4__hash_79ofse1",false:"pkg_sps-woodland_tags__version_8_42_4__hash_79ofse2"}},defaultVariants:{wrap:!1},compoundVariants:[]}),P="pkg_sps-woodland_tags__version_8_42_4__hash_79ofse3",j="pkg_sps-woodland_tags__version_8_42_4__hash_79ofse4",M=m({defaultClassName:"pkg_sps-woodland_tags__version_8_42_4__hash_79ofse5",variantClassNames:{href:{true:"pkg_sps-woodland_tags__version_8_42_4__hash_79ofse6",false:"pkg_sps-woodland_tags__version_8_42_4__hash_79ofse7"},kind:{default:"pkg_sps-woodland_tags__version_8_42_4__hash_79ofse8",key:"pkg_sps-woodland_tags__version_8_42_4__hash_79ofse9",warning:"pkg_sps-woodland_tags__version_8_42_4__hash_79ofsea",error:"pkg_sps-woodland_tags__version_8_42_4__hash_79ofseb",pending:"pkg_sps-woodland_tags__version_8_42_4__hash_79ofsec",success:"pkg_sps-woodland_tags__version_8_42_4__hash_79ofsed",info:"pkg_sps-woodland_tags__version_8_42_4__hash_79ofsee"}},defaultVariants:{href:!1,kind:"default"},compoundVariants:[]}),D="pkg_sps-woodland_tags__version_8_42_4__hash_79ofsef";function k({children:a,className:o,color:e="default",href:s,target:_,icon:c,tagKey:g,value:d,wrap:n=!1,...p}){return l.createElement("span",{className:t.cl(F({wrap:n}),o),...p},l.createElement(w,{className:t.cl(P),icon:c,kind:e,wrap:n},g&&l.createElement("span",{className:t.cl(j)},g)),l.createElement(w,{className:t.cl(M({href:!!s,kind:e})),wrap:n},s?l.createElement("a",{className:D,href:s,target:_},d):d))}t.Metadata.set(k,{name:"Split Tag",props:{color:{type:"TagKind",default:"key"},href:{type:"string"},target:{type:"'_blank' | '_self' | '_parent' | '_top'"},icon:{type:"boolean | IconName",default:"false"},tagKey:{type:"string",required:!0},value:{type:"string",required:!0}}});const L={components:[h],examples:{basic:{label:"Basic Tag",examples:{basic:{react:i.code`
2
2
  import { ClickableTag } from "@sps-woodland/tags";
3
3
 
4
4
  function Component() {
@@ -140,6 +140,7 @@
140
140
  <Tag className="mr-1 mb-1" kind="pending" icon>Pending</Tag>
141
141
  <Tag className="mr-1 mb-1" kind="success" icon>Success</Tag>
142
142
  <Tag className="mr-1 mb-1" kind="info" icon>Info</Tag>
143
+ <Tag className="mr-1 mb-1" icon="star">Custom Icon</Tag>
143
144
  </>
144
145
  )
145
146
  }
@@ -170,6 +171,7 @@
170
171
  <SplitTag className="mr-1" tagKey="Foo" value="1234" color="pending" icon />
171
172
  <SplitTag className="mr-1" tagKey="Foo" value="1234" color="success" icon />
172
173
  <SplitTag className="mr-1" tagKey="Foo" value="1234" color="info" icon />
174
+ <SplitTag className="mr-1" tagKey="Foo" value="Custom Icon" icon="star" />
173
175
  </>
174
176
  );
175
177
  }
@@ -1,11 +1,12 @@
1
1
  import * as React from "react";
2
2
  import type { ComponentProps } from "@sps-woodland/core";
3
+ import type { IconName } from "@sps-woodland/tokens";
3
4
  import type { TagKind } from "../tag/Tag.css";
4
5
  export declare function SplitTag({ children, className, color, href, target, icon, tagKey, value, wrap, ...rest }: ComponentProps<{
5
6
  color: TagKind;
6
7
  href?: string;
7
8
  target?: "_blank" | "_self" | "_parent" | "_top";
8
- icon?: boolean;
9
+ icon?: boolean | IconName;
9
10
  tagKey: string;
10
11
  value: string;
11
12
  wrap?: boolean;
package/lib/style.css CHANGED
@@ -1 +1 @@
1
- .pkg_sps-woodland_tags__version_8_42_2__hash_160drw10{border-radius:.125rem;display:inline-flex;color:#09638d;font-size:.75rem;font-weight:600;height:1.125rem;line-height:.75rem;max-width:100%}.pkg_sps-woodland_tags__version_8_42_2__hash_160drw11{background-color:#e6f2f8}.pkg_sps-woodland_tags__version_8_42_2__hash_160drw12{background-color:#e9e9ea}.pkg_sps-woodland_tags__version_8_42_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_42_2__hash_160drw15{height:auto}.pkg_sps-woodland_tags__version_8_42_2__hash_160drw17{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_42_2__hash_160drw18{cursor:pointer;text-decoration:underline}.pkg_sps-woodland_tags__version_8_42_2__hash_160drw18:hover{color:#e6f2f8;background-color:#09638d;border-radius:.125rem}.pkg_sps-woodland_tags__version_8_42_2__hash_160drw1a{white-space:normal;height:auto;line-height:.875rem;word-break:break-word}.pkg_sps-woodland_tags__version_8_42_2__hash_160drw1g{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_42_2__hash_160drw1h{border-top-left-radius:0;border-top-right-radius:.125rem;border-bottom-right-radius:.125rem;border-bottom-left-radius:0;color:#09638d;height:1.125rem;line-height:.75rem;padding:.125rem .25rem}.pkg_sps-woodland_tags__version_8_42_2__hash_160drw1h:focus,.pkg_sps-woodland_tags__version_8_42_2__hash_160drw1h:hover{background-color:#09638d;color:#e6f2f8;cursor:pointer}.pkg_sps-woodland_tags__version_8_42_2__hash_160drw1i{height:auto;align-content:center}.pkg_sps-woodland_tags__version_8_42_2__hash_160drw1k{cursor:pointer;font-size:.625rem;position:relative;text-decoration:none;top:-.0625rem;vertical-align:middle}span>.pkg_sps-woodland_tags__version_8_42_2__hash_160drw1l{color:#09638d}span:hover>.pkg_sps-woodland_tags__version_8_42_2__hash_160drw1l{color:#e6f2f8}.pkg_sps-woodland_tags__version_8_42_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_42_2__hash_5f3efi1{background:#e9e9ea;color:#4b5356}.pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi2{background:#4b5356;color:#fff}.pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi3{background:#e7760b;color:#fff}.pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi4{background:#de002e;color:#fff}.pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi5{background:#91467f;color:#fff}.pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi6{background:#0b8940;color:#fff}.pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi7{background:#007db8;color:#fff}.pkg_sps-woodland_tags__version_8_42_2__hash_5f3efi8{display:inline-flex;align-items:start;flex-wrap:nowrap;white-space:normal;height:auto;line-height:.875rem;word-break:break-word;text-overflow:clip}.pkg_sps-woodland_tags__version_8_42_2__hash_5f3efia{height:1em;font-size:.75rem;line-height:.625rem;margin-right:.25rem}.pkg_sps-woodland_tags__version_8_42_2__hash_5f3efia:before{vertical-align:text-bottom}.pkg_sps-woodland_tags__version_8_42_2__hash_5f3efib{display:none}.pkg_sps-woodland_tags__version_8_42_2__hash_79ofse0{display:inline-block}.pkg_sps-woodland_tags__version_8_42_2__hash_79ofse1{display:inline-flex}.pkg_sps-woodland_tags__version_8_42_2__hash_79ofse3{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_42_2__hash_79ofse5{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_42_2__hash_79ofse6{cursor:pointer;text-decoration:underline;color:#4b5356}.pkg_sps-woodland_tags__version_8_42_2__hash_79ofse9{box-shadow:.0625rem 0 #4b5356 inset,-.0625rem 0 #4b5356 inset,0 .0625rem #4b5356 inset,0 -.0625rem #4b5356 inset}.pkg_sps-woodland_tags__version_8_42_2__hash_79ofsea{box-shadow:.0625rem 0 #e7760b inset,-.0625rem 0 #e7760b inset,0 .0625rem #e7760b inset,0 -.0625rem #e7760b inset}.pkg_sps-woodland_tags__version_8_42_2__hash_79ofseb{box-shadow:.0625rem 0 #de002e inset,-.0625rem 0 #de002e inset,0 .0625rem #de002e inset,0 -.0625rem #de002e inset}.pkg_sps-woodland_tags__version_8_42_2__hash_79ofsec{box-shadow:.0625rem 0 #91467f inset,-.0625rem 0 #91467f inset,0 .0625rem #91467f inset,0 -.0625rem #91467f inset}.pkg_sps-woodland_tags__version_8_42_2__hash_79ofsed{box-shadow:.0625rem 0 #0b8940 inset,-.0625rem 0 #0b8940 inset,0 .0625rem #0b8940 inset,0 -.0625rem #0b8940 inset}.pkg_sps-woodland_tags__version_8_42_2__hash_79ofsee{box-shadow:.0625rem 0 #007db8 inset,-.0625rem 0 #007db8 inset,0 .0625rem #007db8 inset,0 -.0625rem #007db8 inset}.pkg_sps-woodland_tags__version_8_42_2__hash_79ofsef,.pkg_sps-woodland_tags__version_8_42_2__hash_79ofsef:hover{color:#4b5356}.pkg_sps-woodland_tags__version_8_42_2__hash_79ofse3>i{margin-right:0}
1
+ .pkg_sps-woodland_tags__version_8_42_4__hash_160drw10{border-radius:.125rem;display:inline-flex;color:#09638d;font-size:.75rem;font-weight:600;height:1.125rem;line-height:.75rem;max-width:100%}.pkg_sps-woodland_tags__version_8_42_4__hash_160drw11{background-color:#e6f2f8}.pkg_sps-woodland_tags__version_8_42_4__hash_160drw12{background-color:#e9e9ea}.pkg_sps-woodland_tags__version_8_42_4__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_42_4__hash_160drw15{height:auto}.pkg_sps-woodland_tags__version_8_42_4__hash_160drw17{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_42_4__hash_160drw18{cursor:pointer;text-decoration:underline}.pkg_sps-woodland_tags__version_8_42_4__hash_160drw18:hover{color:#e6f2f8;background-color:#09638d;border-radius:.125rem}.pkg_sps-woodland_tags__version_8_42_4__hash_160drw1a{white-space:normal;height:auto;line-height:.875rem;word-break:break-word}.pkg_sps-woodland_tags__version_8_42_4__hash_160drw1g{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_42_4__hash_160drw1h{border-top-left-radius:0;border-top-right-radius:.125rem;border-bottom-right-radius:.125rem;border-bottom-left-radius:0;color:#09638d;height:1.125rem;line-height:.75rem;padding:.125rem .25rem}.pkg_sps-woodland_tags__version_8_42_4__hash_160drw1h:focus,.pkg_sps-woodland_tags__version_8_42_4__hash_160drw1h:hover{background-color:#09638d;color:#e6f2f8;cursor:pointer}.pkg_sps-woodland_tags__version_8_42_4__hash_160drw1i{height:auto;align-content:center}.pkg_sps-woodland_tags__version_8_42_4__hash_160drw1k{cursor:pointer;font-size:.625rem;position:relative;text-decoration:none;top:-.0625rem;vertical-align:middle}span>.pkg_sps-woodland_tags__version_8_42_4__hash_160drw1l{color:#09638d}span:hover>.pkg_sps-woodland_tags__version_8_42_4__hash_160drw1l{color:#e6f2f8}.pkg_sps-woodland_tags__version_8_42_4__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_42_4__hash_5f3efi1{background:#e9e9ea;color:#4b5356}.pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi2{background:#4b5356;color:#fff}.pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi3{background:#e7760b;color:#fff}.pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi4{background:#de002e;color:#fff}.pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi5{background:#91467f;color:#fff}.pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi6{background:#0b8940;color:#fff}.pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi7{background:#007db8;color:#fff}.pkg_sps-woodland_tags__version_8_42_4__hash_5f3efi8{display:inline-flex;align-items:start;flex-wrap:nowrap;white-space:normal;height:auto;line-height:.875rem;word-break:break-word;text-overflow:clip}.pkg_sps-woodland_tags__version_8_42_4__hash_5f3efia{height:1em;font-size:.75rem;line-height:.625rem;margin-right:.25rem}.pkg_sps-woodland_tags__version_8_42_4__hash_5f3efia:before{vertical-align:text-bottom}.pkg_sps-woodland_tags__version_8_42_4__hash_5f3efib{display:none}.pkg_sps-woodland_tags__version_8_42_4__hash_79ofse0{display:inline-block}.pkg_sps-woodland_tags__version_8_42_4__hash_79ofse1{display:inline-flex}.pkg_sps-woodland_tags__version_8_42_4__hash_79ofse3{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_42_4__hash_79ofse5{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_42_4__hash_79ofse6{cursor:pointer;text-decoration:underline;color:#4b5356}.pkg_sps-woodland_tags__version_8_42_4__hash_79ofse9{box-shadow:.0625rem 0 #4b5356 inset,-.0625rem 0 #4b5356 inset,0 .0625rem #4b5356 inset,0 -.0625rem #4b5356 inset}.pkg_sps-woodland_tags__version_8_42_4__hash_79ofsea{box-shadow:.0625rem 0 #e7760b inset,-.0625rem 0 #e7760b inset,0 .0625rem #e7760b inset,0 -.0625rem #e7760b inset}.pkg_sps-woodland_tags__version_8_42_4__hash_79ofseb{box-shadow:.0625rem 0 #de002e inset,-.0625rem 0 #de002e inset,0 .0625rem #de002e inset,0 -.0625rem #de002e inset}.pkg_sps-woodland_tags__version_8_42_4__hash_79ofsec{box-shadow:.0625rem 0 #91467f inset,-.0625rem 0 #91467f inset,0 .0625rem #91467f inset,0 -.0625rem #91467f inset}.pkg_sps-woodland_tags__version_8_42_4__hash_79ofsed{box-shadow:.0625rem 0 #0b8940 inset,-.0625rem 0 #0b8940 inset,0 .0625rem #0b8940 inset,0 -.0625rem #0b8940 inset}.pkg_sps-woodland_tags__version_8_42_4__hash_79ofsee{box-shadow:.0625rem 0 #007db8 inset,-.0625rem 0 #007db8 inset,0 .0625rem #007db8 inset,0 -.0625rem #007db8 inset}.pkg_sps-woodland_tags__version_8_42_4__hash_79ofsef,.pkg_sps-woodland_tags__version_8_42_4__hash_79ofsef:hover{color:#4b5356}.pkg_sps-woodland_tags__version_8_42_4__hash_79ofse3>i{margin-right:0}
@@ -17,6 +17,7 @@ export declare const tagIcon: import("@vanilla-extract/recipes/dist/declarations
17
17
  pending: {};
18
18
  success: {};
19
19
  info: {};
20
+ custom: {};
20
21
  };
21
22
  }>;
22
23
  export {};
package/lib/tag/Tag.d.ts CHANGED
@@ -5,6 +5,6 @@ import type { TagKind } from "./Tag.css";
5
5
  export declare const TagIcons: Record<TagKind, IconName>;
6
6
  export declare function Tag({ children, className, kind, icon, wrap, ...rest }: ComponentProps<{
7
7
  kind?: TagKind;
8
- icon?: boolean;
8
+ icon?: boolean | IconName;
9
9
  wrap?: boolean;
10
10
  }, HTMLDivElement>): React.ReactElement;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sps-woodland/tags",
3
3
  "description": "SPS Woodland Design System tag components",
4
- "version": "8.42.2",
4
+ "version": "8.42.4",
5
5
  "author": "SPS Commerce",
6
6
  "license": "UNLICENSED",
7
7
  "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/cards",
@@ -29,8 +29,8 @@
29
29
  "@spscommerce/utils": "^7.0.0 || ^8.0.0",
30
30
  "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
31
31
  "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
32
- "@sps-woodland/core": "8.42.2",
33
- "@sps-woodland/tokens": "8.42.2"
32
+ "@sps-woodland/core": "8.42.4",
33
+ "@sps-woodland/tokens": "8.42.4"
34
34
  },
35
35
  "devDependencies": {
36
36
  "@spscommerce/utils": "^8.1.1",
@@ -38,8 +38,8 @@
38
38
  "@vanilla-extract/recipes": "^0.2.5",
39
39
  "react": "^16.14.0",
40
40
  "react-dom": "^16.14.0",
41
- "@sps-woodland/core": "8.42.2",
42
- "@sps-woodland/tokens": "8.42.2"
41
+ "@sps-woodland/core": "8.42.4",
42
+ "@sps-woodland/tokens": "8.42.4"
43
43
  },
44
44
  "scripts": {
45
45
  "build": "pnpm run build:js && pnpm run build:types",