diff --git a/packages/filter/src/features/search-filter/features/chips/ChipSpacer.tsx b/packages/filter/src/features/search-filter/features/chips/ChipSpacer.tsx deleted file mode 100644 index 56ecbea88..000000000 --- a/packages/filter/src/features/search-filter/features/chips/ChipSpacer.tsx +++ /dev/null @@ -1,6 +0,0 @@ -import styled from "@emotion/styled"; - -export const ChipSpacer = styled.div` - padding: calc(var(--swui-metrics-spacing) / 2) - calc(var(--swui-metrics-indent) / 2); -`; diff --git a/packages/filter/src/features/search-filter/features/chips/EmptyChip.tsx b/packages/filter/src/features/search-filter/features/chips/EmptyChip.tsx index 54b11ede5..f6338cb7d 100644 --- a/packages/filter/src/features/search-filter/features/chips/EmptyChip.tsx +++ b/packages/filter/src/features/search-filter/features/chips/EmptyChip.tsx @@ -1,5 +1,4 @@ import * as React from "react"; -import { ChipSpacer } from "./ChipSpacer"; import { Chip } from "@stenajs-webui/elements"; import { useCallback } from "react"; import { useSearchFilterDispatch } from "../../context/SearchFilterDispatchContext"; @@ -23,9 +22,5 @@ export const EmptyChip = function EmptyChip({ dispatch(actions.openFilters()); }, [actions, dispatch, sectionId]); - return ( - - - - ); + return ; }; diff --git a/packages/filter/src/features/search-filter/features/chips/SearchFilterChip.tsx b/packages/filter/src/features/search-filter/features/chips/SearchFilterChip.tsx index 71e5af8b8..771b53e44 100644 --- a/packages/filter/src/features/search-filter/features/chips/SearchFilterChip.tsx +++ b/packages/filter/src/features/search-filter/features/chips/SearchFilterChip.tsx @@ -1,6 +1,5 @@ import * as React from "react"; import { useCallback } from "react"; -import { ChipSpacer } from "./ChipSpacer"; import { Chip } from "@stenajs-webui/elements"; import { useSearchFilterDispatch } from "../../context/SearchFilterDispatchContext"; import { useSearchFilterActions } from "../../context/SearchFilterActionsContext"; @@ -42,12 +41,10 @@ export const SearchFilterChip = function SearchFilterChip< }, [actions, dispatch, sectionId]); return ( - - - + ); }; diff --git a/packages/filter/src/features/search-filter/features/chips/SearchFilterChips.tsx b/packages/filter/src/features/search-filter/features/chips/SearchFilterChips.tsx index 164222783..f0d28bdf5 100644 --- a/packages/filter/src/features/search-filter/features/chips/SearchFilterChips.tsx +++ b/packages/filter/src/features/search-filter/features/chips/SearchFilterChips.tsx @@ -1,7 +1,6 @@ import * as React from "react"; import { ReactNode, useCallback } from "react"; import { Row } from "@stenajs-webui/core"; -import { ChipSpacer } from "./ChipSpacer"; import { FlatButton } from "@stenajs-webui/elements"; import { useSearchFilterDispatch } from "../../context/SearchFilterDispatchContext"; import { useSearchFilterActions } from "../../context/SearchFilterActionsContext"; @@ -24,16 +23,14 @@ export const SearchFilterChips: React.FC = ({ ); return ( - + {children} {!disableClearAllButton && ( - - - + )} );