@activecollab/components/dist/esm/components/Filter/Styles.js

ActiveCollab Components

import styled from "styled-components";
import { Input } from "../Input";
import { ListItem, List } from "../List";
import { Menu, MenuFooter } from "../Menu";
export const StyledMenu = styled(Menu).withConfig({
  displayName: "Styles__StyledMenu",
  componentId: "sc-lxuoiz-0"
})(["", " ", ""], {
  "position": "relative"
}, {
  "overflow": "hidden"
});
export const StyledMenuFooter = styled(MenuFooter).withConfig({
  displayName: "Styles__StyledMenuFooter",
  componentId: "sc-lxuoiz-1"
})(["", ""], {
  "justifyContent": "center"
});
export const StyledStartMenuList = styled(List).withConfig({
  displayName: "Styles__StyledStartMenuList",
  componentId: "sc-lxuoiz-2"
})(["", ""], {
  "paddingTop": "0.5rem",
  "paddingBottom": "0.5rem"
});
export const StyledStartMenuListItem = styled(ListItem).withConfig({
  displayName: "Styles__StyledStartMenuListItem",
  componentId: "sc-lxuoiz-3"
})(["", ""], {
  "paddingRight": "0.75rem"
});
export const StyledStartMenuTitle = styled.div.withConfig({
  displayName: "Styles__StyledStartMenuTitle",
  componentId: "sc-lxuoiz-4"
})(["", ""], {
  "flex": "1 1 0%"
});
export const StyledStartMenuNoResults = styled.div.withConfig({
  displayName: "Styles__StyledStartMenuNoResults",
  componentId: "sc-lxuoiz-5"
})(["", " ", ""], {
  "paddingTop": "0.125rem",
  "paddingBottom": "0.125rem"
}, {
  "textAlign": "center"
});
export const StyledStartMenuDot = styled.span.withConfig({
  displayName: "Styles__StyledStartMenuDot",
  componentId: "sc-lxuoiz-6"
})(["border-radius:50%;background-color:var(--color-primary);color:var(--page-paper-main);line-height:15px;width:15px;font-weight:bold;font-size:10px;text-align:center;margin-left:4px;"]);
export const StyledInputSubmenu = styled.div.withConfig({
  displayName: "Styles__StyledInputSubmenu",
  componentId: "sc-lxuoiz-7"
})(["", ""], {
  "paddingLeft": "0.75rem",
  "paddingRight": "0.75rem",
  "paddingBottom": "0.5rem",
  "paddingTop": "0.75rem"
});
export const StyledInputSubmenuFooter = styled(MenuFooter).withConfig({
  displayName: "Styles__StyledInputSubmenuFooter",
  componentId: "sc-lxuoiz-8"
})(["", " height:auto;"], {
  "justifyContent": "space-between",
  "paddingTop": "0.75rem"
});
export const StyledInput = styled(Input).withConfig({
  displayName: "Styles__StyledInput",
  componentId: "sc-lxuoiz-9"
})(["", ""], {
  "marginBottom": "1.25rem",
  "width": "100%"
});
StyledMenu.displayName = "StyledMenu";
StyledMenuFooter.displayName = "StyledMenuFooter";
StyledStartMenuList.displayName = "StyledStartMenuList";
StyledStartMenuListItem.displayName = "StyledStartMenuListItem";
StyledStartMenuTitle.displayName = "StyledStartMenuTitle";
StyledStartMenuDot.displayName = "StyledStartMenuDot";
StyledStartMenuNoResults.displayName = "StyledStartMenuNoResults";
StyledInputSubmenu.displayName = "StyledInputSubmenu";
StyledInputSubmenuFooter.displayName = "StyledInputSubmenuFooter";
StyledInput.displayName = "StyledInput";
//# sourceMappingURL=Styles.js.map