@sps-woodland/filter-tiles 8.34.2 → 8.34.4
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.css.d.ts +1 -6
- package/lib/index.js +35 -35
- package/lib/index.umd.cjs +1 -1
- package/lib/style.css +1 -1
- package/package.json +5 -5
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Tokens } from "@sps-woodland/tokens";
|
|
2
|
-
export type FilterTileKind = keyof typeof Tokens.component["filter-tile"]["kind"];
|
|
2
|
+
export type FilterTileKind = keyof (typeof Tokens.component)["filter-tile"]["kind"];
|
|
3
3
|
export declare const tile: string;
|
|
4
4
|
export declare const tileBody: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
|
|
5
5
|
kind: {
|
|
@@ -33,9 +33,4 @@ export declare const tileFooter: import("@vanilla-extract/recipes/dist/declarati
|
|
|
33
33
|
backgroundColor: string;
|
|
34
34
|
};
|
|
35
35
|
};
|
|
36
|
-
active: {
|
|
37
|
-
true: {
|
|
38
|
-
height: string;
|
|
39
|
-
};
|
|
40
|
-
};
|
|
41
36
|
}>;
|
package/lib/index.js
CHANGED
|
@@ -1,79 +1,79 @@
|
|
|
1
1
|
import * as a from "react";
|
|
2
2
|
import { Metadata as g, cl as u } from "@sps-woodland/core";
|
|
3
3
|
import { code as b } from "@spscommerce/utils";
|
|
4
|
-
function w(e,
|
|
5
|
-
return
|
|
4
|
+
function w(e, _, t) {
|
|
5
|
+
return _ in e ? Object.defineProperty(e, _, {
|
|
6
6
|
value: t,
|
|
7
7
|
enumerable: !0,
|
|
8
8
|
configurable: !0,
|
|
9
9
|
writable: !0
|
|
10
|
-
}) : e[
|
|
10
|
+
}) : e[_] = t, e;
|
|
11
11
|
}
|
|
12
|
-
function d(e,
|
|
12
|
+
function d(e, _) {
|
|
13
13
|
var t = Object.keys(e);
|
|
14
14
|
if (Object.getOwnPropertySymbols) {
|
|
15
|
-
var
|
|
16
|
-
|
|
15
|
+
var r = Object.getOwnPropertySymbols(e);
|
|
16
|
+
_ && (r = r.filter(function(i) {
|
|
17
17
|
return Object.getOwnPropertyDescriptor(e, i).enumerable;
|
|
18
|
-
})), t.push.apply(t,
|
|
18
|
+
})), t.push.apply(t, r);
|
|
19
19
|
}
|
|
20
20
|
return t;
|
|
21
21
|
}
|
|
22
22
|
function p(e) {
|
|
23
|
-
for (var
|
|
24
|
-
var t = arguments[
|
|
25
|
-
|
|
26
|
-
w(e,
|
|
27
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : d(Object(t)).forEach(function(
|
|
28
|
-
Object.defineProperty(e,
|
|
23
|
+
for (var _ = 1; _ < arguments.length; _++) {
|
|
24
|
+
var t = arguments[_] != null ? arguments[_] : {};
|
|
25
|
+
_ % 2 ? d(Object(t), !0).forEach(function(r) {
|
|
26
|
+
w(e, r, t[r]);
|
|
27
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : d(Object(t)).forEach(function(r) {
|
|
28
|
+
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
29
29
|
});
|
|
30
30
|
}
|
|
31
31
|
return e;
|
|
32
32
|
}
|
|
33
|
-
var k = (e,
|
|
34
|
-
for (var
|
|
33
|
+
var k = (e, _, t) => {
|
|
34
|
+
for (var r of Object.keys(e)) {
|
|
35
35
|
var i;
|
|
36
|
-
if (e[
|
|
36
|
+
if (e[r] !== ((i = _[r]) !== null && i !== void 0 ? i : t[r]))
|
|
37
37
|
return !1;
|
|
38
38
|
}
|
|
39
39
|
return !0;
|
|
40
|
-
}, v = (e) => (
|
|
41
|
-
var t = e.defaultClassName,
|
|
42
|
-
for (var i in
|
|
43
|
-
var l,
|
|
44
|
-
if (
|
|
45
|
-
var s =
|
|
40
|
+
}, v = (e) => (_) => {
|
|
41
|
+
var t = e.defaultClassName, r = p(p({}, e.defaultVariants), _);
|
|
42
|
+
for (var i in r) {
|
|
43
|
+
var l, n = (l = r[i]) !== null && l !== void 0 ? l : e.defaultVariants[i];
|
|
44
|
+
if (n != null) {
|
|
45
|
+
var s = n;
|
|
46
46
|
typeof s == "boolean" && (s = s === !0 ? "true" : "false");
|
|
47
|
-
var
|
|
47
|
+
var o = (
|
|
48
48
|
// @ts-expect-error
|
|
49
49
|
e.variantClassNames[i][s]
|
|
50
50
|
);
|
|
51
|
-
|
|
51
|
+
o && (t += " " + o);
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
for (var [m, h] of e.compoundVariants)
|
|
55
|
-
k(m,
|
|
55
|
+
k(m, r, e.defaultVariants) && (t += " " + h);
|
|
56
56
|
return t;
|
|
57
|
-
}, O = "pkg_sps-woodland_filter-
|
|
57
|
+
}, O = "pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g0", y = v({ defaultClassName: "pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g1", variantClassNames: { kind: { general: "pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g2", error: "pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g3", success: "pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g4", warning: "pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g5", processing: "pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g6" }, active: { true: "pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g7" } }, defaultVariants: {}, compoundVariants: [[{ kind: "general", active: !0 }, "pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g8"], [{ kind: "warning", active: !0 }, "pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g9"], [{ kind: "error", active: !0 }, "pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6ga"], [{ kind: "processing", active: !0 }, "pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gb"], [{ kind: "success", active: !0 }, "pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gc"]] }), T = "pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gd", F = "pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6ge", S = v({ defaultClassName: "pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gf", variantClassNames: { kind: { general: "pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gg", error: "pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gh", success: "pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gi", warning: "pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gj", processing: "pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gk" } }, defaultVariants: { kind: "general" }, compoundVariants: [] });
|
|
58
58
|
function c({
|
|
59
59
|
value: e,
|
|
60
|
-
title:
|
|
60
|
+
title: _,
|
|
61
61
|
active: t,
|
|
62
|
-
kind:
|
|
62
|
+
kind: r = "general",
|
|
63
63
|
className: i,
|
|
64
64
|
...l
|
|
65
65
|
}) {
|
|
66
|
-
const [
|
|
66
|
+
const [n, s] = a.useState(!1), o = t || n;
|
|
67
67
|
return /* @__PURE__ */ a.createElement("div", { className: u(O, i), ...l }, /* @__PURE__ */ a.createElement(
|
|
68
68
|
"div",
|
|
69
69
|
{
|
|
70
|
-
className: y({ kind:
|
|
70
|
+
className: y({ kind: r, active: o }),
|
|
71
71
|
onMouseOver: () => s(!0),
|
|
72
72
|
onMouseOut: () => s(!1)
|
|
73
73
|
},
|
|
74
74
|
/* @__PURE__ */ a.createElement("div", { className: T }, e),
|
|
75
|
-
/* @__PURE__ */ a.createElement("div", { className: F },
|
|
76
|
-
), /* @__PURE__ */ a.createElement("div", { className: u(S({
|
|
75
|
+
/* @__PURE__ */ a.createElement("div", { className: F }, _)
|
|
76
|
+
), /* @__PURE__ */ a.createElement("div", { className: u(S({ kind: r })) }));
|
|
77
77
|
}
|
|
78
78
|
g.set(c, {
|
|
79
79
|
name: "Fitler tile",
|
|
@@ -84,13 +84,13 @@ g.set(c, {
|
|
|
84
84
|
kind: { type: "FilterTileKind", default: "general" }
|
|
85
85
|
}
|
|
86
86
|
});
|
|
87
|
-
var E = "pkg_sps-woodland_filter-
|
|
87
|
+
var E = "pkg_sps-woodland_filter-tiles__version_8_34_4__hash_wqmu9d0";
|
|
88
88
|
function f({
|
|
89
89
|
className: e,
|
|
90
|
-
children:
|
|
90
|
+
children: _,
|
|
91
91
|
...t
|
|
92
92
|
}) {
|
|
93
|
-
return /* @__PURE__ */ a.createElement("div", { className: u(E, e), ...t },
|
|
93
|
+
return /* @__PURE__ */ a.createElement("div", { className: u(E, e), ...t }, _);
|
|
94
94
|
}
|
|
95
95
|
g.set(f, {
|
|
96
96
|
name: "Filter Tile Set"
|
package/lib/index.umd.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(s,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("react"),require("@sps-woodland/core"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@spscommerce/utils"],n):(s=typeof globalThis<"u"?globalThis:s||self,n(s.FilterTiles={},s.React,s.core,s.utils))})(this,function(s,n,o,h){"use strict";function b(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return i.default=e,Object.freeze(i)}const l=b(n);function w(e,i,t){return i in e?Object.defineProperty(e,i,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[i]=t,e}function f(e,i){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);i&&(r=r.filter(function(_){return Object.getOwnPropertyDescriptor(e,_).enumerable})),t.push.apply(t,r)}return t}function v(e){for(var i=1;i<arguments.length;i++){var t=arguments[i]!=null?arguments[i]:{};i%2?f(Object(t),!0).forEach(function(r){w(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):f(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}var k=(e,i,t)=>{for(var r of Object.keys(e)){var _;if(e[r]!==((_=i[r])!==null&&_!==void 0?_:t[r]))return!1}return!0},m=e=>i=>{var t=e.defaultClassName,r=v(v({},e.defaultVariants),i);for(var _ in r){var u,
|
|
1
|
+
(function(s,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("react"),require("@sps-woodland/core"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@spscommerce/utils"],n):(s=typeof globalThis<"u"?globalThis:s||self,n(s.FilterTiles={},s.React,s.core,s.utils))})(this,function(s,n,o,h){"use strict";function b(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return i.default=e,Object.freeze(i)}const l=b(n);function w(e,i,t){return i in e?Object.defineProperty(e,i,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[i]=t,e}function f(e,i){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);i&&(r=r.filter(function(_){return Object.getOwnPropertyDescriptor(e,_).enumerable})),t.push.apply(t,r)}return t}function v(e){for(var i=1;i<arguments.length;i++){var t=arguments[i]!=null?arguments[i]:{};i%2?f(Object(t),!0).forEach(function(r){w(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):f(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}var k=(e,i,t)=>{for(var r of Object.keys(e)){var _;if(e[r]!==((_=i[r])!==null&&_!==void 0?_:t[r]))return!1}return!0},m=e=>i=>{var t=e.defaultClassName,r=v(v({},e.defaultVariants),i);for(var _ in r){var u,d=(u=r[_])!==null&&u!==void 0?u:e.defaultVariants[_];if(d!=null){var a=d;typeof a=="boolean"&&(a=a===!0?"true":"false");var p=e.variantClassNames[_][a];p&&(t+=" "+p)}}for(var[E,N]of e.compoundVariants)k(E,r,e.defaultVariants)&&(t+=" "+N);return t},O="pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g0",T=m({defaultClassName:"pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g1",variantClassNames:{kind:{general:"pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g2",error:"pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g3",success:"pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g4",warning:"pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g5",processing:"pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g6"},active:{true:"pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g7"}},defaultVariants:{},compoundVariants:[[{kind:"general",active:!0},"pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g8"],[{kind:"warning",active:!0},"pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g9"],[{kind:"error",active:!0},"pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6ga"],[{kind:"processing",active:!0},"pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gb"],[{kind:"success",active:!0},"pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gc"]]}),y="pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gd",F="pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6ge",S=m({defaultClassName:"pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gf",variantClassNames:{kind:{general:"pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gg",error:"pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gh",success:"pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gi",warning:"pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gj",processing:"pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gk"}},defaultVariants:{kind:"general"},compoundVariants:[]});function c({value:e,title:i,active:t,kind:r="general",className:_,...u}){const[d,a]=l.useState(!1),p=t||d;return l.createElement("div",{className:o.cl(O,_),...u},l.createElement("div",{className:T({kind:r,active:p}),onMouseOver:()=>a(!0),onMouseOut:()=>a(!1)},l.createElement("div",{className:y},e),l.createElement("div",{className:F},i)),l.createElement("div",{className:o.cl(S({kind:r}))}))}o.Metadata.set(c,{name:"Fitler tile",props:{value:{type:"number",required:!0},title:{type:"string",required:!0},active:{type:"boolean"},kind:{type:"FilterTileKind",default:"general"}}});var j="pkg_sps-woodland_filter-tiles__version_8_34_4__hash_wqmu9d0";function g({className:e,children:i,...t}){return l.createElement("div",{className:o.cl(j,e),...t},i)}o.Metadata.set(g,{name:"Filter Tile Set"});const P={"Filter Tiles":{components:[c,g],examples:{basic:{label:"Filter Tiles",examples:{basic:{react:h.code`
|
|
2
2
|
import { FilterTile, FilterTileSet } from "@sps-woodland/filter-tiles";
|
|
3
3
|
function MyComponent() {
|
|
4
4
|
const data = [
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkg_sps-woodland_filter-
|
|
1
|
+
.pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g0{min-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}.pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g0:first-child{margin-left:0}.pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g0:last-child{margin-right:0}.pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g1{padding:1rem;color:#1f282c;background-color:#fff;border-width:.0625rem;border-color:#d2d4d4;border-style:solid;border-top-left-radius:.25rem;border-top-right-radius:.25rem;cursor:pointer;height:100%}.pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g8{border-color:#007db8;background-color:#e6f2f8}.pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6g9{border-color:#e7760b;background-color:#fcf1e7}.pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6ga{border-color:#de002e;background-color:#fbe6ea}.pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gb{border-color:#91467f;background-color:#f4ecf2}.pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gc{border-color:#0b8940;background-color:#e7f3ec}.pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gd{min-height:1.875rem;font-size:1.875rem;line-height:1.875rem;font-weight:600;text-align:center}.pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6ge{min-height:2.25rem;font-size:.875rem;line-height:1.125rem;display:flex;justify-content:center;align-items:center;text-align:center;word-break:break-word}.pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gf{height:.25rem}.pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gg{background-color:#007db8}.pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gh{background-color:#de002e}.pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gi{background-color:#0b8940}.pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gj{background-color:#e7760b}.pkg_sps-woodland_filter-tiles__version_8_34_4__hash_1ub5g6gk{background-color:#91467f}.pkg_sps-woodland_filter-tiles__version_8_34_4__hash_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.34.
|
|
4
|
+
"version": "8.34.4",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/filter-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.34.
|
|
33
|
-
"@sps-woodland/tokens": "8.34.
|
|
32
|
+
"@sps-woodland/core": "8.34.4",
|
|
33
|
+
"@sps-woodland/tokens": "8.34.4"
|
|
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.34.
|
|
42
|
-
"@sps-woodland/tokens": "8.34.
|
|
41
|
+
"@sps-woodland/core": "8.34.4",
|
|
42
|
+
"@sps-woodland/tokens": "8.34.4"
|
|
43
43
|
},
|
|
44
44
|
"scripts": {
|
|
45
45
|
"build": "pnpm run build:js && pnpm run build:types",
|