@sps-woodland/content-tiles 8.7.3 → 8.7.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 +2 -2
- package/lib/index.es.js +19 -16
- package/lib/style.css +1 -1
- package/package.json +5 -5
- /package/{vite.config.js → vite.config.mjs} +0 -0
package/lib/index.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@sps-woodland/core"),k=require("react"),y=require("@sps-woodland/tokens"),m=require("@spscommerce/utils");function S(e){const r=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(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=S(k);var N="_85dplj0",h="_85dplj1";function O(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function w(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),t.push.apply(t,n)}return t}function v(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?w(Object(t),!0).forEach(function(n){O(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}var E=(e,r,t)=>{for(var n of Object.keys(e)){var s;if(e[n]!==((s=r[n])!==null&&s!==void 0?s:t[n]))return!1}return!0},u=e=>r=>{var t=e.defaultClassName,n=v(v({},e.defaultVariants),r);for(var s in n){var p,c=(p=n[s])!==null&&p!==void 0?p:e.defaultVariants[s];if(c!=null){var l=c;typeof l=="boolean"&&(l=l===!0?"true":"false");var i=e.variantClassNames[s][l];i&&(t+=" "+i)}}for(var[d,f]of e.compoundVariants)E(d,n,e.defaultVariants)&&(t+=" "+f);return t},_=u({defaultClassName:"_1k4ncnf4",variantClassNames:{error:{true:"_1k4ncnf5"},warning:{true:"_1k4ncnf6"},disabled:{true:"_1k4ncnf7"}},defaultVariants:{error:!1,warning:!1,disabled:!1},compoundVariants:[]}),D="_1k4ncnf0",L=u({defaultClassName:"_1k4ncnf1",variantClassNames:{disabled:{true:"_1k4ncnf2"}},defaultVariants:{disabled:!1},compoundVariants:[]}),R="_1k4ncnf3",C=u({defaultClassName:"",variantClassNames:{error:{true:"_1k4ncnf8"},warning:{true:"_1k4ncnf9"},disabled:{true:"_1k4ncnfa"}},defaultVariants:{error:!1,disabled:!1,warning:!1},compoundVariants:[]}),j="_1k4ncnfb",x="_1k4ncnfc",I="_1k4ncnfe",A="_1k4ncnfd";function g({className:e,href:r,icon:t,error:n=!1,errorIcon:s,title:p,warning:c=!1,warningIcon:l,disabled:i=!1,target:d,onClick:f,...T}){return o.createElement("div",{className:a.cl(y.grid[3],D,e),...T},o.createElement("a",{href:i?void 0:r,className:a.cl(_({error:n,warning:c,disabled:i}),h),target:d,onClick:f},(c||n)&&o.createElement("div",{className:j},c&&(l?a.contentOf(l):o.createElement(a.Icon,{icon:"status-warning",className:a.cl(C({warning:c,disabled:i}))})),n&&(s?a.contentOf(s):o.createElement(a.Icon,{icon:"ban",className:a.cl(C({error:n,disabled:i}))}))),o.createElement("div",null,o.createElement("div",{className:a.cl(R)},typeof t=="string"?o.createElement("img",{className:a.cl(L({disabled:i})),src:t,alt:""}):a.contentOf(t)),o.createElement("div",{className:a.cl(x)},o.createElement("p",{className:a.cl(A)},p,d==="_blank"&&o.createElement(a.Icon,{icon:"tabs",className:a.cl(I)}))))))}a.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 b({children:e,className:r,...t}){return o.createElement("div",{className:a.cl(N,r),...t},e)}a.Metadata.set(b,{name:"Content Tile List"});const P={components:[g,b],examples:{basic:{label:"Basic",examples:{basic:{react:m.code`
|
|
2
2
|
import { ContentTileList, ContentTile } from "@sps-woodland/content-tiles";
|
|
3
3
|
|
|
4
4
|
function Component() {
|
|
@@ -208,4 +208,4 @@ function Component() {
|
|
|
208
208
|
</div>
|
|
209
209
|
)
|
|
210
210
|
}
|
|
211
|
-
`}}}}},
|
|
211
|
+
`}}}}},V={"Content Tiles":P};exports.ContentTile=g;exports.ContentTileList=b;exports.MANIFEST=V;
|
package/lib/index.es.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { Metadata as
|
|
1
|
+
import { Metadata as k, cl as o, contentOf as u, Icon as g } from "@sps-woodland/core";
|
|
2
2
|
import * as s from "react";
|
|
3
3
|
import { grid as h } from "@sps-woodland/tokens";
|
|
4
4
|
import { code as d } from "@spscommerce/utils";
|
|
5
|
-
var S = "_85dplj0",
|
|
6
|
-
function
|
|
5
|
+
var S = "_85dplj0", E = "_85dplj1";
|
|
6
|
+
function O(e, r, t) {
|
|
7
7
|
return r in e ? Object.defineProperty(e, r, {
|
|
8
8
|
value: t,
|
|
9
9
|
enumerable: !0,
|
|
@@ -25,14 +25,14 @@ function v(e) {
|
|
|
25
25
|
for (var r = 1; r < arguments.length; r++) {
|
|
26
26
|
var t = arguments[r] != null ? arguments[r] : {};
|
|
27
27
|
r % 2 ? b(Object(t), !0).forEach(function(n) {
|
|
28
|
-
|
|
28
|
+
O(e, n, t[n]);
|
|
29
29
|
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : b(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
|
|
35
|
+
var D = (e, r, t) => {
|
|
36
36
|
for (var n of Object.keys(e)) {
|
|
37
37
|
var a;
|
|
38
38
|
if (e[n] !== ((a = r[n]) !== null && a !== void 0 ? a : t[n]))
|
|
@@ -46,15 +46,18 @@ var O = (e, r, t) => {
|
|
|
46
46
|
if (c != null) {
|
|
47
47
|
var l = c;
|
|
48
48
|
typeof l == "boolean" && (l = l === !0 ? "true" : "false");
|
|
49
|
-
var i =
|
|
49
|
+
var i = (
|
|
50
|
+
// @ts-expect-error
|
|
51
|
+
e.variantClassNames[a][l]
|
|
52
|
+
);
|
|
50
53
|
i && (t += " " + i);
|
|
51
54
|
}
|
|
52
55
|
}
|
|
53
56
|
for (var [m, f] of e.compoundVariants)
|
|
54
|
-
|
|
57
|
+
D(m, n, e.defaultVariants) && (t += " " + f);
|
|
55
58
|
return t;
|
|
56
|
-
},
|
|
57
|
-
function
|
|
59
|
+
}, _ = w({ defaultClassName: "_1k4ncnf4", variantClassNames: { error: { true: "_1k4ncnf5" }, warning: { true: "_1k4ncnf6" }, disabled: { true: "_1k4ncnf7" } }, defaultVariants: { error: !1, warning: !1, disabled: !1 }, compoundVariants: [] }), x = "_1k4ncnf0", L = w({ defaultClassName: "_1k4ncnf1", variantClassNames: { disabled: { true: "_1k4ncnf2" } }, defaultVariants: { disabled: !1 }, compoundVariants: [] }), R = "_1k4ncnf3", C = w({ defaultClassName: "", variantClassNames: { error: { true: "_1k4ncnf8" }, warning: { true: "_1k4ncnf9" }, disabled: { true: "_1k4ncnfa" } }, defaultVariants: { error: !1, disabled: !1, warning: !1 }, compoundVariants: [] }), A = "_1k4ncnfb", I = "_1k4ncnfc", j = "_1k4ncnfe", P = "_1k4ncnfd";
|
|
60
|
+
function T({
|
|
58
61
|
className: e,
|
|
59
62
|
href: r,
|
|
60
63
|
icon: t,
|
|
@@ -68,11 +71,11 @@ function k({
|
|
|
68
71
|
onClick: f,
|
|
69
72
|
...N
|
|
70
73
|
}) {
|
|
71
|
-
return /* @__PURE__ */ s.createElement("div", { className: o(h[3],
|
|
74
|
+
return /* @__PURE__ */ s.createElement("div", { className: o(h[3], x, e), ...N }, /* @__PURE__ */ s.createElement(
|
|
72
75
|
"a",
|
|
73
76
|
{
|
|
74
77
|
href: i ? void 0 : r,
|
|
75
|
-
className: o(
|
|
78
|
+
className: o(_({ error: n, warning: c, disabled: i }), E),
|
|
76
79
|
target: m,
|
|
77
80
|
onClick: f
|
|
78
81
|
},
|
|
@@ -83,10 +86,10 @@ function k({
|
|
|
83
86
|
className: o(C({ warning: c, disabled: i }))
|
|
84
87
|
}
|
|
85
88
|
)), n && (a ? u(a) : /* @__PURE__ */ s.createElement(g, { icon: "ban", className: o(C({ error: n, disabled: i })) }))),
|
|
86
|
-
/* @__PURE__ */ s.createElement("div", null, /* @__PURE__ */ s.createElement("div", { className: o(R) }, typeof t == "string" ? /* @__PURE__ */ s.createElement("img", { className: o(
|
|
89
|
+
/* @__PURE__ */ s.createElement("div", null, /* @__PURE__ */ s.createElement("div", { className: o(R) }, typeof t == "string" ? /* @__PURE__ */ s.createElement("img", { className: o(L({ disabled: i })), src: t, alt: "" }) : u(t)), /* @__PURE__ */ s.createElement("div", { className: o(I) }, /* @__PURE__ */ s.createElement("p", { className: o(P) }, p, m === "_blank" && /* @__PURE__ */ s.createElement(g, { icon: "tabs", className: o(j) }))))
|
|
87
90
|
));
|
|
88
91
|
}
|
|
89
|
-
|
|
92
|
+
k.set(T, {
|
|
90
93
|
name: "Content Tile",
|
|
91
94
|
props: {
|
|
92
95
|
href: { type: "string" },
|
|
@@ -108,9 +111,9 @@ function y({
|
|
|
108
111
|
}) {
|
|
109
112
|
return /* @__PURE__ */ s.createElement("div", { className: o(S, r), ...t }, e);
|
|
110
113
|
}
|
|
111
|
-
|
|
114
|
+
k.set(y, { name: "Content Tile List" });
|
|
112
115
|
const V = {
|
|
113
|
-
components: [
|
|
116
|
+
components: [T, y],
|
|
114
117
|
examples: {
|
|
115
118
|
basic: {
|
|
116
119
|
label: "Basic",
|
|
@@ -354,7 +357,7 @@ function Component() {
|
|
|
354
357
|
"Content Tiles": V
|
|
355
358
|
};
|
|
356
359
|
export {
|
|
357
|
-
|
|
360
|
+
T as ContentTile,
|
|
358
361
|
y as ContentTileList,
|
|
359
362
|
K as MANIFEST
|
|
360
363
|
};
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._85dplj0{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem}._85dplj1{color
|
|
1
|
+
._85dplj0{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem}._85dplj1{color:#000}._85dplj1:hover{text-decoration:none;color:#000}._1k4ncnf0{transition:all .25s ease}._1k4ncnf1{height:3.75rem;width:3.75rem}._1k4ncnf2{opacity:.25}._1k4ncnf3{height:3.75rem;width:3.75rem;margin-left:auto;margin-right:auto;margin-top:1rem;margin-bottom:1rem}._1k4ncnf4{display:block;background-color:#fff;border-radius:.25rem;border-color:#d2d4d4;border-style:solid;border-width:.0625rem;cursor:pointer;height:8.625rem;text-decoration:none}._1k4ncnf4:hover{border-color:#027db8;color:#000}._1k4ncnf5{border-color:#de012e}._1k4ncnf5:hover{border-color:#de012e;cursor:not-allowed}._1k4ncnf6{border-color:#e77609}._1k4ncnf7{border-color:#d2d4d4;background-color:#f3f4f4;color:#d2d4d4}._1k4ncnf7:hover{border-color:#d2d4d4;cursor:not-allowed}._1k4ncnf8{color:#de012e}._1k4ncnf9{color:#e77609}._1k4ncnfa{color:#717779}._1k4ncnfb{position:absolute;padding:.5rem}._1k4ncnfc{text-align:center;padding-left:.5rem;padding-right:.5rem}._1k4ncnfd{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._1k4ncnfe{text-align:center;padding:.5rem;color:#027db8}
|
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.7.
|
|
4
|
+
"version": "8.7.5",
|
|
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": "^6.12.1",
|
|
30
30
|
"react": "^16.14.0",
|
|
31
31
|
"react-dom": "^16.14.0",
|
|
32
|
-
"@sps-woodland/core": "8.7.
|
|
33
|
-
"@sps-woodland/tokens": "8.7.
|
|
32
|
+
"@sps-woodland/core": "8.7.5",
|
|
33
|
+
"@sps-woodland/tokens": "8.7.5"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@spscommerce/utils": "^6.12.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.7.
|
|
42
|
-
"@sps-woodland/tokens": "8.7.
|
|
41
|
+
"@sps-woodland/core": "8.7.5",
|
|
42
|
+
"@sps-woodland/tokens": "8.7.5"
|
|
43
43
|
},
|
|
44
44
|
"scripts": {
|
|
45
45
|
"build": "pnpm run build:js && pnpm run build:types",
|
|
File without changes
|