@sps-woodland/content-tiles 8.17.1 → 8.17.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.cjs.js +6 -6
- package/lib/index.es.js +65 -65
- package/lib/style.css +1 -1
- package/package.json +5 -5
- package/vite.config.mjs +11 -2
package/lib/index.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@sps-woodland/core"),y=require("react"),N=require("@sps-woodland/tokens"),d=require("@spscommerce/utils");function S(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(s,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return s.default=e,Object.freeze(s)}const o=S(y);var O="pkg_sps-woodland_content-tiles__version_8_17_2__hash_85dplj0",E="pkg_sps-woodland_content-tiles__version_8_17_2__hash_85dplj1";function L(e,s,t){return s in e?Object.defineProperty(e,s,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[s]=t,e}function C(e,s){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);s&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),t.push.apply(t,n)}return t}function b(e){for(var s=1;s<arguments.length;s++){var t=arguments[s]!=null?arguments[s]:{};s%2?C(Object(t),!0).forEach(function(n){L(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}var D=(e,s,t)=>{for(var n of Object.keys(e)){var a;if(e[n]!==((a=s[n])!==null&&a!==void 0?a:t[n]))return!1}return!0},f=e=>s=>{var t=e.defaultClassName,n=b(b({},e.defaultVariants),s);for(var a in n){var p,c=(p=n[a])!==null&&p!==void 0?p:e.defaultVariants[a];if(c!=null){var l=c;typeof l=="boolean"&&(l=l===!0?"true":"false");var i=e.variantClassNames[a][l];i&&(t+=" "+i)}}for(var[_,m]of e.compoundVariants)D(_,n,e.defaultVariants)&&(t+=" "+m);return t},R=f({defaultClassName:"pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf4",variantClassNames:{error:{true:"pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf5"},warning:{true:"pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf6"},disabled:{true:"pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf7"}},defaultVariants:{error:!1,warning:!1,disabled:!1},compoundVariants:[]}),j="pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf0",x=f({defaultClassName:"pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf1",variantClassNames:{disabled:{true:"pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf2"}},defaultVariants:{disabled:!1},compoundVariants:[]}),I="pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf3",h=f({defaultClassName:"",variantClassNames:{error:{true:"pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf8"},warning:{true:"pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf9"},disabled:{true:"pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnfa"}},defaultVariants:{error:!1,disabled:!1,warning:!1},compoundVariants:[]}),A="pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnfb",P="pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnff",M="pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnfc",V="pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnfe",H="pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnfd";function g({className:e,href:s,icon:t,error:n=!1,errorIcon:a,title:p,warning:c=!1,warningIcon:l,disabled:i=!1,target:_,onClick:m,tagElement:k,...T}){const[w]=r.selectChildren(k,[{custom:v=>r.Metadata.isWoodlandComponent(v)&&r.Metadata.get(v).name==="Tag"}]);return o.createElement("div",{className:r.cl(N.grid[3],j,e),...T},o.createElement("a",{href:i?void 0:s,className:r.cl(R({error:n,warning:c,disabled:i}),E),target:_,onClick:m},(c||n)&&o.createElement("div",{className:A},c&&(l?r.contentOf(l):o.createElement(r.Icon,{icon:"status-warning",className:r.cl(h({warning:c,disabled:i}))})),n&&(a?r.contentOf(a):o.createElement(r.Icon,{icon:"ban",className:r.cl(h({error:n,disabled:i}))}))),w[0]&&o.createElement("div",{className:r.cl(P)},w[0]),o.createElement("div",null,o.createElement("div",{className:r.cl(I)},typeof t=="string"?o.createElement("img",{className:r.cl(x({disabled:i})),src:t,alt:""}):r.contentOf(t)),o.createElement("div",{className:r.cl(M)},o.createElement("p",{className:r.cl(H)},p,_==="_blank"&&o.createElement(r.Icon,{icon:"tabs",className:r.cl(V)}))))))}r.Metadata.set(g,{name:"Content Tile",props:{href:{type:"string"},icon:{type:"React.ReactNode | (() => React.ReactNode)",required:!0},error:{type:"boolean",default:"false"},errorIcon:{type:"React.ReactNode | (() => React.ReactNode)"},title:{type:"string",required:!0},warning:{type:"boolean",default:"false"},warningIcon:{type:"React.ReactNode | (() => React.ReactNode)"},disabled:{type:"boolean",default:"false"},target:{type:"string"},onClick:{type:"() => void"}}});function u({children:e,className:s,...t}){return o.createElement("div",{className:r.cl(O,s),...t},e)}r.Metadata.set(u,{name:"Content Tile List"});const q={components:[g,u],examples:{basic:{label:"Basic",examples:{basic:{react:d.code`
|
|
2
2
|
import { ContentTileList, ContentTile } from "@sps-woodland/content-tiles";
|
|
3
3
|
|
|
4
4
|
function Component() {
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
</>
|
|
68
68
|
);
|
|
69
69
|
}
|
|
70
|
-
`}}},singleTile:{label:"Single Tile",examples:{basic:{react:
|
|
70
|
+
`}}},singleTile:{label:"Single Tile",examples:{basic:{react:d.code`
|
|
71
71
|
import { ContentTileList, ContentTile } from "@sps-woodland/content-tiles";
|
|
72
72
|
function Component() {
|
|
73
73
|
return (
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
</>
|
|
83
83
|
)
|
|
84
84
|
}
|
|
85
|
-
`},error:{react:
|
|
85
|
+
`},error:{react:d.code`
|
|
86
86
|
import { ContentTileList, ContentTile } from "@sps-woodland/content-tiles";
|
|
87
87
|
|
|
88
88
|
function Component() {
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
</>
|
|
103
103
|
)
|
|
104
104
|
}
|
|
105
|
-
`},tag:{react:
|
|
105
|
+
`},tag:{react:d.code`
|
|
106
106
|
import { ContentTileList, ContentTile } from "@sps-woodland/content-tiles";
|
|
107
107
|
import { Tag } from "@sps-woodland/tag";
|
|
108
108
|
|
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
</>
|
|
121
121
|
);
|
|
122
122
|
}
|
|
123
|
-
`}}},sortableTiles:{label:"Sortable Tiles",examples:{basic:{react:
|
|
123
|
+
`}}},sortableTiles:{label:"Sortable Tiles",examples:{basic:{react:d.code`
|
|
124
124
|
import { ContentTileList, ContentTile } from "@sps-woodland/content-tiles";
|
|
125
125
|
import { SortingHeader, SortingHeaderCell } from "@sps-woodland/sorting-header";
|
|
126
126
|
import { grid } from "@sps-woodland/tokens";
|
|
@@ -226,4 +226,4 @@ function Component() {
|
|
|
226
226
|
</div>
|
|
227
227
|
)
|
|
228
228
|
}
|
|
229
|
-
`}}}}},G={"Content Tiles":q};exports.ContentTile=g;exports.ContentTileList=
|
|
229
|
+
`}}}}},G={"Content Tiles":q};exports.ContentTile=g;exports.ContentTileList=u;exports.MANIFEST=G;
|
package/lib/index.es.js
CHANGED
|
@@ -1,102 +1,102 @@
|
|
|
1
|
-
import { Metadata as
|
|
2
|
-
import * as
|
|
3
|
-
import { grid as
|
|
4
|
-
import { code as
|
|
5
|
-
var
|
|
6
|
-
function x(e,
|
|
7
|
-
return
|
|
1
|
+
import { Metadata as m, selectChildren as E, cl as a, contentOf as g, Icon as u } from "@sps-woodland/core";
|
|
2
|
+
import * as r from "react";
|
|
3
|
+
import { grid as L } from "@sps-woodland/tokens";
|
|
4
|
+
import { code as d } from "@spscommerce/utils";
|
|
5
|
+
var O = "pkg_sps-woodland_content-tiles__version_8_17_2__hash_85dplj0", D = "pkg_sps-woodland_content-tiles__version_8_17_2__hash_85dplj1";
|
|
6
|
+
function x(e, s, t) {
|
|
7
|
+
return s in e ? Object.defineProperty(e, s, {
|
|
8
8
|
value: t,
|
|
9
9
|
enumerable: !0,
|
|
10
10
|
configurable: !0,
|
|
11
11
|
writable: !0
|
|
12
|
-
}) : e[
|
|
12
|
+
}) : e[s] = t, e;
|
|
13
13
|
}
|
|
14
|
-
function
|
|
14
|
+
function h(e, s) {
|
|
15
15
|
var t = Object.keys(e);
|
|
16
16
|
if (Object.getOwnPropertySymbols) {
|
|
17
17
|
var n = Object.getOwnPropertySymbols(e);
|
|
18
|
-
|
|
19
|
-
return Object.getOwnPropertyDescriptor(e,
|
|
18
|
+
s && (n = n.filter(function(o) {
|
|
19
|
+
return Object.getOwnPropertyDescriptor(e, o).enumerable;
|
|
20
20
|
})), t.push.apply(t, n);
|
|
21
21
|
}
|
|
22
22
|
return t;
|
|
23
23
|
}
|
|
24
24
|
function k(e) {
|
|
25
|
-
for (var
|
|
26
|
-
var t = arguments[
|
|
27
|
-
|
|
25
|
+
for (var s = 1; s < arguments.length; s++) {
|
|
26
|
+
var t = arguments[s] != null ? arguments[s] : {};
|
|
27
|
+
s % 2 ? h(Object(t), !0).forEach(function(n) {
|
|
28
28
|
x(e, n, t[n]);
|
|
29
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) :
|
|
29
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : h(Object(t)).forEach(function(n) {
|
|
30
30
|
Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
|
|
31
31
|
});
|
|
32
32
|
}
|
|
33
33
|
return e;
|
|
34
34
|
}
|
|
35
|
-
var R = (e,
|
|
35
|
+
var R = (e, s, t) => {
|
|
36
36
|
for (var n of Object.keys(e)) {
|
|
37
|
-
var
|
|
38
|
-
if (e[n] !== ((
|
|
37
|
+
var o;
|
|
38
|
+
if (e[n] !== ((o = s[n]) !== null && o !== void 0 ? o : t[n]))
|
|
39
39
|
return !1;
|
|
40
40
|
}
|
|
41
41
|
return !0;
|
|
42
|
-
},
|
|
43
|
-
var t = e.defaultClassName, n = k(k({}, e.defaultVariants),
|
|
44
|
-
for (var
|
|
45
|
-
var
|
|
46
|
-
if (
|
|
47
|
-
var
|
|
48
|
-
typeof
|
|
42
|
+
}, w = (e) => (s) => {
|
|
43
|
+
var t = e.defaultClassName, n = k(k({}, e.defaultVariants), s);
|
|
44
|
+
for (var o in n) {
|
|
45
|
+
var p, l = (p = n[o]) !== null && p !== void 0 ? p : e.defaultVariants[o];
|
|
46
|
+
if (l != null) {
|
|
47
|
+
var c = l;
|
|
48
|
+
typeof c == "boolean" && (c = c === !0 ? "true" : "false");
|
|
49
49
|
var i = (
|
|
50
50
|
// @ts-expect-error
|
|
51
|
-
e.variantClassNames[
|
|
51
|
+
e.variantClassNames[o][c]
|
|
52
52
|
);
|
|
53
53
|
i && (t += " " + i);
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
|
-
for (var [
|
|
57
|
-
R(
|
|
56
|
+
for (var [_, f] of e.compoundVariants)
|
|
57
|
+
R(_, n, e.defaultVariants) && (t += " " + f);
|
|
58
58
|
return t;
|
|
59
|
-
}, A =
|
|
60
|
-
function
|
|
59
|
+
}, A = w({ defaultClassName: "pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf4", variantClassNames: { error: { true: "pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf5" }, warning: { true: "pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf6" }, disabled: { true: "pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf7" } }, defaultVariants: { error: !1, warning: !1, disabled: !1 }, compoundVariants: [] }), I = "pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf0", j = w({ defaultClassName: "pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf1", variantClassNames: { disabled: { true: "pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf2" } }, defaultVariants: { disabled: !1 }, compoundVariants: [] }), P = "pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf3", b = w({ defaultClassName: "", variantClassNames: { error: { true: "pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf8" }, warning: { true: "pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf9" }, disabled: { true: "pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnfa" } }, defaultVariants: { error: !1, disabled: !1, warning: !1 }, compoundVariants: [] }), V = "pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnfb", H = "pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnff", G = "pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnfc", M = "pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnfe", K = "pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnfd";
|
|
60
|
+
function T({
|
|
61
61
|
className: e,
|
|
62
|
-
href:
|
|
62
|
+
href: s,
|
|
63
63
|
icon: t,
|
|
64
64
|
error: n = !1,
|
|
65
|
-
errorIcon:
|
|
66
|
-
title:
|
|
67
|
-
warning:
|
|
68
|
-
warningIcon:
|
|
65
|
+
errorIcon: o,
|
|
66
|
+
title: p,
|
|
67
|
+
warning: l = !1,
|
|
68
|
+
warningIcon: c,
|
|
69
69
|
disabled: i = !1,
|
|
70
|
-
target:
|
|
71
|
-
onClick:
|
|
72
|
-
tagElement:
|
|
73
|
-
...
|
|
70
|
+
target: _,
|
|
71
|
+
onClick: f,
|
|
72
|
+
tagElement: N,
|
|
73
|
+
...S
|
|
74
74
|
}) {
|
|
75
|
-
const [v] =
|
|
75
|
+
const [v] = E(N, [
|
|
76
76
|
{
|
|
77
|
-
custom: (
|
|
77
|
+
custom: (C) => m.isWoodlandComponent(C) && m.get(C).name === "Tag"
|
|
78
78
|
}
|
|
79
79
|
]);
|
|
80
|
-
return /* @__PURE__ */
|
|
80
|
+
return /* @__PURE__ */ r.createElement("div", { className: a(L[3], I, e), ...S }, /* @__PURE__ */ r.createElement(
|
|
81
81
|
"a",
|
|
82
82
|
{
|
|
83
|
-
href: i ? void 0 :
|
|
84
|
-
className:
|
|
85
|
-
target:
|
|
86
|
-
onClick:
|
|
83
|
+
href: i ? void 0 : s,
|
|
84
|
+
className: a(A({ error: n, warning: l, disabled: i }), D),
|
|
85
|
+
target: _,
|
|
86
|
+
onClick: f
|
|
87
87
|
},
|
|
88
|
-
(
|
|
89
|
-
|
|
88
|
+
(l || n) && /* @__PURE__ */ r.createElement("div", { className: V }, l && (c ? g(c) : /* @__PURE__ */ r.createElement(
|
|
89
|
+
u,
|
|
90
90
|
{
|
|
91
91
|
icon: "status-warning",
|
|
92
|
-
className:
|
|
92
|
+
className: a(b({ warning: l, disabled: i }))
|
|
93
93
|
}
|
|
94
|
-
)), n && (
|
|
95
|
-
v[0] && /* @__PURE__ */
|
|
96
|
-
/* @__PURE__ */
|
|
94
|
+
)), n && (o ? g(o) : /* @__PURE__ */ r.createElement(u, { icon: "ban", className: a(b({ error: n, disabled: i })) }))),
|
|
95
|
+
v[0] && /* @__PURE__ */ r.createElement("div", { className: a(H) }, v[0]),
|
|
96
|
+
/* @__PURE__ */ r.createElement("div", null, /* @__PURE__ */ r.createElement("div", { className: a(P) }, typeof t == "string" ? /* @__PURE__ */ r.createElement("img", { className: a(j({ disabled: i })), src: t, alt: "" }) : g(t)), /* @__PURE__ */ r.createElement("div", { className: a(G) }, /* @__PURE__ */ r.createElement("p", { className: a(K) }, p, _ === "_blank" && /* @__PURE__ */ r.createElement(u, { icon: "tabs", className: a(M) }))))
|
|
97
97
|
));
|
|
98
98
|
}
|
|
99
|
-
|
|
99
|
+
m.set(T, {
|
|
100
100
|
name: "Content Tile",
|
|
101
101
|
props: {
|
|
102
102
|
href: { type: "string" },
|
|
@@ -111,22 +111,22 @@ f.set(N, {
|
|
|
111
111
|
onClick: { type: "() => void" }
|
|
112
112
|
}
|
|
113
113
|
});
|
|
114
|
-
function
|
|
114
|
+
function y({
|
|
115
115
|
children: e,
|
|
116
|
-
className:
|
|
116
|
+
className: s,
|
|
117
117
|
...t
|
|
118
118
|
}) {
|
|
119
|
-
return /* @__PURE__ */
|
|
119
|
+
return /* @__PURE__ */ r.createElement("div", { className: a(O, s), ...t }, e);
|
|
120
120
|
}
|
|
121
|
-
|
|
121
|
+
m.set(y, { name: "Content Tile List" });
|
|
122
122
|
const q = {
|
|
123
|
-
components: [
|
|
123
|
+
components: [T, y],
|
|
124
124
|
examples: {
|
|
125
125
|
basic: {
|
|
126
126
|
label: "Basic",
|
|
127
127
|
examples: {
|
|
128
128
|
basic: {
|
|
129
|
-
react:
|
|
129
|
+
react: d`
|
|
130
130
|
import { ContentTileList, ContentTile } from "@sps-woodland/content-tiles";
|
|
131
131
|
|
|
132
132
|
function Component() {
|
|
@@ -203,7 +203,7 @@ const q = {
|
|
|
203
203
|
label: "Single Tile",
|
|
204
204
|
examples: {
|
|
205
205
|
basic: {
|
|
206
|
-
react:
|
|
206
|
+
react: d`
|
|
207
207
|
import { ContentTileList, ContentTile } from "@sps-woodland/content-tiles";
|
|
208
208
|
function Component() {
|
|
209
209
|
return (
|
|
@@ -221,7 +221,7 @@ const q = {
|
|
|
221
221
|
`
|
|
222
222
|
},
|
|
223
223
|
error: {
|
|
224
|
-
react:
|
|
224
|
+
react: d`
|
|
225
225
|
import { ContentTileList, ContentTile } from "@sps-woodland/content-tiles";
|
|
226
226
|
|
|
227
227
|
function Component() {
|
|
@@ -244,7 +244,7 @@ const q = {
|
|
|
244
244
|
`
|
|
245
245
|
},
|
|
246
246
|
tag: {
|
|
247
|
-
react:
|
|
247
|
+
react: d`
|
|
248
248
|
import { ContentTileList, ContentTile } from "@sps-woodland/content-tiles";
|
|
249
249
|
import { Tag } from "@sps-woodland/tag";
|
|
250
250
|
|
|
@@ -270,7 +270,7 @@ const q = {
|
|
|
270
270
|
label: "Sortable Tiles",
|
|
271
271
|
examples: {
|
|
272
272
|
basic: {
|
|
273
|
-
react:
|
|
273
|
+
react: d`
|
|
274
274
|
import { ContentTileList, ContentTile } from "@sps-woodland/content-tiles";
|
|
275
275
|
import { SortingHeader, SortingHeaderCell } from "@sps-woodland/sorting-header";
|
|
276
276
|
import { grid } from "@sps-woodland/tokens";
|
|
@@ -385,7 +385,7 @@ function Component() {
|
|
|
385
385
|
"Content Tiles": q
|
|
386
386
|
};
|
|
387
387
|
export {
|
|
388
|
-
|
|
389
|
-
|
|
388
|
+
T as ContentTile,
|
|
389
|
+
y as ContentTileList,
|
|
390
390
|
Y as MANIFEST
|
|
391
391
|
};
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.pkg_sps-woodland_content-tiles__version_8_17_2__hash_85dplj0{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem}.pkg_sps-woodland_content-tiles__version_8_17_2__hash_85dplj1{color:#000}.pkg_sps-woodland_content-tiles__version_8_17_2__hash_85dplj1:hover{text-decoration:none;color:#000}.pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf0{transition:all .25s ease}.pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf1{height:3.75rem;width:3.75rem}.pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf2{opacity:.25}.pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf3{height:3.75rem;width:3.75rem;margin-left:auto;margin-right:auto;margin-top:1rem;margin-bottom:1rem}.pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf4{display:block;position:relative;background-color:#fff;border-radius:.25rem;border-color:#d2d4d4;border-style:solid;border-width:.0625rem;cursor:pointer;height:8.625rem;text-decoration:none}.pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf4:hover{border-color:#027db8;color:#000}.pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf5{border-color:#de012e}.pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf5:hover{border-color:#de012e;cursor:not-allowed}.pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf6{border-color:#e77609}.pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf7{border-color:#d2d4d4;background-color:#f3f4f4;color:#d2d4d4}.pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf7:hover{border-color:#d2d4d4;cursor:not-allowed}.pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf8{color:#de012e}.pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnf9{color:#e77609}.pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnfa{color:#717779}.pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnfb{position:absolute;padding:.5rem}.pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnfc{text-align:center;padding-left:.5rem;padding-right:.5rem}.pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnfd{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnfe{text-align:center;padding:.5rem;color:#027db8}.pkg_sps-woodland_content-tiles__version_8_17_2__hash_1k4ncnff{position:absolute;right:0;padding:.5rem}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sps-woodland/content-tiles",
|
|
3
3
|
"description": "SPS Woodland Design System content-tile and content tile list components.",
|
|
4
|
-
"version": "8.17.
|
|
4
|
+
"version": "8.17.2",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/content-tiles",
|
|
@@ -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.17.
|
|
33
|
-
"@sps-woodland/tokens": "8.17.
|
|
32
|
+
"@sps-woodland/core": "8.17.2",
|
|
33
|
+
"@sps-woodland/tokens": "8.17.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.17.
|
|
42
|
-
"@sps-woodland/tokens": "8.17.
|
|
41
|
+
"@sps-woodland/core": "8.17.2",
|
|
42
|
+
"@sps-woodland/tokens": "8.17.2"
|
|
43
43
|
},
|
|
44
44
|
"scripts": {
|
|
45
45
|
"build": "pnpm run build:js && pnpm run build:types",
|
package/vite.config.mjs
CHANGED
|
@@ -1,11 +1,20 @@
|
|
|
1
1
|
import path from "path";
|
|
2
2
|
import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
|
|
3
3
|
import { defineConfig } from "vite";
|
|
4
|
-
|
|
4
|
+
import { getVanillaExtractPluginProps } from "../../../scripts/vanilla-extract-plugin-props.mjs";
|
|
5
5
|
import pkg from "./package.json";
|
|
6
6
|
|
|
7
|
+
const packageVersion = process.env.PREDICTED_VERSION || pkg.version;
|
|
8
|
+
|
|
7
9
|
export default defineConfig({
|
|
8
|
-
plugins: [
|
|
10
|
+
plugins: [
|
|
11
|
+
vanillaExtractPlugin(
|
|
12
|
+
getVanillaExtractPluginProps({
|
|
13
|
+
packageName: pkg.name,
|
|
14
|
+
packageVersion,
|
|
15
|
+
})
|
|
16
|
+
),
|
|
17
|
+
],
|
|
9
18
|
build: {
|
|
10
19
|
lib: {
|
|
11
20
|
entry: path.resolve(__dirname, "src/index.ts"),
|