@sps-woodland/core 8.56.12 → 8.56.13

package/lib/sorting-header/index.js

@@ -1,276 +1,3 @@
-import * as e from "react";
-import { Metadata as t, SortDirection as n, cl as r, getScrollParent as i, modChildren as a, selectChildren as o } from "@sps-woodland/core";
-import { lockToAnimationFrames as s } from "@spscommerce/utils";
-import { useWoodlandLanguage as c } from "@spscommerce/i18n";
-//#region ../../../node_modules/.pnpm/@vanilla-extract+recipes@0.2.5_@vanilla-extract+css@1.21.3/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js
-function l(e, t, n) {
-	return t in e ? Object.defineProperty(e, t, {
-		value: n,
-		enumerable: !0,
-		configurable: !0,
-		writable: !0
-	}) : e[t] = n, e;
-}
-function u(e, t) {
-	var n = Object.keys(e);
-	if (Object.getOwnPropertySymbols) {
-		var r = Object.getOwnPropertySymbols(e);
-		t && (r = r.filter(function(t) {
-			return Object.getOwnPropertyDescriptor(e, t).enumerable;
-		})), n.push.apply(n, r);
-	}
-	return n;
-}
-function d(e) {
-	for (var t = 1; t < arguments.length; t++) {
-		var n = arguments[t] == null ? {} : arguments[t];
-		t % 2 ? u(Object(n), !0).forEach(function(t) {
-			l(e, t, n[t]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : u(Object(n)).forEach(function(t) {
-			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
-		});
-	}
-	return e;
-}
-var f = (e, t, n) => {
-	for (var r of Object.keys(e)) if (e[r] !== (t[r] ?? n[r])) return !1;
-	return !0;
-}, p = (e) => (t) => {
-	var n = e.defaultClassName, r = d(d({}, e.defaultVariants), t);
-	for (var i in r) {
-		var a = r[i] ?? e.defaultVariants[i];
-		if (a != null) {
-			var o = a;
-			typeof o == "boolean" && (o = o === !0 ? "true" : "false");
-			var s = e.variantClassNames[i][o];
-			s && (n += " " + s);
-		}
-	}
-	for (var [c, l] of e.compoundVariants) f(c, r, e.defaultVariants) && (n += " " + l);
-	return n;
-}, m = p({
-	defaultClassName: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_ax8xqf0",
-	variantClassNames: {
-		up: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_ax8xqf1" },
-		down: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_ax8xqf2" }
-	},
-	defaultVariants: {},
-	compoundVariants: []
-}), h = p({
-	defaultClassName: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id0",
-	variantClassNames: {
-		disabled: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id1" },
-		active: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id2" },
-		__autoLayout: {
-			true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id3",
-			false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id4"
-		}
-	},
-	defaultVariants: {
-		disabled: !1,
-		active: !1,
-		__autoLayout: !1
-	},
-	compoundVariants: []
-}), g = "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id5", _ = "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id6";
-//#endregion
-//#region src/sorting-header/sorting-header-cell/SortingHeaderCell.tsx
-function v({ className: t, sortKey: i, sort: a, sortDisabled: o, onSortChange: s, onClick: l, children: u, style: d, widthPx: f, widthRem: p, __autoLayout: v = !1, ...y }) {
-	let b = e.useMemo(() => {
-		let e = !!i && !o && Array.isArray(a) && a.find((e) => e.key === i);
-		return e ? e.direction : void 0;
-	}, [
-		a,
-		i,
-		o
-	]), { t: x } = c(), S = f ? f / 16 : p, C = S ? {
-		...d,
-		width: `${S}rem`
-	} : d, w = (e) => {
-		i && !o && s && s([{
-			key: i,
-			direction: b === n.ASCENDING ? n.DESCENDING : n.ASCENDING
-		}]), l && l(e);
-	}, T = !!i && !!s && !o, E = "none";
-	b === n.ASCENDING ? E = "ascending" : b === n.DESCENDING && (E = "descending");
-	let D = null;
-	!v && b && (D = /* @__PURE__ */ e.createElement("span", { className: _ }, " ", b === n.ASCENDING ? x("sortingHeader.sortedAscending", { defaultValue: "sorted ascending" }) : x("sortingHeader.sortedDescending", { defaultValue: "sorted descending" })));
-	let O = T ? /* @__PURE__ */ e.createElement("button", {
-		type: "button",
-		className: g
-	}, u, D) : /* @__PURE__ */ e.createElement(e.Fragment, null, u, D);
-	return v ? /* @__PURE__ */ e.createElement("td", {
-		className: r(t, h({
-			disabled: o,
-			active: !!b,
-			__autoLayout: v
-		}), b && m({
-			up: b === n.ASCENDING,
-			down: b === n.DESCENDING
-		})),
-		onClick: w,
-		style: C,
-		role: "columnheader",
-		"aria-sort": T ? E : void 0,
-		...y
-	}, O) : /* @__PURE__ */ e.createElement("div", {
-		className: r(t, h({
-			disabled: o,
-			active: !!b,
-			__autoLayout: v
-		}), b && m({
-			up: b === n.ASCENDING,
-			down: b === n.DESCENDING
-		})),
-		onClick: w,
-		style: C,
-		...y
-	}, O);
-}
-t.set(v, {
-	name: "Sorting Header Cell",
-	props: {
-		sortKey: { type: "string" },
-		sort: { type: "SortedColumn[]" },
-		sortDisabled: { type: "boolean" },
-		onSortChange: { type: "SortChangeHandler" },
-		widthPx: { type: "number" },
-		widthRem: { type: "number" }
-	}
-});
-//#endregion
-//#region src/sorting-header/sorting-header/SortingHeader.css.ts
-var y = p({
-	defaultClassName: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu0",
-	variantClassNames: {
-		pinned: {
-			true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu1",
-			false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu2"
-		},
-		scrollParentIsWindow: {
-			true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu3",
-			false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu4"
-		},
-		__autoLayout: {
-			true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu5",
-			false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu6"
-		}
-	},
-	defaultVariants: {
-		pinned: !1,
-		scrollParentIsWindow: !1,
-		__autoLayout: !1
-	},
-	compoundVariants: [[{
-		pinned: !0,
-		scrollParentIsWindow: !0
-	}, "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu7"]]
-}), b = "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu8";
-//#endregion
-//#region src/sorting-header/sorting-header/SortingHeader.tsx
-function x({ sort: t, onSortChange: n, children: c, className: l, pinSortingHeader: u = !1, __autoLayout: d = !1, ...f }) {
-	let [p, m] = e.useState(!1), h = e.useRef(null), g = e.useRef(null), _ = e.useRef({
-		height: "",
-		width: "",
-		unpinAtTop: 0,
-		unpinAtBottom: 0,
-		cellWidths: []
-	}), x = e.useCallback(() => h.current && i(h.current) || window, []), S = e.useCallback((e) => {
-		let t = e || x();
-		return t.scrollY || t.scrollTop || 0;
-	}, []), C = e.useCallback((e) => {
-		if (u && h.current) {
-			let t = e || x(), n = S(t), r = d ? h.current.parentElement?.parentElement?.getBoundingClientRect() : h.current.parentElement?.getBoundingClientRect();
-			if (r) {
-				let e = h.current.getBoundingClientRect();
-				_.current.height = `${e.height}px`, _.current.width = `${e.width}px`, t === window ? (_.current.unpinAtBottom = r.bottom + n - e.height * 2, _.current.unpinAtTop = e.top + n - e.height) : (_.current.unpinAtBottom = r.bottom + n - e.height * 2, _.current.unpinAtTop = r.top + n), _.current.cellWidths = [], h.current.childNodes.forEach((e, t) => {
-					e instanceof HTMLElement && (_.current.cellWidths[t] = `${e.getBoundingClientRect().width}px`);
-				});
-			}
-		}
-	}, [u]), w = e.useCallback(() => {
-		g.current && (g.current.style.width = _.current.width, g.current.style.height = _.current.height, g.current.childNodes.forEach((e, t) => {
-			e instanceof HTMLElement && (e.style.width = _.current.cellWidths[t] || "");
-		}));
-	}, []);
-	e.useLayoutEffect(() => {
-		C();
-	}), e.useLayoutEffect(() => {
-		let e, t = x();
-		return u ? (e = s(() => {
-			C(t);
-			let { unpinAtTop: e, unpinAtBottom: n } = _.current, r = S(t);
-			e && n && (r >= e && r <= n ? (m(!0), h.current && (h.current.style.visibility = "hidden")) : (m(!1), h.current && (h.current.style.visibility = "visible")));
-		}), t.addEventListener("scroll", e), e()) : h.current && (h.current.style.visibility = "visible"), () => {
-			e && t.removeEventListener("scroll", e);
-		};
-	}, [u, C]), e.useLayoutEffect(() => {
-		let e;
-		return p && (e = () => {
-			C(), w();
-		}, window.addEventListener("resize", e), e()), () => {
-			e && window.removeEventListener("resize", e);
-		};
-	}, [
-		p,
-		C,
-		w
-	]);
-	let [T] = o(c, [{ type: v }]), E = a(T, () => [{
-		sort: t,
-		onSortChange: n
-	}]), D = x() === window;
-	if (d) {
-		let t = /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement("td", {
-			className: r(b),
-			colSpan: 100
-		}));
-		return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("tr", {
-			ref: h,
-			className: r(y({
-				pinned: !1,
-				scrollParentIsWindow: D,
-				__autoLayout: d
-			}), l),
-			...f
-		}, E), t, p && /* @__PURE__ */ e.createElement("tr", {
-			ref: g,
-			className: r(l, y({
-				pinned: !0,
-				scrollParentIsWindow: D,
-				__autoLayout: d
-			})),
-			...f,
-			id: f.id ? `pinned-${f.id}` : void 0,
-			"data-testid": f["data-testid"] ? `pinned-${f["data-testid"]}` : void 0
-		}, E));
-	}
-	return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", {
-		ref: h,
-		className: r(l, y({
-			pinned: !1,
-			scrollParentIsWindow: D,
-			__autoLayout: d
-		})),
-		...f
-	}, E), p && /* @__PURE__ */ e.createElement("div", {
-		ref: g,
-		className: r(l, y({
-			pinned: !0,
-			scrollParentIsWindow: D,
-			__autoLayout: d
-		})),
-		...f,
-		id: f.id ? `pinned-${f.id}` : void 0,
-		"data-testid": f["data-testid"] ? `pinned-${f["data-testid"]}` : void 0
-	}, E));
-}
-t.set(x, {
-	name: "Sorting Header",
-	props: {
-		sort: { type: "SortedColumn[]" },
-		onSortChange: { type: "SortChangeHandler" }
-	}
-});
-//#endregion
-export { x as SortingHeader, v as SortingHeaderCell };
+import { SortingHeaderCell as e } from "./sorting-header-cell/SortingHeaderCell.js";
+import { SortingHeader as t } from "./sorting-header/SortingHeader.js";
+export { t as SortingHeader, e as SortingHeaderCell };

