@sps-woodland/tags 8.34.0 → 8.34.2
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 +41 -40
- package/lib/index.umd.cjs +14 -14
- package/lib/split-tag/SplitTag.css.d.ts +8 -1
- package/lib/split-tag/SplitTag.d.ts +2 -1
- package/lib/style.css +1 -1
- package/package.json +5 -5
package/lib/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { Metadata as
|
|
1
|
+
import * as l from "react";
|
|
2
|
+
import { Metadata as w, cl as g, Icon as b } from "@sps-woodland/core";
|
|
3
3
|
import { code as r } from "@spscommerce/utils";
|
|
4
4
|
function R(a, o, e) {
|
|
5
5
|
return o in a ? Object.defineProperty(a, o, {
|
|
@@ -37,24 +37,24 @@ var S = (a, o, e) => {
|
|
|
37
37
|
return !1;
|
|
38
38
|
}
|
|
39
39
|
return !0;
|
|
40
|
-
},
|
|
40
|
+
}, c = (a) => (o) => {
|
|
41
41
|
var e = a.defaultClassName, s = k(k({}, a.defaultVariants), o);
|
|
42
42
|
for (var _ in s) {
|
|
43
43
|
var t, p = (t = s[_]) !== null && t !== void 0 ? t : a.defaultVariants[_];
|
|
44
44
|
if (p != null) {
|
|
45
|
-
var
|
|
46
|
-
typeof
|
|
47
|
-
var
|
|
45
|
+
var d = p;
|
|
46
|
+
typeof d == "boolean" && (d = d === !0 ? "true" : "false");
|
|
47
|
+
var n = (
|
|
48
48
|
// @ts-expect-error
|
|
49
|
-
a.variantClassNames[_][
|
|
49
|
+
a.variantClassNames[_][d]
|
|
50
50
|
);
|
|
51
|
-
|
|
51
|
+
n && (e += " " + n);
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
|
-
for (var [
|
|
55
|
-
S(
|
|
54
|
+
for (var [i, u] of a.compoundVariants)
|
|
55
|
+
S(i, s, a.defaultVariants) && (e += " " + u);
|
|
56
56
|
return e;
|
|
57
|
-
}, O =
|
|
57
|
+
}, O = c({ defaultClassName: "pkg_sps-woodland_tags__version_8_34_2__hash_160drw10", variantClassNames: { kind: { blue: "pkg_sps-woodland_tags__version_8_34_2__hash_160drw11", gray: "pkg_sps-woodland_tags__version_8_34_2__hash_160drw12" }, disabled: { true: "pkg_sps-woodland_tags__version_8_34_2__hash_160drw13", false: "pkg_sps-woodland_tags__version_8_34_2__hash_160drw14" }, wrap: { true: "pkg_sps-woodland_tags__version_8_34_2__hash_160drw15", false: "pkg_sps-woodland_tags__version_8_34_2__hash_160drw16" } }, defaultVariants: { kind: "blue", disabled: !1, wrap: !1 }, compoundVariants: [] }), x = c({ defaultClassName: "pkg_sps-woodland_tags__version_8_34_2__hash_160drw17", variantClassNames: { link: { true: "pkg_sps-woodland_tags__version_8_34_2__hash_160drw18", false: "pkg_sps-woodland_tags__version_8_34_2__hash_160drw19" }, wrap: { true: "pkg_sps-woodland_tags__version_8_34_2__hash_160drw1a", false: "pkg_sps-woodland_tags__version_8_34_2__hash_160drw1b" }, disabled: { true: "pkg_sps-woodland_tags__version_8_34_2__hash_160drw1c", false: "pkg_sps-woodland_tags__version_8_34_2__hash_160drw1d" }, addOrRemove: { true: "pkg_sps-woodland_tags__version_8_34_2__hash_160drw1e", false: "pkg_sps-woodland_tags__version_8_34_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_34_2__hash_160drw1g"]] }), E = c({ defaultClassName: "pkg_sps-woodland_tags__version_8_34_2__hash_160drw1h", variantClassNames: { wrap: { true: "pkg_sps-woodland_tags__version_8_34_2__hash_160drw1i", false: "pkg_sps-woodland_tags__version_8_34_2__hash_160drw1j" } }, defaultVariants: { wrap: !1 }, compoundVariants: [] }), V = "pkg_sps-woodland_tags__version_8_34_2__hash_160drw1k", K = "pkg_sps-woodland_tags__version_8_34_2__hash_160drw1l";
|
|
58
58
|
function T({
|
|
59
59
|
children: a,
|
|
60
60
|
className: o,
|
|
@@ -63,53 +63,53 @@ function T({
|
|
|
63
63
|
wrap: _,
|
|
64
64
|
href: t,
|
|
65
65
|
target: p,
|
|
66
|
-
kind:
|
|
67
|
-
onAdd:
|
|
68
|
-
onRemove:
|
|
69
|
-
...
|
|
66
|
+
kind: d,
|
|
67
|
+
onAdd: n,
|
|
68
|
+
onRemove: i,
|
|
69
|
+
...u
|
|
70
70
|
}) {
|
|
71
|
-
const C =
|
|
72
|
-
|
|
73
|
-
if (
|
|
71
|
+
const C = l.Children.toArray(a).filter((m) => typeof m == "string").join("");
|
|
72
|
+
l.useEffect(() => {
|
|
73
|
+
if (i && n)
|
|
74
74
|
throw new Error("Clickable tag should have onRemove or onAdd, not both");
|
|
75
|
-
}, [
|
|
76
|
-
function y(
|
|
77
|
-
|
|
75
|
+
}, [n, i]);
|
|
76
|
+
function y(m) {
|
|
77
|
+
n ? n() : i && i(), m.stopPropagation();
|
|
78
78
|
}
|
|
79
|
-
function N(
|
|
80
|
-
|
|
79
|
+
function N(m) {
|
|
80
|
+
m.stopPropagation(), e && e(m);
|
|
81
81
|
}
|
|
82
|
-
return /* @__PURE__ */
|
|
82
|
+
return /* @__PURE__ */ l.createElement("div", { className: g(O({ kind: d, disabled: s, wrap: _ }), o), ...u }, /* @__PURE__ */ l.createElement(
|
|
83
83
|
"span",
|
|
84
84
|
{
|
|
85
|
-
className:
|
|
85
|
+
className: g(
|
|
86
86
|
x({
|
|
87
87
|
link: !!t || !!e,
|
|
88
88
|
disabled: s,
|
|
89
89
|
wrap: _,
|
|
90
|
-
addOrRemove:
|
|
90
|
+
addOrRemove: n || i
|
|
91
91
|
})
|
|
92
92
|
),
|
|
93
93
|
onClick: N,
|
|
94
94
|
title: C
|
|
95
95
|
},
|
|
96
|
-
t ? /* @__PURE__ */
|
|
97
|
-
), (
|
|
96
|
+
t ? /* @__PURE__ */ l.createElement("a", { className: K, href: t, target: p }, a) : a
|
|
97
|
+
), (n || i) && !s && /* @__PURE__ */ l.createElement(
|
|
98
98
|
"div",
|
|
99
99
|
{
|
|
100
|
-
className:
|
|
100
|
+
className: g(
|
|
101
101
|
E({
|
|
102
102
|
wrap: _
|
|
103
103
|
})
|
|
104
104
|
),
|
|
105
105
|
onClick: y,
|
|
106
106
|
tabIndex: -1,
|
|
107
|
-
"aria-label":
|
|
107
|
+
"aria-label": n ? "Add" : "Remove"
|
|
108
108
|
},
|
|
109
|
-
/* @__PURE__ */
|
|
109
|
+
/* @__PURE__ */ l.createElement(b, { className: V, "aria-hidden": "true", icon: n ? "plus-sign" : "x" })
|
|
110
110
|
));
|
|
111
111
|
}
|
|
112
|
-
|
|
112
|
+
w.set(T, {
|
|
113
113
|
name: "Clickable Tag",
|
|
114
114
|
props: {
|
|
115
115
|
disabled: { type: "boolean", default: "false" },
|
|
@@ -121,7 +121,7 @@ u.set(T, {
|
|
|
121
121
|
onRemove: { type: "() => void" }
|
|
122
122
|
}
|
|
123
123
|
});
|
|
124
|
-
var F =
|
|
124
|
+
var F = c({ defaultClassName: "pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi0", variantClassNames: { kind: { default: "pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi1", key: "pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi2", warning: "pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi3", error: "pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi4", pending: "pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi5", success: "pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi6", info: "pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi7" }, wrap: { true: "pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi8", false: "pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi9" } }, defaultVariants: { kind: "default", wrap: !1 }, compoundVariants: [] }), P = c({ defaultClassName: "pkg_sps-woodland_tags__version_8_34_2__hash_5f3efia", variantClassNames: { kind: { default: "pkg_sps-woodland_tags__version_8_34_2__hash_5f3efib", key: "pkg_sps-woodland_tags__version_8_34_2__hash_5f3efic", warning: "pkg_sps-woodland_tags__version_8_34_2__hash_5f3efid", error: "pkg_sps-woodland_tags__version_8_34_2__hash_5f3efie", pending: "pkg_sps-woodland_tags__version_8_34_2__hash_5f3efif", success: "pkg_sps-woodland_tags__version_8_34_2__hash_5f3efig", info: "pkg_sps-woodland_tags__version_8_34_2__hash_5f3efih" } }, defaultVariants: { kind: "default" }, compoundVariants: [] });
|
|
125
125
|
const I = Object.freeze({
|
|
126
126
|
default: "info-circle",
|
|
127
127
|
key: "info-circle",
|
|
@@ -139,9 +139,9 @@ function f({
|
|
|
139
139
|
wrap: _,
|
|
140
140
|
...t
|
|
141
141
|
}) {
|
|
142
|
-
return /* @__PURE__ */
|
|
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);
|
|
143
143
|
}
|
|
144
|
-
|
|
144
|
+
w.set(f, {
|
|
145
145
|
name: "Tag",
|
|
146
146
|
props: {
|
|
147
147
|
kind: { type: "TagKind", default: "default" },
|
|
@@ -149,7 +149,7 @@ u.set(f, {
|
|
|
149
149
|
wrap: { type: "boolean", default: "false" }
|
|
150
150
|
}
|
|
151
151
|
});
|
|
152
|
-
var j = "pkg_sps-
|
|
152
|
+
var j = c({ defaultClassName: "pkg_sps-woodland_tags__version_8_34_2__hash_79ofse0", variantClassNames: { wrap: { true: "pkg_sps-woodland_tags__version_8_34_2__hash_79ofse1", false: "pkg_sps-woodland_tags__version_8_34_2__hash_79ofse2" } }, defaultVariants: { wrap: !1 }, compoundVariants: [] }), L = "pkg_sps-woodland_tags__version_8_34_2__hash_79ofse3", W = "pkg_sps-woodland_tags__version_8_34_2__hash_79ofse4", D = c({ defaultClassName: "pkg_sps-woodland_tags__version_8_34_2__hash_79ofse5", variantClassNames: { href: { true: "pkg_sps-woodland_tags__version_8_34_2__hash_79ofse6", false: "pkg_sps-woodland_tags__version_8_34_2__hash_79ofse7" }, kind: { default: "pkg_sps-woodland_tags__version_8_34_2__hash_79ofse8", key: "pkg_sps-woodland_tags__version_8_34_2__hash_79ofse9", warning: "pkg_sps-woodland_tags__version_8_34_2__hash_79ofsea", error: "pkg_sps-woodland_tags__version_8_34_2__hash_79ofseb", pending: "pkg_sps-woodland_tags__version_8_34_2__hash_79ofsec", success: "pkg_sps-woodland_tags__version_8_34_2__hash_79ofsed", info: "pkg_sps-woodland_tags__version_8_34_2__hash_79ofsee" } }, defaultVariants: { href: !1, kind: "default" }, compoundVariants: [] }), M = "pkg_sps-woodland_tags__version_8_34_2__hash_79ofsef";
|
|
153
153
|
function v({
|
|
154
154
|
children: a,
|
|
155
155
|
className: o,
|
|
@@ -158,12 +158,13 @@ function v({
|
|
|
158
158
|
target: _,
|
|
159
159
|
icon: t,
|
|
160
160
|
tagKey: p,
|
|
161
|
-
value:
|
|
162
|
-
|
|
161
|
+
value: d,
|
|
162
|
+
wrap: n = !1,
|
|
163
|
+
...i
|
|
163
164
|
}) {
|
|
164
|
-
return /* @__PURE__ */
|
|
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));
|
|
165
166
|
}
|
|
166
|
-
|
|
167
|
+
w.set(v, {
|
|
167
168
|
name: "Split Tag",
|
|
168
169
|
props: {
|
|
169
170
|
color: { type: "TagKind", default: "key" },
|
package/lib/index.umd.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(
|
|
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_34_2__hash_160drw10",variantClassNames:{kind:{blue:"pkg_sps-woodland_tags__version_8_34_2__hash_160drw11",gray:"pkg_sps-woodland_tags__version_8_34_2__hash_160drw12"},disabled:{true:"pkg_sps-woodland_tags__version_8_34_2__hash_160drw13",false:"pkg_sps-woodland_tags__version_8_34_2__hash_160drw14"},wrap:{true:"pkg_sps-woodland_tags__version_8_34_2__hash_160drw15",false:"pkg_sps-woodland_tags__version_8_34_2__hash_160drw16"}},defaultVariants:{kind:"blue",disabled:!1,wrap:!1},compoundVariants:[]}),R=p({defaultClassName:"pkg_sps-woodland_tags__version_8_34_2__hash_160drw17",variantClassNames:{link:{true:"pkg_sps-woodland_tags__version_8_34_2__hash_160drw18",false:"pkg_sps-woodland_tags__version_8_34_2__hash_160drw19"},wrap:{true:"pkg_sps-woodland_tags__version_8_34_2__hash_160drw1a",false:"pkg_sps-woodland_tags__version_8_34_2__hash_160drw1b"},disabled:{true:"pkg_sps-woodland_tags__version_8_34_2__hash_160drw1c",false:"pkg_sps-woodland_tags__version_8_34_2__hash_160drw1d"},addOrRemove:{true:"pkg_sps-woodland_tags__version_8_34_2__hash_160drw1e",false:"pkg_sps-woodland_tags__version_8_34_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_34_2__hash_160drw1g"]]}),E=p({defaultClassName:"pkg_sps-woodland_tags__version_8_34_2__hash_160drw1h",variantClassNames:{wrap:{true:"pkg_sps-woodland_tags__version_8_34_2__hash_160drw1i",false:"pkg_sps-woodland_tags__version_8_34_2__hash_160drw1j"}},defaultVariants:{wrap:!1},compoundVariants:[]}),V="pkg_sps-woodland_tags__version_8_34_2__hash_160drw1k",x="pkg_sps-woodland_tags__version_8_34_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_34_2__hash_5f3efi0",variantClassNames:{kind:{default:"pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi1",key:"pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi2",warning:"pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi3",error:"pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi4",pending:"pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi5",success:"pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi6",info:"pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi7"},wrap:{true:"pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi8",false:"pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi9"}},defaultVariants:{kind:"default",wrap:!1},compoundVariants:[]}),P=p({defaultClassName:"pkg_sps-woodland_tags__version_8_34_2__hash_5f3efia",variantClassNames:{kind:{default:"pkg_sps-woodland_tags__version_8_34_2__hash_5f3efib",key:"pkg_sps-woodland_tags__version_8_34_2__hash_5f3efic",warning:"pkg_sps-woodland_tags__version_8_34_2__hash_5f3efid",error:"pkg_sps-woodland_tags__version_8_34_2__hash_5f3efie",pending:"pkg_sps-woodland_tags__version_8_34_2__hash_5f3efif",success:"pkg_sps-woodland_tags__version_8_34_2__hash_5f3efig",info:"pkg_sps-woodland_tags__version_8_34_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_34_2__hash_79ofse0",variantClassNames:{wrap:{true:"pkg_sps-woodland_tags__version_8_34_2__hash_79ofse1",false:"pkg_sps-woodland_tags__version_8_34_2__hash_79ofse2"}},defaultVariants:{wrap:!1},compoundVariants:[]}),j="pkg_sps-woodland_tags__version_8_34_2__hash_79ofse3",I="pkg_sps-woodland_tags__version_8_34_2__hash_79ofse4",M=p({defaultClassName:"pkg_sps-woodland_tags__version_8_34_2__hash_79ofse5",variantClassNames:{href:{true:"pkg_sps-woodland_tags__version_8_34_2__hash_79ofse6",false:"pkg_sps-woodland_tags__version_8_34_2__hash_79ofse7"},kind:{default:"pkg_sps-woodland_tags__version_8_34_2__hash_79ofse8",key:"pkg_sps-woodland_tags__version_8_34_2__hash_79ofse9",warning:"pkg_sps-woodland_tags__version_8_34_2__hash_79ofsea",error:"pkg_sps-woodland_tags__version_8_34_2__hash_79ofseb",pending:"pkg_sps-woodland_tags__version_8_34_2__hash_79ofsec",success:"pkg_sps-woodland_tags__version_8_34_2__hash_79ofsed",info:"pkg_sps-woodland_tags__version_8_34_2__hash_79ofsee"}},defaultVariants:{href:!1,kind:"default"},compoundVariants:[]}),D="pkg_sps-woodland_tags__version_8_34_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`
|
|
2
2
|
import { ClickableTag } from "@sps-woodland/tags";
|
|
3
3
|
|
|
4
4
|
function Component() {
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
</>
|
|
10
10
|
);
|
|
11
11
|
}
|
|
12
|
-
`},disabled:{react:
|
|
12
|
+
`},disabled:{react:i.code`
|
|
13
13
|
import { ClickableTag } from "@sps-woodland/tags";
|
|
14
14
|
|
|
15
15
|
function Component() {
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
</>
|
|
20
20
|
);
|
|
21
21
|
}
|
|
22
|
-
`}}},wrap:{label:"Wrapped Tag",examples:{basic:{react:
|
|
22
|
+
`}}},wrap:{label:"Wrapped Tag",examples:{basic:{react:i.code`
|
|
23
23
|
import { ContentRow, ContentRowCol } from "@sps-woodland/content-row";
|
|
24
24
|
import { Icon } from "@sps-woodland/core";
|
|
25
25
|
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
</ContentRow>
|
|
52
52
|
)
|
|
53
53
|
}
|
|
54
|
-
`}}},button:{label:"Button",examples:{remove:{react:
|
|
54
|
+
`}}},button:{label:"Button",examples:{remove:{react:i.code`
|
|
55
55
|
import { ClickableTag } from "@sps-woodland/tags";
|
|
56
56
|
|
|
57
57
|
function Component() {
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
</>
|
|
63
63
|
);
|
|
64
64
|
}
|
|
65
|
-
`},add:{react:
|
|
65
|
+
`},add:{react:i.code`
|
|
66
66
|
import { ClickableTag } from "@sps-woodland/tags";
|
|
67
67
|
|
|
68
68
|
function Component() {
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
</>
|
|
74
74
|
);
|
|
75
75
|
}
|
|
76
|
-
`}}},link:{label:"Link",examples:{basic:{react:
|
|
76
|
+
`}}},link:{label:"Link",examples:{basic:{react:i.code`
|
|
77
77
|
import { ClickableTag } from "@sps-woodland/tags";
|
|
78
78
|
|
|
79
79
|
function Component() {
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
</>
|
|
85
85
|
);
|
|
86
86
|
}
|
|
87
|
-
`},button:{react:
|
|
87
|
+
`},button:{react:i.code`
|
|
88
88
|
import { ClickableTag } from "@sps-woodland/tags";
|
|
89
89
|
|
|
90
90
|
function Component() {
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
</>
|
|
96
96
|
);
|
|
97
97
|
}
|
|
98
|
-
`}}}}},W={components:[w],examples:{basic:{label:"Basic Tag",examples:{basic:{react:
|
|
98
|
+
`}}}}},W={components:[w],examples:{basic:{label:"Basic Tag",examples:{basic:{react:i.code`
|
|
99
99
|
import { Tag } from "@sps-woodland/tags";
|
|
100
100
|
|
|
101
101
|
function Component() {
|
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
</>
|
|
112
112
|
)
|
|
113
113
|
}
|
|
114
|
-
`}}},wrap:{label:"Wrapped Tag",examples:{basic:{react:
|
|
114
|
+
`}}},wrap:{label:"Wrapped Tag",examples:{basic:{react:i.code`
|
|
115
115
|
import { Tag } from "@sps-woodland/tags";
|
|
116
116
|
import { ContentRow, ContentRowCol } from "@sps-woodland/content-row";
|
|
117
117
|
function Component() {
|
|
@@ -127,7 +127,7 @@
|
|
|
127
127
|
</ContentRow>
|
|
128
128
|
)
|
|
129
129
|
}
|
|
130
|
-
`}}},withIcon:{label:"Tag with icon",examples:{basic:{react:
|
|
130
|
+
`}}},withIcon:{label:"Tag with icon",examples:{basic:{react:i.code`
|
|
131
131
|
import { Tag } from "@sps-woodland/tags";
|
|
132
132
|
|
|
133
133
|
function Component() {
|
|
@@ -143,7 +143,7 @@
|
|
|
143
143
|
</>
|
|
144
144
|
)
|
|
145
145
|
}
|
|
146
|
-
`}}}}},q={components:[k],examples:{basic:{label:"Basic",examples:{basic:{react:
|
|
146
|
+
`}}}}},q={components:[k],examples:{basic:{label:"Basic",examples:{basic:{react:i.code`
|
|
147
147
|
import { SplitTag } from "@sps-woodland/tag";
|
|
148
148
|
|
|
149
149
|
function Component() {
|
|
@@ -158,7 +158,7 @@
|
|
|
158
158
|
</>
|
|
159
159
|
);
|
|
160
160
|
}
|
|
161
|
-
`}}},icon:{label:"Icon",examples:{basic:{react:
|
|
161
|
+
`}}},icon:{label:"Icon",examples:{basic:{react:i.code`
|
|
162
162
|
import { SplitTag } from "@sps-woodland/tag";
|
|
163
163
|
|
|
164
164
|
function Component() {
|
|
@@ -173,7 +173,7 @@
|
|
|
173
173
|
</>
|
|
174
174
|
);
|
|
175
175
|
}
|
|
176
|
-
`}}},link:{label:"Link",examples:{basic:{react:
|
|
176
|
+
`}}},link:{label:"Link",examples:{basic:{react:i.code`
|
|
177
177
|
import { SplitTag } from "@sps-woodland/tag";
|
|
178
178
|
|
|
179
179
|
function Component() {
|
|
@@ -181,4 +181,4 @@
|
|
|
181
181
|
<SplitTag tagKey="Foo" value="1234" icon href="https://www.google.com" />
|
|
182
182
|
);
|
|
183
183
|
}
|
|
184
|
-
`}}}}},B={"Clickable Tags":L,Tags:W,"Split Tags":q};
|
|
184
|
+
`}}}}},B={"Clickable Tags":L,Tags:W,"Split Tags":q};r.ClickableTag=h,r.MANIFEST=B,r.SplitTag=k,r.Tag=w,r.TagIcons=C,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
|
|
@@ -1,4 +1,11 @@
|
|
|
1
|
-
export declare const splitTag:
|
|
1
|
+
export declare const splitTag: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
|
|
2
|
+
wrap: {
|
|
3
|
+
true: {
|
|
4
|
+
display: "inline-flex";
|
|
5
|
+
};
|
|
6
|
+
false: {};
|
|
7
|
+
};
|
|
8
|
+
}>;
|
|
2
9
|
export declare const splitTagKey: string;
|
|
3
10
|
export declare const splitTagKeyText: string;
|
|
4
11
|
export declare const splitTagValue: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { ComponentProps } from "@sps-woodland/core";
|
|
3
3
|
import type { TagKind } from "../tag/Tag.css";
|
|
4
|
-
export declare function SplitTag({ children, className, color, href, target, icon, tagKey, value, ...rest }: ComponentProps<{
|
|
4
|
+
export declare function SplitTag({ children, className, color, href, target, icon, tagKey, value, wrap, ...rest }: ComponentProps<{
|
|
5
5
|
color: TagKind;
|
|
6
6
|
href?: string;
|
|
7
7
|
target?: "_blank" | "_self" | "_parent" | "_top";
|
|
8
8
|
icon?: boolean;
|
|
9
9
|
tagKey: string;
|
|
10
10
|
value: string;
|
|
11
|
+
wrap?: boolean;
|
|
11
12
|
}, HTMLDivElement>): React.ReactElement;
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkg_sps-
|
|
1
|
+
.pkg_sps-woodland_tags__version_8_34_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_34_2__hash_160drw11{background-color:#e6f2f8}.pkg_sps-woodland_tags__version_8_34_2__hash_160drw12{background-color:#e9e9ea}.pkg_sps-woodland_tags__version_8_34_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_34_2__hash_160drw15{height:auto}.pkg_sps-woodland_tags__version_8_34_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_34_2__hash_160drw18{cursor:pointer;text-decoration:underline}.pkg_sps-woodland_tags__version_8_34_2__hash_160drw18:hover{color:#e6f2f8;background-color:#09638d;border-radius:.125rem}.pkg_sps-woodland_tags__version_8_34_2__hash_160drw1a{white-space:normal;height:auto;line-height:.875rem;word-break:break-word}.pkg_sps-woodland_tags__version_8_34_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_34_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_34_2__hash_160drw1h:focus,.pkg_sps-woodland_tags__version_8_34_2__hash_160drw1h:hover{background-color:#09638d;color:#e6f2f8;cursor:pointer}.pkg_sps-woodland_tags__version_8_34_2__hash_160drw1i{height:auto;align-content:center}.pkg_sps-woodland_tags__version_8_34_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_34_2__hash_160drw1l{color:#09638d}span:hover>.pkg_sps-woodland_tags__version_8_34_2__hash_160drw1l{color:#e6f2f8}.pkg_sps-woodland_tags__version_8_34_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_34_2__hash_5f3efi1{background:#e9e9ea;color:#4b5356}.pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi2{background:#4b5356;color:#fff}.pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi3{background:#e7760b;color:#fff}.pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi4{background:#de002e;color:#fff}.pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi5{background:#91467f;color:#fff}.pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi6{background:#0b8940;color:#fff}.pkg_sps-woodland_tags__version_8_34_2__hash_5f3efi7{background:#007db8;color:#fff}.pkg_sps-woodland_tags__version_8_34_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_34_2__hash_5f3efia{height:1em;font-size:.75rem;line-height:.625rem;margin-right:.25rem}.pkg_sps-woodland_tags__version_8_34_2__hash_5f3efia:before{vertical-align:text-bottom}.pkg_sps-woodland_tags__version_8_34_2__hash_5f3efib{display:none}.pkg_sps-woodland_tags__version_8_34_2__hash_79ofse0{display:inline-block}.pkg_sps-woodland_tags__version_8_34_2__hash_79ofse1{display:inline-flex}.pkg_sps-woodland_tags__version_8_34_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_34_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_34_2__hash_79ofse6{cursor:pointer;text-decoration:underline;color:#4b5356}.pkg_sps-woodland_tags__version_8_34_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_34_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_34_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_34_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_34_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_34_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_34_2__hash_79ofsef,.pkg_sps-woodland_tags__version_8_34_2__hash_79ofsef:hover{color:#4b5356}.pkg_sps-woodland_tags__version_8_34_2__hash_79ofse3>i{margin-right:0}
|
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.34.
|
|
4
|
+
"version": "8.34.2",
|
|
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",
|
|
30
30
|
"react": "^16.14.0",
|
|
31
31
|
"react-dom": "^16.14.0",
|
|
32
|
-
"@sps-woodland/core": "8.34.
|
|
33
|
-
"@sps-woodland/tokens": "8.34.
|
|
32
|
+
"@sps-woodland/core": "8.34.2",
|
|
33
|
+
"@sps-woodland/tokens": "8.34.2"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@spscommerce/utils": "^7.0.0",
|
|
@@ -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.34.
|
|
42
|
-
"@sps-woodland/tokens": "8.34.
|
|
41
|
+
"@sps-woodland/core": "8.34.2",
|
|
42
|
+
"@sps-woodland/tokens": "8.34.2"
|
|
43
43
|
},
|
|
44
44
|
"scripts": {
|
|
45
45
|
"build": "pnpm run build:js && pnpm run build:types",
|