@activecollab/components
Version:
ActiveCollab Components
25 lines • 1.28 kB
JavaScript
import styled, { css } from "styled-components";
import { List } from "../List";
import { ScrollShadow } from "../ScrollShadow";
import { StyledOption } from "../Select/Option/Styles";
export const StyledAutocompleteScrollShadow = styled(ScrollShadow).withConfig({
displayName: "Styles__StyledAutocompleteScrollShadow",
componentId: "sc-1bc1vz9-0"
})(["margin-top:4px;", ""], props => props.$isHidden && css(["", ";"], {
"display": "none"
}));
StyledAutocompleteScrollShadow.displayName = "StyledAutocompleteScrollShadow";
export const StyledAutocompleteBody = styled(List).withConfig({
displayName: "Styles__StyledAutocompleteBody",
componentId: "sc-1bc1vz9-1"
})(["max-height:340px;overflow:auto;margin-bottom:6px;"]);
StyledAutocompleteBody.displayName = "StyledAutocompleteBody";
export const StyledAutocompleteNewItem = styled(StyledOption).withConfig({
displayName: "Styles__StyledAutocompleteNewItem",
componentId: "sc-1bc1vz9-2"
})(["", ";justify-content:start;&:before{content:\"+ \";margin-right:4px;}", ""], {
"cursor": "pointer",
"userSelect": "none"
}, props => props.hover && css(["background-color:var(--color-theme-200);content:\"+ \";"]));
StyledAutocompleteNewItem.displayName = "StyledAutocompleteNewItem";
//# sourceMappingURL=Styles.js.map