@sps-woodland/content-tiles 8.2.2 → 8.3.1
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/content-tile-list/ContentTileList.d.ts +2 -1
- package/lib/index.es.js +18 -34
- package/lib/style.css +1 -1
- package/package.json +5 -5
|
@@ -1,2 +1,3 @@
|
|
|
1
|
+
import * as React from "react";
|
|
1
2
|
import type { ComponentProps } from "@sps-woodland/core";
|
|
2
|
-
export declare function ContentTileList({ children, className, ...rest }: ComponentProps<unknown, HTMLDivElement>): JSX.Element;
|
|
3
|
+
export declare function ContentTileList({ children, className, ...rest }: ComponentProps<unknown, HTMLDivElement>): React.JSX.Element;
|
package/lib/index.es.js
CHANGED
|
@@ -68,36 +68,23 @@ function k({
|
|
|
68
68
|
onClick: f,
|
|
69
69
|
...N
|
|
70
70
|
}) {
|
|
71
|
-
return /* @__PURE__ */ s.createElement("div", {
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
icon: "ban",
|
|
86
|
-
className: o(
|
|
87
|
-
|
|
88
|
-
className: o(R)
|
|
89
|
-
}, typeof t == "string" ? /* @__PURE__ */ s.createElement("img", {
|
|
90
|
-
className: o(x({ disabled: i })),
|
|
91
|
-
src: t,
|
|
92
|
-
alt: ""
|
|
93
|
-
}) : u(t)), /* @__PURE__ */ s.createElement("div", {
|
|
94
|
-
className: o(I)
|
|
95
|
-
}, /* @__PURE__ */ s.createElement("p", {
|
|
96
|
-
className: o(P)
|
|
97
|
-
}, p, m === "_blank" && /* @__PURE__ */ s.createElement(g, {
|
|
98
|
-
icon: "tabs",
|
|
99
|
-
className: o(j)
|
|
100
|
-
}))))));
|
|
71
|
+
return /* @__PURE__ */ s.createElement("div", { className: o(h[3], L, e), ...N }, /* @__PURE__ */ s.createElement(
|
|
72
|
+
"a",
|
|
73
|
+
{
|
|
74
|
+
href: i ? void 0 : r,
|
|
75
|
+
className: o(D({ error: n, warning: c, disabled: i }), _),
|
|
76
|
+
target: m,
|
|
77
|
+
onClick: f
|
|
78
|
+
},
|
|
79
|
+
(c || n) && /* @__PURE__ */ s.createElement("div", { className: A }, c && (l ? u(l) : /* @__PURE__ */ s.createElement(
|
|
80
|
+
g,
|
|
81
|
+
{
|
|
82
|
+
icon: "status-warning",
|
|
83
|
+
className: o(C({ warning: c, disabled: i }))
|
|
84
|
+
}
|
|
85
|
+
)), 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(x({ 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
|
+
));
|
|
101
88
|
}
|
|
102
89
|
T.set(k, {
|
|
103
90
|
name: "Content Tile",
|
|
@@ -119,10 +106,7 @@ function y({
|
|
|
119
106
|
className: r,
|
|
120
107
|
...t
|
|
121
108
|
}) {
|
|
122
|
-
return /* @__PURE__ */ s.createElement("div", {
|
|
123
|
-
className: o(S, r),
|
|
124
|
-
...t
|
|
125
|
-
}, e);
|
|
109
|
+
return /* @__PURE__ */ s.createElement("div", { className: o(S, r), ...t }, e);
|
|
126
110
|
}
|
|
127
111
|
T.set(y, { name: "Content Tile List" });
|
|
128
112
|
const V = {
|
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:oklch(0% 0 0)}._85dplj1:hover{text-decoration:none;color:oklch(0% 0 0)}._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:oklch(100% 0 0);border-radius:.25rem;border-color:oklch(86.84% .002 197.12);border-style:solid;border-width:.0625rem;cursor:pointer;height:8.625rem;text-decoration:none}._1k4ncnf4:hover{border-color:oklch(56.21% .128 239.83);color:oklch(0% 0 0)}._1k4ncnf5{border-color:oklch(56.83% .229 22.94)}._1k4ncnf5:hover{border-color:oklch(56.83% .229 22.94);cursor:not-allowed}._1k4ncnf6{border-color:oklch(68.35% .17 53.59)}._1k4ncnf7{border-color:oklch(86.84% .002 197.12);background-color:oklch(96.64% .001 197.14);color:oklch(86.84% .002 197.12)}._1k4ncnf7:hover{border-color:oklch(86.84% .002 197.12);cursor:not-allowed}._1k4ncnf8{color:oklch(56.83% .229 22.94)}._1k4ncnf9{color:oklch(68.35% .17 53.59)}._1k4ncnfa{color:oklch(56.48% .008 219.62)}._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:oklch(56.21% .128 239.83)}
|
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.
|
|
4
|
+
"version": "8.3.1",
|
|
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.
|
|
33
|
-
"@sps-woodland/tokens": "8.
|
|
32
|
+
"@sps-woodland/core": "8.3.1",
|
|
33
|
+
"@sps-woodland/tokens": "8.3.1"
|
|
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.
|
|
42
|
-
"@sps-woodland/tokens": "8.
|
|
41
|
+
"@sps-woodland/core": "8.3.1",
|
|
42
|
+
"@sps-woodland/tokens": "8.3.1"
|
|
43
43
|
},
|
|
44
44
|
"scripts": {
|
|
45
45
|
"build": "pnpm run build:js && pnpm run build:types",
|