@sps-woodland/tags 7.2.3 → 7.2.5
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.cjs.js +6 -4
- package/lib/index.es.js +19 -17
- package/lib/key-value-tag/KeyValueTag.css.d.ts +21 -0
- package/lib/style.css +1 -1
- package/package.json +5 -5
package/lib/index.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("react"),c=require("@sps-woodland/core"),i=require("@spscommerce/utils");function K(e){if(e&&e.__esModule)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,l.get?l:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const s=K(w);function _(e,r,a){return r in e?Object.defineProperty(e,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[r]=a,e}function y(e,r){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);r&&(l=l.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),a.push.apply(a,l)}return a}function v(e){for(var r=1;r<arguments.length;r++){var a=arguments[r]!=null?arguments[r]:{};r%2?y(Object(a),!0).forEach(function(l){_(e,l,a[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):y(Object(a)).forEach(function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(a,l))})}return e}var V=(e,r,a)=>{for(var l of Object.keys(e)){var n;if(e[l]!==((n=r[l])!==null&&n!==void 0?n:a[l]))return!1}return!0},g=e=>r=>{var a=e.defaultClassName,l=v(v({},e.defaultVariants),r);for(var n in l){var m,o=(m=l[n])!==null&&m!==void 0?m:e.defaultVariants[n];if(o!=null){var t=o;typeof t=="boolean"&&(t=t===!0?"true":"false");var f=e.variantClassNames[n][t];f&&(a+=" "+f)}}for(var[p,b]of e.compoundVariants)V(p,l,e.defaultVariants)&&(a+=" "+b);return a},O=g({defaultClassName:"_160drw10",variantClassNames:{kind:{blue:"_160drw11",gray:"_160drw12"},disabled:{true:"_160drw13",false:"_160drw14"}},defaultVariants:{kind:"blue",disabled:!1},compoundVariants:[]}),E="_160drw1e",h="_160drw1d",q=g({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 T({children:e,className:r,onClick:a,disabled:l,href:n,kind:m,onAdd:o,onRemove:t,...f}){const p=s.Children.toArray(e).filter(u=>typeof u=="string").join("");s.useEffect(()=>{if(t&&o)throw new Error("Clickable tag should have onRemove or onAdd, not both")},[o,t]);function b(u){o?o():t&&t(),u.stopPropagation()}function N(u){u.stopPropagation(),a&&a(u)}return s.createElement("div",{className:c.cl(O({kind:m,disabled:l}),r),...f},s.createElement("span",{className:c.cl(q({link:!!n||!!a,disabled:l,addOrRemove:o||t})),onClick:N,title:p},n?s.createElement("a",{className:F,href:n},e):e),(o||t)&&!l&&s.createElement("div",{className:h,onClick:l?void 0:b,tabIndex:-1,"aria-label":o?"Add":"Remove"},s.createElement(c.Icon,{className:E,"aria-hidden":"true",icon:o?"plus-sign":"x"})))}c.Metadata.set(T,{name:"Clickable Tag",props:{disabled:{type:"boolean",default:"false"},href:{type:"string"},kind:{type:"ClickableTagKind",default:"blue"},onAdd:{type:"() => void"},onRemove:{type:"() => void"}}});var P=g({defaultClassName:"_5f3efi0",variantClassNames:{kind:{default:"_5f3efi1",key:"_5f3efi2",warning:"_5f3efi3",error:"_5f3efi4",pending:"_5f3efi5",success:"_5f3efi6",info:"_5f3efi7"}},defaultVariants:{kind:"default"},compoundVariants:[]}),j=g({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 d({children:e,className:r,kind:a="default",icon:l,...n}){return s.createElement("span",{className:c.cl(P({kind:a}),r),...n},l&&s.createElement(c.Icon,{className:c.cl(j({kind:a})),icon:C[a]}),e)}c.Metadata.set(d,{name:"Tag",props:{kind:{type:"TagKind",default:"default"},icon:{type:"boolean",default:"false"}}});var x="c357iq0",I="c357iq1",S="c357iqc",M=g({defaultClassName:"c357iq2",variantClassNames:{href:{true:"c357iq3",false:"c357iq4"},kind:{default:"c357iq5",key:"c357iq6",warning:"c357iq7",error:"c357iq8",pending:"c357iq9",success:"c357iqa",info:"c357iqb"}},defaultVariants:{href:!1,kind:"default"},compoundVariants:[]});function k({children:e,className:r,color:a="default",href:l,icon:n,tagKey:m,value:o,...t}){return s.createElement("span",{className:c.cl(x,r),...t},s.createElement(d,{className:c.cl(I),icon:n,kind:a},m),s.createElement(d,{className:c.cl(M({href:!!l,kind:a}))},l?s.createElement("a",{className:S,href:l},o):o))}c.Metadata.set(k,{name:"Key Value Tag",props:{color:{type:"TagKind",default:"key"},href:{type:"string"},icon:{type:"boolean",default:"false"},tagKey:{type:"string",required:!0},value:{type:"string",required:!0}}});const R={components:[T],examples:{basic:{label:"Basic Tag",examples:{basic:{react:i.code`
|
|
2
2
|
import { ClickableTag } from "@sps-woodland/tags";
|
|
3
3
|
|
|
4
4
|
function Component() {
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
</>
|
|
64
64
|
);
|
|
65
65
|
}
|
|
66
|
-
`}}}}},D={components:[
|
|
66
|
+
`}}}}},D={components:[d],examples:{basic:{label:"Basic Tag",examples:{basic:{react:i.code`
|
|
67
67
|
import { Tag } from "@sps-woodland/tag";
|
|
68
68
|
|
|
69
69
|
function Component() {
|
|
@@ -101,6 +101,7 @@
|
|
|
101
101
|
function Component() {
|
|
102
102
|
return (
|
|
103
103
|
<>
|
|
104
|
+
<KeyValueTag className="mr-1" tagKey="Foo" value="1234" color="default" />
|
|
104
105
|
<KeyValueTag className="mr-1" tagKey="Foo" value="1234" color="key" />
|
|
105
106
|
<KeyValueTag className="mr-1" tagKey="Foo" value="1234" color="warning" />
|
|
106
107
|
<KeyValueTag className="mr-1" tagKey="Foo" value="1234" color="error" />
|
|
@@ -116,6 +117,7 @@
|
|
|
116
117
|
function Component() {
|
|
117
118
|
return (
|
|
118
119
|
<>
|
|
120
|
+
<KeyValueTag className="mr-1" tagKey="Foo" value="1234" color="default" />
|
|
119
121
|
<KeyValueTag className="mr-1" tagKey="Foo" value="1234" color="key" icon />
|
|
120
122
|
<KeyValueTag className="mr-1" tagKey="Foo" value="1234" color="warning" icon />
|
|
121
123
|
<KeyValueTag className="mr-1" tagKey="Foo" value="1234" color="error" icon />
|
|
@@ -130,7 +132,7 @@
|
|
|
130
132
|
|
|
131
133
|
function Component() {
|
|
132
134
|
return (
|
|
133
|
-
<KeyValueTag tagKey="Foo" value="1234"
|
|
135
|
+
<KeyValueTag tagKey="Foo" value="1234" href="https://www.google.com" />
|
|
134
136
|
);
|
|
135
137
|
}
|
|
136
|
-
`}}}}},B={"Clickable Tags":R,Tags:D,"Key Value Tags":L};exports.ClickableTag=T;exports.KeyValueTag=k;exports.MANIFEST=B;exports.Tag=
|
|
138
|
+
`}}}}},B={"Clickable Tags":R,Tags:D,"Key Value Tags":L};exports.ClickableTag=T;exports.KeyValueTag=k;exports.MANIFEST=B;exports.Tag=d;exports.TagIcons=C;
|
package/lib/index.es.js
CHANGED
|
@@ -71,7 +71,7 @@ function C({
|
|
|
71
71
|
function T(g) {
|
|
72
72
|
s ? s() : o && o(), g.stopPropagation();
|
|
73
73
|
}
|
|
74
|
-
function
|
|
74
|
+
function w(g) {
|
|
75
75
|
g.stopPropagation(), e && e(g);
|
|
76
76
|
}
|
|
77
77
|
return /* @__PURE__ */ t.createElement("div", {
|
|
@@ -85,7 +85,7 @@ function C({
|
|
|
85
85
|
addOrRemove: s || o
|
|
86
86
|
})
|
|
87
87
|
),
|
|
88
|
-
onClick:
|
|
88
|
+
onClick: w,
|
|
89
89
|
title: p
|
|
90
90
|
}, n ? /* @__PURE__ */ t.createElement("a", {
|
|
91
91
|
className: x,
|
|
@@ -111,8 +111,8 @@ b.set(C, {
|
|
|
111
111
|
onRemove: { type: "() => void" }
|
|
112
112
|
}
|
|
113
113
|
});
|
|
114
|
-
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: [] }),
|
|
115
|
-
const
|
|
114
|
+
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: [] }), q = u({ defaultClassName: "_5f3efi8", variantClassNames: { kind: { default: "_5f3efi9", key: "_5f3efia", warning: "_5f3efib", error: "_5f3efic", pending: "_5f3efid", success: "_5f3efie", info: "_5f3efif" } }, defaultVariants: { kind: "default" }, compoundVariants: [] });
|
|
115
|
+
const P = Object.freeze({
|
|
116
116
|
default: "info-circle",
|
|
117
117
|
key: "info-circle",
|
|
118
118
|
warning: "status-warning",
|
|
@@ -132,8 +132,8 @@ function f({
|
|
|
132
132
|
className: m(F({ kind: e }), r),
|
|
133
133
|
...n
|
|
134
134
|
}, l && /* @__PURE__ */ t.createElement(v, {
|
|
135
|
-
className: m(
|
|
136
|
-
icon:
|
|
135
|
+
className: m(q({ kind: e })),
|
|
136
|
+
icon: P[e]
|
|
137
137
|
}), a);
|
|
138
138
|
}
|
|
139
139
|
b.set(f, {
|
|
@@ -143,11 +143,11 @@ b.set(f, {
|
|
|
143
143
|
icon: { type: "boolean", default: "false" }
|
|
144
144
|
}
|
|
145
145
|
});
|
|
146
|
-
var
|
|
147
|
-
function
|
|
146
|
+
var j = "c357iq0", I = "c357iq1", R = "c357iqc", D = u({ defaultClassName: "c357iq2", variantClassNames: { href: { true: "c357iq3", false: "c357iq4" }, kind: { default: "c357iq5", key: "c357iq6", warning: "c357iq7", error: "c357iq8", pending: "c357iq9", success: "c357iqa", info: "c357iqb" } }, defaultVariants: { href: !1, kind: "default" }, compoundVariants: [] });
|
|
147
|
+
function N({
|
|
148
148
|
children: a,
|
|
149
149
|
className: r,
|
|
150
|
-
color: e = "
|
|
150
|
+
color: e = "default",
|
|
151
151
|
href: l,
|
|
152
152
|
icon: n,
|
|
153
153
|
tagKey: c,
|
|
@@ -155,20 +155,20 @@ function w({
|
|
|
155
155
|
...o
|
|
156
156
|
}) {
|
|
157
157
|
return /* @__PURE__ */ t.createElement("span", {
|
|
158
|
-
className: m(
|
|
158
|
+
className: m(j, r),
|
|
159
159
|
...o
|
|
160
160
|
}, /* @__PURE__ */ t.createElement(f, {
|
|
161
|
-
className: m(
|
|
161
|
+
className: m(I),
|
|
162
162
|
icon: n,
|
|
163
163
|
kind: e
|
|
164
164
|
}, c), /* @__PURE__ */ t.createElement(f, {
|
|
165
|
-
className: m(D({ href: !!l }))
|
|
165
|
+
className: m(D({ href: !!l, kind: e }))
|
|
166
166
|
}, l ? /* @__PURE__ */ t.createElement("a", {
|
|
167
167
|
className: R,
|
|
168
168
|
href: l
|
|
169
169
|
}, s) : s));
|
|
170
170
|
}
|
|
171
|
-
b.set(
|
|
171
|
+
b.set(N, {
|
|
172
172
|
name: "Key Value Tag",
|
|
173
173
|
props: {
|
|
174
174
|
color: { type: "TagKind", default: "key" },
|
|
@@ -333,7 +333,7 @@ const L = {
|
|
|
333
333
|
}
|
|
334
334
|
}
|
|
335
335
|
}, S = {
|
|
336
|
-
components: [
|
|
336
|
+
components: [N],
|
|
337
337
|
examples: {
|
|
338
338
|
basic: {
|
|
339
339
|
label: "Basic",
|
|
@@ -345,6 +345,7 @@ const L = {
|
|
|
345
345
|
function Component() {
|
|
346
346
|
return (
|
|
347
347
|
<>
|
|
348
|
+
<KeyValueTag className="mr-1" tagKey="Foo" value="1234" color="default" />
|
|
348
349
|
<KeyValueTag className="mr-1" tagKey="Foo" value="1234" color="key" />
|
|
349
350
|
<KeyValueTag className="mr-1" tagKey="Foo" value="1234" color="warning" />
|
|
350
351
|
<KeyValueTag className="mr-1" tagKey="Foo" value="1234" color="error" />
|
|
@@ -368,6 +369,7 @@ const L = {
|
|
|
368
369
|
function Component() {
|
|
369
370
|
return (
|
|
370
371
|
<>
|
|
372
|
+
<KeyValueTag className="mr-1" tagKey="Foo" value="1234" color="default" />
|
|
371
373
|
<KeyValueTag className="mr-1" tagKey="Foo" value="1234" color="key" icon />
|
|
372
374
|
<KeyValueTag className="mr-1" tagKey="Foo" value="1234" color="warning" icon />
|
|
373
375
|
<KeyValueTag className="mr-1" tagKey="Foo" value="1234" color="error" icon />
|
|
@@ -390,7 +392,7 @@ const L = {
|
|
|
390
392
|
|
|
391
393
|
function Component() {
|
|
392
394
|
return (
|
|
393
|
-
<KeyValueTag tagKey="Foo" value="1234"
|
|
395
|
+
<KeyValueTag tagKey="Foo" value="1234" href="https://www.google.com" />
|
|
394
396
|
);
|
|
395
397
|
}
|
|
396
398
|
`
|
|
@@ -405,8 +407,8 @@ const L = {
|
|
|
405
407
|
};
|
|
406
408
|
export {
|
|
407
409
|
C as ClickableTag,
|
|
408
|
-
|
|
410
|
+
N as KeyValueTag,
|
|
409
411
|
M as MANIFEST,
|
|
410
412
|
f as Tag,
|
|
411
|
-
|
|
413
|
+
P as TagIcons
|
|
412
414
|
};
|
|
@@ -9,5 +9,26 @@ export declare const keyValueTagValue: import("@vanilla-extract/recipes/dist/dec
|
|
|
9
9
|
};
|
|
10
10
|
false: {};
|
|
11
11
|
};
|
|
12
|
+
kind: {
|
|
13
|
+
default: {};
|
|
14
|
+
key: {
|
|
15
|
+
boxShadow: `\n ${string} 0 0 ${string} inset,\n -${string} 0 0 ${string} inset,\n 0 ${string} 0 ${string} inset,\n 0 -${string} 0 ${string} inset`;
|
|
16
|
+
};
|
|
17
|
+
warning: {
|
|
18
|
+
boxShadow: `\n ${string} 0 0 ${string} inset,\n -${string} 0 0 ${string} inset,\n 0 ${string} 0 ${string} inset,\n 0 -${string} 0 ${string} inset`;
|
|
19
|
+
};
|
|
20
|
+
error: {
|
|
21
|
+
boxShadow: `\n ${string} 0 0 ${string} inset,\n -${string} 0 0 ${string} inset,\n 0 ${string} 0 ${string} inset,\n 0 -${string} 0 ${string} inset`;
|
|
22
|
+
};
|
|
23
|
+
pending: {
|
|
24
|
+
boxShadow: `\n ${string} 0 0 ${string} inset,\n -${string} 0 0 ${string} inset,\n 0 ${string} 0 ${string} inset,\n 0 -${string} 0 ${string} inset`;
|
|
25
|
+
};
|
|
26
|
+
success: {
|
|
27
|
+
boxShadow: `\n ${string} 0 0 ${string} inset,\n -${string} 0 0 ${string} inset,\n 0 ${string} 0 ${string} inset,\n 0 -${string} 0 ${string} inset`;
|
|
28
|
+
};
|
|
29
|
+
info: {
|
|
30
|
+
boxShadow: `\n ${string} 0 0 ${string} inset,\n -${string} 0 0 ${string} inset,\n 0 ${string} 0 ${string} inset,\n 0 -${string} 0 ${string} inset`;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
12
33
|
}>;
|
|
13
34
|
export declare const keyValueTagLink: string;
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._160drw10{border-radius:.125rem;display:inline-flex;color:#09638d;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;padding:.125rem .25rem;text-overflow:ellipsis;white-space:nowrap}._160drw16{cursor:pointer;text-decoration:underline}._160drw16:hover{color:#e6f2f8;background-color:#09638d;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:#09638d;height:1.125rem;line-height:.75rem;padding:.125rem .25rem}._160drw1d:focus,._160drw1d:hover{background-color:#09638d;color:#e6f2f8;cursor:pointer}._160drw1e{cursor:pointer;font-size:.625rem;position:relative;text-decoration:none;top:-.0625rem;vertical-align:middle}span>._160drw1f{color:#09638d}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:#e7760b;color:#fff}._5f3efi4{background:#de002e;color:#fff}._5f3efi5{background:#91467f;color:#fff}._5f3efi6{background:#0b8940;color:#fff}._5f3efi7{background:#007db8;color:#fff}._5f3efi8{font-size:.75rem;line-height:.625rem;margin-right:.25rem}._5f3efi8:before{vertical-align:text-bottom}._5f3efi9{display:none}.c357iq0{display:inline-block}.c357iq1{border-top-left-radius:.125rem;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:.125rem}.c357iq2{background:#ffffff;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 #
|
|
1
|
+
._160drw10{border-radius:.125rem;display:inline-flex;color:#09638d;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;padding:.125rem .25rem;text-overflow:ellipsis;white-space:nowrap}._160drw16{cursor:pointer;text-decoration:underline}._160drw16:hover{color:#e6f2f8;background-color:#09638d;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:#09638d;height:1.125rem;line-height:.75rem;padding:.125rem .25rem}._160drw1d:focus,._160drw1d:hover{background-color:#09638d;color:#e6f2f8;cursor:pointer}._160drw1e{cursor:pointer;font-size:.625rem;position:relative;text-decoration:none;top:-.0625rem;vertical-align:middle}span>._160drw1f{color:#09638d}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:#e7760b;color:#fff}._5f3efi4{background:#de002e;color:#fff}._5f3efi5{background:#91467f;color:#fff}._5f3efi6{background:#0b8940;color:#fff}._5f3efi7{background:#007db8;color:#fff}._5f3efi8{font-size:.75rem;line-height:.625rem;margin-right:.25rem}._5f3efi8:before{vertical-align:text-bottom}._5f3efi9{display:none}.c357iq0{display:inline-block}.c357iq1{border-top-left-radius:.125rem;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:.125rem}.c357iq2{background:#ffffff;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}.c357iq3{cursor:pointer;text-decoration:underline;color:#4b5356}.c357iq6{box-shadow:.0625rem 0 #4b5356 inset,-.0625rem 0 #4b5356 inset,0 .0625rem #4b5356 inset,0 -.0625rem #4b5356 inset}.c357iq7{box-shadow:.0625rem 0 #e7760b inset,-.0625rem 0 #e7760b inset,0 .0625rem #e7760b inset,0 -.0625rem #e7760b inset}.c357iq8{box-shadow:.0625rem 0 #de002e inset,-.0625rem 0 #de002e inset,0 .0625rem #de002e inset,0 -.0625rem #de002e inset}.c357iq9{box-shadow:.0625rem 0 #91467f inset,-.0625rem 0 #91467f inset,0 .0625rem #91467f inset,0 -.0625rem #91467f inset}.c357iqa{box-shadow:.0625rem 0 #0b8940 inset,-.0625rem 0 #0b8940 inset,0 .0625rem #0b8940 inset,0 -.0625rem #0b8940 inset}.c357iqb{box-shadow:.0625rem 0 #007db8 inset,-.0625rem 0 #007db8 inset,0 .0625rem #007db8 inset,0 -.0625rem #007db8 inset}.c357iqc,.c357iqc:hover{color:#4b5356}
|
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": "7.2.
|
|
4
|
+
"version": "7.2.5",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/cards",
|
|
@@ -25,15 +25,15 @@
|
|
|
25
25
|
"access": "public"
|
|
26
26
|
},
|
|
27
27
|
"peerDependencies": {
|
|
28
|
-
"@sps-woodland/core": "7.2.
|
|
29
|
-
"@sps-woodland/tokens": "7.2.
|
|
28
|
+
"@sps-woodland/core": "7.2.5",
|
|
29
|
+
"@sps-woodland/tokens": "7.2.5",
|
|
30
30
|
"@spscommerce/utils": "^6.12.1",
|
|
31
31
|
"react": "^16.14.0",
|
|
32
32
|
"react-dom": "^16.14.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@sps-woodland/core": "7.2.
|
|
36
|
-
"@sps-woodland/tokens": "7.2.
|
|
35
|
+
"@sps-woodland/core": "7.2.5",
|
|
36
|
+
"@sps-woodland/tokens": "7.2.5",
|
|
37
37
|
"@spscommerce/utils": "^6.12.1",
|
|
38
38
|
"@vanilla-extract/css": "^1.9.3",
|
|
39
39
|
"@vanilla-extract/recipes": "^0.2.5",
|