UNPKG

@primer/components

Version:
10 lines 907 B
import styled, { css } from 'styled-components'; import { get } from '../constants'; import sx from '../sx'; const listStyles = css(["position:relative;padding:0;margin:0;flex:auto;overflow-x:hidden;overflow-y:auto;background-color:", ";-webkit-overflow-scrolling:touch;@media (hover:hover){.SelectMenuTab:focus{background-color:", ";}.SelectMenuTab:not([aria-checked='true']):hover{color:", ";background-color:", ";}.SelectMenuTab:not([aria-checked='true']):active{color:", ";background-color:", ";}}"], get('colors.canvas.overlay'), get('colors.selectMenu.tapFocusBg'), get('colors.fg.default'), get('colors.canvas.subtle'), get('colors.fg.default'), get('colors.canvas.subtle')); const SelectMenuList = styled.div.withConfig({ displayName: "SelectMenuList", componentId: "sc-1opbpf6-0" })(["", " ", ";"], listStyles, sx); SelectMenuList.displayName = 'SelectMenu.List'; export default SelectMenuList;