@homebound/beam 3.20.1 → 3.21.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/dist/index.cjs +10 -18
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +10 -18
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -5447,7 +5447,12 @@ var iconButtonOutline = {
|
|
|
5447
5447
|
borderRadius: "br8",
|
|
5448
5448
|
width: "w_48px",
|
|
5449
5449
|
height: "h_40px",
|
|
5450
|
-
|
|
5450
|
+
backgroundColor: ["bgColor_var", {
|
|
5451
|
+
"--backgroundColor": "var(--b-surface)"
|
|
5452
|
+
}],
|
|
5453
|
+
borderColor: ["bc_var", {
|
|
5454
|
+
"--borderColor": "var(--b-surface-separator)"
|
|
5455
|
+
}],
|
|
5451
5456
|
borderStyle: "bss",
|
|
5452
5457
|
borderWidth: "bw1",
|
|
5453
5458
|
display: "df",
|
|
@@ -19593,24 +19598,11 @@ function FilterDropdownMenu(props) {
|
|
|
19593
19598
|
opacity: "o0"
|
|
19594
19599
|
} : {}
|
|
19595
19600
|
}), children: searchTextField }),
|
|
19596
|
-
sm && hasSearch && /* @__PURE__ */ jsx141(
|
|
19597
|
-
hasFilters && /* @__PURE__ */ jsx141(
|
|
19601
|
+
sm && hasSearch && /* @__PURE__ */ jsx141(IconButton, { variant: "outline", icon: "search", label: "Search", onClick: () => setSearchIsOpen(!searchIsOpen), active: searchIsOpen, ...testId.searchButton }),
|
|
19602
|
+
sm && hasFilters && /* @__PURE__ */ jsx141(IconButton, { variant: "outline", icon: "filter", label: "Filter", active: isOpen, onClick: () => setIsOpen(!isOpen), ...testId.button }),
|
|
19603
|
+
!sm && hasFilters && /* @__PURE__ */ jsx141(Button, { label: "Filter", icon: "filter", size: "md", endAdornment: /* @__PURE__ */ jsxs70("div", { className: "df aic gap1", children: [
|
|
19598
19604
|
activeFilterCount > 0 && /* @__PURE__ */ jsx141(CountBadge, { count: activeFilterCount }),
|
|
19599
|
-
/* @__PURE__ */ jsx141(Icon, {
|
|
19600
|
-
...sm ? {
|
|
19601
|
-
position: "absolute",
|
|
19602
|
-
overflow: "oh",
|
|
19603
|
-
clip: "cli_inset_50",
|
|
19604
|
-
clipPath: "clp_none",
|
|
19605
|
-
border: "bd_0",
|
|
19606
|
-
height: "h_1px",
|
|
19607
|
-
margin: "m_neg1px",
|
|
19608
|
-
width: "w_1px",
|
|
19609
|
-
padding: "p_0",
|
|
19610
|
-
whiteSpace: "wsnw",
|
|
19611
|
-
opacity: "o0"
|
|
19612
|
-
} : {}
|
|
19613
|
-
}, icon: isOpen ? "chevronUp" : "chevronDown" })
|
|
19605
|
+
/* @__PURE__ */ jsx141(Icon, { icon: isOpen ? "chevronUp" : "chevronDown" })
|
|
19614
19606
|
] }), variant: "secondaryBlack", onClick: () => setIsOpen(!isOpen), active: isOpen, ...testId.button }),
|
|
19615
19607
|
searchIsOpen && /* @__PURE__ */ jsx141("div", { ...trussProps69({
|
|
19616
19608
|
width: "w100",
|