@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.cjs
CHANGED
|
@@ -5888,7 +5888,12 @@ var iconButtonOutline = {
|
|
|
5888
5888
|
borderRadius: "br8",
|
|
5889
5889
|
width: "w_48px",
|
|
5890
5890
|
height: "h_40px",
|
|
5891
|
-
|
|
5891
|
+
backgroundColor: ["bgColor_var", {
|
|
5892
|
+
"--backgroundColor": "var(--b-surface)"
|
|
5893
|
+
}],
|
|
5894
|
+
borderColor: ["bc_var", {
|
|
5895
|
+
"--borderColor": "var(--b-surface-separator)"
|
|
5896
|
+
}],
|
|
5892
5897
|
borderStyle: "bss",
|
|
5893
5898
|
borderWidth: "bw1",
|
|
5894
5899
|
display: "df",
|
|
@@ -20034,24 +20039,11 @@ function FilterDropdownMenu(props) {
|
|
|
20034
20039
|
opacity: "o0"
|
|
20035
20040
|
} : {}
|
|
20036
20041
|
}), children: searchTextField }),
|
|
20037
|
-
sm && hasSearch && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
20038
|
-
hasFilters && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
20042
|
+
sm && hasSearch && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(IconButton, { variant: "outline", icon: "search", label: "Search", onClick: () => setSearchIsOpen(!searchIsOpen), active: searchIsOpen, ...testId.searchButton }),
|
|
20043
|
+
sm && hasFilters && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(IconButton, { variant: "outline", icon: "filter", label: "Filter", active: isOpen, onClick: () => setIsOpen(!isOpen), ...testId.button }),
|
|
20044
|
+
!sm && hasFilters && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Button, { label: "Filter", icon: "filter", size: "md", endAdornment: /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "df aic gap1", children: [
|
|
20039
20045
|
activeFilterCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(CountBadge, { count: activeFilterCount }),
|
|
20040
|
-
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Icon, {
|
|
20041
|
-
...sm ? {
|
|
20042
|
-
position: "absolute",
|
|
20043
|
-
overflow: "oh",
|
|
20044
|
-
clip: "cli_inset_50",
|
|
20045
|
-
clipPath: "clp_none",
|
|
20046
|
-
border: "bd_0",
|
|
20047
|
-
height: "h_1px",
|
|
20048
|
-
margin: "m_neg1px",
|
|
20049
|
-
width: "w_1px",
|
|
20050
|
-
padding: "p_0",
|
|
20051
|
-
whiteSpace: "wsnw",
|
|
20052
|
-
opacity: "o0"
|
|
20053
|
-
} : {}
|
|
20054
|
-
}, icon: isOpen ? "chevronUp" : "chevronDown" })
|
|
20046
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Icon, { icon: isOpen ? "chevronUp" : "chevronDown" })
|
|
20055
20047
|
] }), variant: "secondaryBlack", onClick: () => setIsOpen(!isOpen), active: isOpen, ...testId.button }),
|
|
20056
20048
|
searchIsOpen && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { ...(0, import_runtime75.trussProps)({
|
|
20057
20049
|
width: "w100",
|