package/lib/sorting-header/sorting-header/SortingHeader.ve.js

@@ -2,19 +2,19 @@ import { createRuntimeFn as e } from "../../node_modules/.pnpm/@vanilla-extract_
 /* empty css                                */
 //#region src/sorting-header/sorting-header/SortingHeader.css.ts
 var t = e({
-	defaultClassName: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu0",
+	defaultClassName: "pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_1jpcvsu0",
 	variantClassNames: {
 		pinned: {
-			true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu1",
-			false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu2"
+			true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_1jpcvsu1",
+			false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_1jpcvsu2"
 		},
 		scrollParentIsWindow: {
-			true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu3",
-			false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu4"
+			true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_1jpcvsu3",
+			false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_1jpcvsu4"
 		},
 		__autoLayout: {
-			true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu5",
-			false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu6"
+			true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_1jpcvsu5",
+			false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_1jpcvsu6"
 		}
 	},
 	defaultVariants: {
@@ -25,7 +25,7 @@ var t = e({
 	compoundVariants: [[{
 		pinned: !0,
 		scrollParentIsWindow: !0
-	}, "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu7"]]
-}), n = "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu8";
+	}, "pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_1jpcvsu7"]]
+}), n = "pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_1jpcvsu8";
 //#endregion
 export { t as sortingHeader, n as sortingHeaderSpacer };

