@sps-woodland/filter-tiles 8.2.1 → 8.3.0
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/filter-tile/FilterTile.d.ts +2 -1
- package/lib/index.es.js +11 -18
- package/lib/style.css +1 -1
- package/package.json +5 -5
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as React from "react";
|
|
1
2
|
import type { ComponentProps } from "@sps-woodland/core";
|
|
2
3
|
import type { FilterTileKind } from "./FilterTile.css";
|
|
3
4
|
export declare function FilterTile({ value, title, active: isActiveProp, kind, className, ...rest }: ComponentProps<{
|
|
@@ -5,4 +6,4 @@ export declare function FilterTile({ value, title, active: isActiveProp, kind, c
|
|
|
5
6
|
title: string;
|
|
6
7
|
active?: boolean;
|
|
7
8
|
kind?: FilterTileKind;
|
|
8
|
-
}>): JSX.Element;
|
|
9
|
+
}>): React.JSX.Element;
|
package/lib/index.es.js
CHANGED
|
@@ -61,20 +61,16 @@ function f({
|
|
|
61
61
|
...u
|
|
62
62
|
}) {
|
|
63
63
|
const [c, l] = n.useState(!1), s = t || c;
|
|
64
|
-
return /* @__PURE__ */ n.createElement("div", {
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
className:
|
|
73
|
-
|
|
74
|
-
className: E
|
|
75
|
-
}, i)), /* @__PURE__ */ n.createElement("div", {
|
|
76
|
-
className: o(S({ active: s, kind: r }))
|
|
77
|
-
}));
|
|
64
|
+
return /* @__PURE__ */ n.createElement("div", { className: o(F, a), ...u }, /* @__PURE__ */ n.createElement(
|
|
65
|
+
"div",
|
|
66
|
+
{
|
|
67
|
+
className: w({ kind: r, active: s }),
|
|
68
|
+
onMouseOver: () => l(!0),
|
|
69
|
+
onMouseOut: () => l(!1)
|
|
70
|
+
},
|
|
71
|
+
/* @__PURE__ */ n.createElement("div", { className: P }, e),
|
|
72
|
+
/* @__PURE__ */ n.createElement("div", { className: E }, i)
|
|
73
|
+
), /* @__PURE__ */ n.createElement("div", { className: o(S({ active: s, kind: r })) }));
|
|
78
74
|
}
|
|
79
75
|
d.set(f, {
|
|
80
76
|
name: "Fitler tile",
|
|
@@ -91,10 +87,7 @@ function p({
|
|
|
91
87
|
children: i,
|
|
92
88
|
...t
|
|
93
89
|
}) {
|
|
94
|
-
return /* @__PURE__ */ n.createElement("div", {
|
|
95
|
-
className: o(j, e),
|
|
96
|
-
...t
|
|
97
|
-
}, i);
|
|
90
|
+
return /* @__PURE__ */ n.createElement("div", { className: o(j, e), ...t }, i);
|
|
98
91
|
}
|
|
99
92
|
d.set(p, {
|
|
100
93
|
name: "Filter Tile Set"
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._1ub5g6g0{height:6.625rem;max-width:15.625rem;min-width:6.875rem;flex:1;display:flex;flex-direction:column;justify-content:flex-end;margin-right:.25rem;margin-left:.25rem}._1ub5g6g0:first-child{margin-left:0}._1ub5g6g0:last-child{margin-right:0}._1ub5g6g1{padding:1rem;color
|
|
1
|
+
._1ub5g6g0{height:6.625rem;max-width:15.625rem;min-width:6.875rem;flex:1;display:flex;flex-direction:column;justify-content:flex-end;margin-right:.25rem;margin-left:.25rem}._1ub5g6g0:first-child{margin-left:0}._1ub5g6g0:last-child{margin-right:0}._1ub5g6g1{padding:1rem;color:oklch(26.99% .015 226.65);background-color:oklch(100% 0 0);border-width:.0625rem;border-color:oklch(86.84% .002 197.12);border-style:solid;border-top-left-radius:.25rem;border-top-right-radius:.25rem;cursor:pointer}._1ub5g6g8{border-color:oklch(56.21% .128 239.83)}._1ub5g6g9{border-color:oklch(68.35% .17 53.59)}._1ub5g6ga{border-color:oklch(56.83% .229 22.94)}._1ub5g6gb{border-color:oklch(50.83% .125 337.21)}._1ub5g6gc{border-color:oklch(55.21% .148 150.27)}._1ub5g6gd{height:1.875rem;font-size:1.875rem;line-height:1.875rem;font-weight:600;text-align:center}._1ub5g6ge{height:2.25rem;font-size:.875rem;line-height:1.125rem;display:flex;justify-content:center;align-items:center;text-align:center}._1ub5g6gf{height:.25rem;transition:all .25s ease}._1ub5g6gg{background-color:oklch(56.21% .128 239.83)}._1ub5g6gh{background-color:oklch(56.83% .229 22.94)}._1ub5g6gi{background-color:oklch(55.21% .148 150.27)}._1ub5g6gj{background-color:oklch(68.35% .17 53.59)}._1ub5g6gk{background-color:oklch(50.83% .125 337.21)}._1ub5g6gl{height:.5rem}.wqmu9d0{display:flex}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sps-woodland/filter-tiles",
|
|
3
3
|
"description": "SPS Woodland Design System filter tile component",
|
|
4
|
-
"version": "8.
|
|
4
|
+
"version": "8.3.0",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/filter-tiles",
|
|
@@ -30,8 +30,8 @@
|
|
|
30
30
|
"@spscommerce/utils": "^6.12.1",
|
|
31
31
|
"react": "^16.14.0",
|
|
32
32
|
"react-dom": "^16.14.0",
|
|
33
|
-
"@sps-woodland/core": "8.
|
|
34
|
-
"@sps-woodland/tokens": "8.
|
|
33
|
+
"@sps-woodland/core": "8.3.0",
|
|
34
|
+
"@sps-woodland/tokens": "8.3.0"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@spscommerce/utils": "^6.12.1",
|
|
@@ -39,8 +39,8 @@
|
|
|
39
39
|
"@vanilla-extract/recipes": "^0.2.5",
|
|
40
40
|
"react": "^16.14.0",
|
|
41
41
|
"react-dom": "^16.14.0",
|
|
42
|
-
"@sps-woodland/
|
|
43
|
-
"@sps-woodland/
|
|
42
|
+
"@sps-woodland/core": "8.3.0",
|
|
43
|
+
"@sps-woodland/tokens": "8.3.0"
|
|
44
44
|
},
|
|
45
45
|
"scripts": {
|
|
46
46
|
"build": "pnpm run build:js && pnpm run build:types",
|