package/lib/sorting-header/sorting-header-cell/SortingHeaderCell.ve.js

@@ -2,13 +2,13 @@ import { createRuntimeFn as e } from "../../node_modules/.pnpm/@vanilla-extract_
 /* empty css                                    */
 //#region src/sorting-header/sorting-header-cell/SortingHeaderCell.css.ts
 var t = e({
-	defaultClassName: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id0",
+	defaultClassName: "pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_11ho8id0",
 	variantClassNames: {
-		disabled: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id1" },
-		active: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id2" },
+		disabled: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_11ho8id1" },
+		active: { true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_11ho8id2" },
 		__autoLayout: {
-			true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id3",
-			false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id4"
+			true: "pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_11ho8id3",
+			false: "pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_11ho8id4"
 		}
 	},
 	defaultVariants: {
@@ -17,6 +17,6 @@ var t = e({
 		__autoLayout: !1
 	},
 	compoundVariants: []
-}), n = "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id5", r = "pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id6";
+}), n = "pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_11ho8id5", r = "pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_11ho8id6";
 //#endregion
 export { t as headerCell, n as headerCellButton, r as visuallyHidden };

package/lib/sorting-header/style.css

@@ -1,2 +1,3 @@
-.pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_ax8xqf0:after{content:"";border-style:solid;border-width:.375rem .25rem;border-left-color:#0000;border-right-color:#0000;height:0;position:absolute;right:.5rem}.pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_ax8xqf1:after{border-top-color:#0000;border-bottom-color:#1f282c;top:calc(50% - 9px)}.pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_ax8xqf2:after{border-top-color:#1f282c;border-bottom-color:#0000;top:calc(50% - 3px)}.pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id0{vertical-align:middle;color:#4b5356;padding:.5rem;font-size:.75rem;font-weight:600;line-height:1.25rem;display:table-cell;position:relative}.pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id0:hover{background-color:#f3f4f4}.pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id0:focus-within{outline-offset:.125rem;outline:.125rem solid #007db8;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id1{cursor:default}.pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id1:hover{background-color:#e9e9ea}.pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id2{color:#1f282c;background-color:#d2d4d4}.pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id3{text-align:left}.pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id3:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id3:last-child{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id5{appearance:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;width:100%;margin:0;padding:0;display:block}.pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id5:focus{outline:none}.pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_11ho8id6{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu0{vertical-align:bottom;cursor:pointer;background-color:#e9e9ea;border-radius:.25rem;padding:0}.pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu1{z-index:999;border-radius:0;position:fixed;top:0}.pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu1:after{content:"";background:linear-gradient(#0000001a,#0000);width:100%;height:.625rem;display:block;position:absolute;top:100%;left:-.0625rem}.pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu5{display:table-row}.pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu6{table-layout:fixed;width:100%;display:table}.pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu7{top:3.75rem}.pkg_sps-woodland_core__family_sorting-header__version_8_56_12__hash_1jpcvsu8{background:0 0;border:0;height:1rem}
-/*$vite$:1*/
+.pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_ax8xqf0:after{content:"";border-style:solid;border-width:.375rem .25rem;border-left-color:#0000;border-right-color:#0000;height:0;position:absolute;right:.5rem}.pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_ax8xqf1:after{border-top-color:#0000;border-bottom-color:#1f282c;top:calc(50% - 9px)}.pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_ax8xqf2:after{border-top-color:#1f282c;border-bottom-color:#0000;top:calc(50% - 3px)}
+.pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_11ho8id0{vertical-align:middle;color:#4b5356;padding:.5rem;font-size:.75rem;font-weight:600;line-height:1.25rem;display:table-cell;position:relative}.pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_11ho8id0:hover{background-color:#f3f4f4}.pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_11ho8id0:focus-within{outline-offset:.125rem;outline:.125rem solid #007db8;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_11ho8id1{cursor:default}.pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_11ho8id1:hover{background-color:#e9e9ea}.pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_11ho8id2{color:#1f282c;background-color:#d2d4d4}.pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_11ho8id3{text-align:left}.pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_11ho8id3:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_11ho8id3:last-child{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_11ho8id5{appearance:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;width:100%;margin:0;padding:0;display:block}.pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_11ho8id5:focus{outline:none}.pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_11ho8id6{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
+.pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_1jpcvsu0{vertical-align:bottom;cursor:pointer;background-color:#e9e9ea;border-radius:.25rem;padding:0}.pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_1jpcvsu1{z-index:999;border-radius:0;position:fixed;top:0}.pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_1jpcvsu1:after{content:"";background:linear-gradient(#0000001a,#0000);width:100%;height:.625rem;display:block;position:absolute;top:100%;left:-.0625rem}.pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_1jpcvsu5{display:table-row}.pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_1jpcvsu6{table-layout:fixed;width:100%;display:table}.pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_1jpcvsu7{top:3.75rem}.pkg_sps-woodland_core__family_sorting-header__version_8_56_13__hash_1jpcvsu8{background:0 0;border:0;height:1rem}